From 75dc1476d6d592c6c2c54f8d08d3047c90c8f9dc Mon Sep 17 00:00:00 2001 From: Israel Lavi Date: Tue, 7 Aug 2018 11:36:58 +0300 Subject: Initial commit Change-Id: I061d81a33aebadb83ba0e085e8e34339fed5ed53 Issue-ID: SDC-1609 Signed-off-by: Israel Lavi --- .gitignore | 15 + .gitreview | 4 + .travis.yml | 14 + LICENSE.TXT | 20 + README.md | 38 ++ assets/README.md | 9 + assets/icons/angleDoubleLeft.svg | 15 + assets/icons/angleDoubleRight.svg | 11 + assets/icons/angleLeft.svg | 9 + assets/icons/angleRight.svg | 9 + assets/icons/archiveBox.svg | 23 + assets/icons/artifacts.svg | 1 + assets/icons/back.svg | 6 + assets/icons/base.svg | 1 + assets/icons/calendar.svg | 1 + assets/icons/caretDown.svg | 6 + assets/icons/check.svg | 9 + assets/icons/checkCircle.svg | 1 + assets/icons/chevronDown.svg | 9 + assets/icons/chevronUp.svg | 9 + assets/icons/close.svg | 10 + assets/icons/download.svg | 1 + assets/icons/empty.txt | 0 assets/icons/env.svg | 1 + assets/icons/error.svg | 1 + assets/icons/errorCircle.svg | 1 + assets/icons/exclamationTriangleFull.svg | 9 + assets/icons/exclamationTriangleLine.svg | 25 + assets/icons/expand.svg | 1 + assets/icons/filter.svg | 9 + "assets/icons/info\320\241ircleO.svg" | 3 + assets/icons/locked.svg | 3 + assets/icons/module.svg | 1 + assets/icons/nestedHeat.svg | 1 + assets/icons/network.svg | 1 + assets/icons/notificationBell.svg | 18 + assets/icons/notificationFullBell.svg | 11 + assets/icons/others.svg | 1 + assets/icons/pencil.svg | 17 + assets/icons/plus.svg | 9 + assets/icons/plusCircle.svg | 9 + assets/icons/plusThin.svg | 7 + assets/icons/proceedToOverview.svg | 1 + assets/icons/questionMark.svg | 1 + assets/icons/search.svg | 8 + assets/icons/sliders.svg | 19 + assets/icons/trashO.svg | 17 + assets/icons/unlocked.svg | 3 + assets/icons/upload.svg | 1 + assets/icons/user.svg | 10 + assets/icons/vendor.svg | 1 + assets/icons/versionControllerCommit.svg | 1 + assets/icons/versionControllerLockClosed.svg | 17 + assets/icons/versionControllerLockOpen.svg | 17 + assets/icons/versionControllerPermissions.svg | 1 + assets/icons/versionControllerRevert.svg | 14 + assets/icons/versionControllerSave.svg | 10 + assets/icons/versionControllerSubmit.svg | 10 + assets/icons/versionControllerSync.svg | 1 + assets/icons/versionControllerUndo.svg | 1 + assets/icons/viewModule.svg | 9 + assets/icons/vlm.svg | 1 + assets/icons/vsp.svg | 1 + assets/icons/zip.svg | 1 + assets/images/empty.txt | 0 assets/images/illustration.png | Bin 0 -> 29534 bytes assets/images/logo_onap.png | Bin 0 -> 21360 bytes assets/images/logo_onap_2017.png | Bin 0 -> 21360 bytes assets/sdc-icons/Setting_24px.svg | 1 + assets/sdc-icons/Setting_60px.svg | 1 + assets/sdc-icons/common/README.md | 9 + assets/sdc-icons/common/alert-triangle-o.svg | 3 + assets/sdc-icons/common/alert-triangle.svg | 5 + assets/sdc-icons/common/api-o.svg | 3 + assets/sdc-icons/common/arrow2-right-child.svg | 3 + assets/sdc-icons/common/arrow2-right.svg | 3 + assets/sdc-icons/common/arrow3-down-o.svg | 3 + assets/sdc-icons/common/arrow3-up-o.svg | 3 + assets/sdc-icons/common/attachment.svg | 3 + assets/sdc-icons/common/bedge.svg | 5 + assets/sdc-icons/common/browse.svg | 3 + assets/sdc-icons/common/calendar-o.svg | 3 + assets/sdc-icons/common/camera-o.svg | 3 + assets/sdc-icons/common/caret1-down-o.svg | 3 + assets/sdc-icons/common/caret2-right-circle-o.svg | 3 + assets/sdc-icons/common/caret2-right-circle.svg | 4 + assets/sdc-icons/common/caret3-right.svg | 3 + assets/sdc-icons/common/close.svg | 3 + assets/sdc-icons/common/commit-o.svg | 3 + assets/sdc-icons/common/composition-o.svg | 3 + assets/sdc-icons/common/copy-o.svg | 3 + assets/sdc-icons/common/deployment-artifacts-o.svg | 3 + assets/sdc-icons/common/description-o.svg | 3 + assets/sdc-icons/common/distributed.svg | 3 + assets/sdc-icons/common/download-o.svg | 3 + assets/sdc-icons/common/edit-file-o.svg | 3 + assets/sdc-icons/common/edit-o.svg | 3 + assets/sdc-icons/common/expand-o.svg | 3 + assets/sdc-icons/common/eye-o.svg | 3 + assets/sdc-icons/common/filter-o.svg | 3 + assets/sdc-icons/common/info-circle-o.svg | 3 + assets/sdc-icons/common/info-circle.svg | 5 + assets/sdc-icons/common/info-square-o.svg | 3 + assets/sdc-icons/common/inputs-o.svg | 3 + assets/sdc-icons/common/locked.svg | 3 + assets/sdc-icons/common/minus-circle.svg | 3 + assets/sdc-icons/common/minus.svg | 3 + assets/sdc-icons/common/notifications-o.svg | 3 + assets/sdc-icons/common/plus-circle-o.svg | 3 + assets/sdc-icons/common/plus-circle.svg | 5 + assets/sdc-icons/common/plus.svg | 3 + assets/sdc-icons/common/profile-o.svg | 3 + assets/sdc-icons/common/profiles-o.svg | 3 + assets/sdc-icons/common/question-mark-circle-o.svg | 3 + assets/sdc-icons/common/question-mark-circle.svg | 5 + assets/sdc-icons/common/req-capabilities-o.svg | 3 + assets/sdc-icons/common/revert-o.svg | 3 + assets/sdc-icons/common/save-o.svg | 3 + assets/sdc-icons/common/search-o.svg | 3 + assets/sdc-icons/common/settings-o.svg | 3 + assets/sdc-icons/common/spinner.svg | 50 ++ assets/sdc-icons/common/success-circle-o.svg | 3 + assets/sdc-icons/common/success.svg | 3 + assets/sdc-icons/common/sync-o.svg | 3 + assets/sdc-icons/common/trash-o.svg | 3 + assets/sdc-icons/common/undo-o.svg | 3 + assets/sdc-icons/common/unlocked-o.svg | 3 + assets/sdc-icons/common/upload-o.svg | 3 + assets/sdc-icons/common/v-circle-o.svg | 3 + assets/sdc-icons/common/v-circle.svg | 3 + assets/sdc-icons/common/x-circle-o.svg | 3 + assets/sdc-icons/common/x-circle.svg | 5 + assets/sdc-icons/components/checkbox_checked.svg | 3 + assets/sdc-icons/components/checkbox_disabled.svg | 9 + assets/sdc-icons/components/radio_checked .svg | 6 + assets/sdc-icons/components/radio_disabled.svg | 6 + assets/sdc-icons/d_24px.svg | 1 + assets/sdc-icons/d_60px.svg | 1 + .../sdc-icons/resources_24/allotted_resource.svg | 1 + .../sdc-icons/resources_24/applicationServer.svg | 1 + assets/sdc-icons/resources_24/borderElement.svg | 1 + assets/sdc-icons/resources_24/call_controll.svg | 1 + assets/sdc-icons/resources_24/cloudep.svg | 1 + assets/sdc-icons/resources_24/collaboration.svg | 1 + assets/sdc-icons/resources_24/compute.svg | 1 + assets/sdc-icons/resources_24/connector.svg | 1 + assets/sdc-icons/resources_24/cp.svg | 1 + assets/sdc-icons/resources_24/dcae_analytics.svg | 1 + assets/sdc-icons/resources_24/dcae_collector.svg | 1 + assets/sdc-icons/resources_24/dcae_database.svg | 1 + .../resources_24/dcae_machineLearning.svg | 1 + .../sdc-icons/resources_24/dcae_microservice.svg | 1 + assets/sdc-icons/resources_24/dcae_source.svg | 1 + assets/sdc-icons/resources_24/dcae_utilty.svg | 1 + assets/sdc-icons/resources_24/defaulticon.svg | 1 + assets/sdc-icons/resources_24/firewall.svg | 1 + assets/sdc-icons/resources_24/fortinet.svg | 1 + assets/sdc-icons/resources_24/gateway.svg | 1 + assets/sdc-icons/resources_24/loadBalancer.svg | 1 + assets/sdc-icons/resources_24/mobility.svg | 1 + .../sdc-icons/resources_24/monitoring_template.svg | 1 + assets/sdc-icons/resources_24/network.svg | 1 + assets/sdc-icons/resources_24/network_cloud.svg | 1 + assets/sdc-icons/resources_24/networkrules.svg | 1 + assets/sdc-icons/resources_24/notification.svg | 1 + assets/sdc-icons/resources_24/objectStorage.svg | 1 + assets/sdc-icons/resources_24/ossep.svg | 1 + assets/sdc-icons/resources_24/pmc.svg | 1 + assets/sdc-icons/resources_24/port.svg | 1 + assets/sdc-icons/resources_24/premisesep.svg | 1 + assets/sdc-icons/resources_24/router.svg | 1 + assets/sdc-icons/resources_24/security.svg | 1 + assets/sdc-icons/resources_24/securityrules.svg | 1 + assets/sdc-icons/resources_24/server.svg | 1 + assets/sdc-icons/resources_24/ucpe.svg | 1 + assets/sdc-icons/resources_24/vRouter.svg | 1 + assets/sdc-icons/resources_24/vfw.svg | 1 + assets/sdc-icons/resources_24/vl.svg | 1 + assets/sdc-icons/resources_24/vnfconfiguration.svg | 1 + assets/sdc-icons/resources_24/wanx.svg | 1 + .../sdc-icons/resources_60/allotted_resource.svg | 1 + .../sdc-icons/resources_60/applicationServer.svg | 1 + assets/sdc-icons/resources_60/borderElement.svg | 1 + assets/sdc-icons/resources_60/call_controll.svg | 1 + assets/sdc-icons/resources_60/cloudep.svg | 1 + assets/sdc-icons/resources_60/collaboration.svg | 1 + assets/sdc-icons/resources_60/compute.svg | 1 + assets/sdc-icons/resources_60/connector.svg | 1 + assets/sdc-icons/resources_60/cp.svg | 1 + assets/sdc-icons/resources_60/dcae_analytics.svg | 1 + assets/sdc-icons/resources_60/dcae_collector.svg | 1 + assets/sdc-icons/resources_60/dcae_database.svg | 1 + .../resources_60/dcae_machineLearning.svg | 1 + .../sdc-icons/resources_60/dcae_microservice.svg | 1 + assets/sdc-icons/resources_60/dcae_source.svg | 1 + assets/sdc-icons/resources_60/dcae_utilty.svg | 1 + assets/sdc-icons/resources_60/defaulticon.svg | 1 + assets/sdc-icons/resources_60/firewall.svg | 1 + assets/sdc-icons/resources_60/fortinet.svg | 1 + assets/sdc-icons/resources_60/gateway.svg | 1 + assets/sdc-icons/resources_60/loadBalancer.svg | 1 + assets/sdc-icons/resources_60/mobility.svg | 1 + .../sdc-icons/resources_60/monitoring_template.svg | 1 + assets/sdc-icons/resources_60/network.svg | 1 + assets/sdc-icons/resources_60/network_cloud.svg | 1 + assets/sdc-icons/resources_60/networkrules.svg | 1 + assets/sdc-icons/resources_60/notification.svg | 1 + assets/sdc-icons/resources_60/objectStorage.svg | 1 + assets/sdc-icons/resources_60/ossep.svg | 1 + assets/sdc-icons/resources_60/personep.svg | 1 + assets/sdc-icons/resources_60/pmc.svg | 1 + assets/sdc-icons/resources_60/port.svg | 1 + assets/sdc-icons/resources_60/premisesep.svg | 1 + assets/sdc-icons/resources_60/router.svg | 1 + assets/sdc-icons/resources_60/security.svg | 1 + assets/sdc-icons/resources_60/securityrules.svg | 1 + assets/sdc-icons/resources_60/server.svg | 1 + assets/sdc-icons/resources_60/ucpe.svg | 1 + assets/sdc-icons/resources_60/vRouter.svg | 1 + assets/sdc-icons/resources_60/vfw.svg | 1 + assets/sdc-icons/resources_60/vl.svg | 1 + assets/sdc-icons/resources_60/vnfconfiguration.svg | 1 + assets/sdc-icons/resources_60/wanx.svg | 1 + assets/sdc-icons/services_24/call_controll.svg | 1 + assets/sdc-icons/services_24/collaboration.svg | 1 + assets/sdc-icons/services_24/collaboration1.svg | 1 + assets/sdc-icons/services_24/compute.svg | 1 + assets/sdc-icons/services_24/defaulticon.svg | 1 + assets/sdc-icons/services_24/messaging.svg | 1 + assets/sdc-icons/services_24/mobility.svg | 1 + assets/sdc-icons/services_24/network_l_1-3.svg | 1 + assets/sdc-icons/services_24/network_l_4.svg | 1 + assets/sdc-icons/services_24/notification.svg | 1 + assets/sdc-icons/services_24/personep.svg | 1 + assets/sdc-icons/services_24/platform.svg | 1 + assets/sdc-icons/services_24/storage.svg | 1 + assets/sdc-icons/services_60/call_controll.svg | 1 + assets/sdc-icons/services_60/collaboration.svg | 1 + assets/sdc-icons/services_60/collaboration1.svg | 1 + assets/sdc-icons/services_60/compute.svg | 1 + assets/sdc-icons/services_60/defaulticon.svg | 1 + assets/sdc-icons/services_60/messaging.svg | 1 + assets/sdc-icons/services_60/mobility.svg | 1 + assets/sdc-icons/services_60/network_l_1-3.svg | 1 + assets/sdc-icons/services_60/network_l_4.svg | 1 + assets/sdc-icons/services_60/notification.svg | 1 + assets/sdc-icons/services_60/platform.svg | 1 + assets/sdc-icons/services_60/storage.svg | 1 + assets/sdc-icons/vendors_24/alcatelLucent.svg | 1 + assets/sdc-icons/vendors_24/aricent.svg | 1 + assets/sdc-icons/vendors_24/att.svg | 1 + assets/sdc-icons/vendors_24/brocade.svg | 1 + assets/sdc-icons/vendors_24/cisco.svg | 1 + assets/sdc-icons/vendors_24/cloud.svg | 1 + assets/sdc-icons/vendors_24/ericsson.svg | 1 + assets/sdc-icons/vendors_24/juniper.svg | 1 + assets/sdc-icons/vendors_24/mysql.svg | 1 + assets/sdc-icons/vendors_24/nokia_siemens.svg | 1 + assets/sdc-icons/vendors_24/oracle.svg | 1 + assets/sdc-icons/vendors_24/tropo.svg | 1 + assets/sdc-icons/vendors_60/alcatelLucent.svg | 1 + assets/sdc-icons/vendors_60/aricent.svg | 1 + assets/sdc-icons/vendors_60/att.svg | 1 + assets/sdc-icons/vendors_60/brocade.svg | 1 + assets/sdc-icons/vendors_60/cisco.svg | 1 + assets/sdc-icons/vendors_60/cloud.svg | 1 + assets/sdc-icons/vendors_60/ericsson.svg | 1 + assets/sdc-icons/vendors_60/juniper.svg | 1 + assets/sdc-icons/vendors_60/mysql.svg | 1 + assets/sdc-icons/vendors_60/nokia_siemens.svg | 1 + assets/sdc-icons/vendors_60/oracle.svg | 1 + components/accordion/accordion-basic.html | 22 + components/accordion/accordion.scss | 50 ++ components/autocomplete/_autocomplete.scss | 43 ++ components/autocomplete/autocomlete-close.html | 22 + components/autocomplete/autocomplete-open.html | 24 + components/button/_button.scss | 232 +++++++++ components/button/button-link-auto.html | 3 + components/button/button-link-disabled.html | 3 + components/button/button-link-extra-small.html | 3 + components/button/button-link-large.html | 3 + components/button/button-link-medium.html | 3 + components/button/button-link-small.html | 3 + components/button/button-link.html | 3 + components/button/button-primary-auto.html | 3 + components/button/button-primary-disabled.html | 3 + components/button/button-primary-extra-small.html | 3 + components/button/button-primary-large.html | 3 + components/button/button-primary-medium.html | 3 + components/button/button-primary-small.html | 3 + components/button/button-primary.html | 3 + components/button/button-secondary-auto.html | 3 + components/button/button-secondary-disabled.html | 3 + .../button/button-secondary-extra-small.html | 3 + components/button/button-secondary-large.html | 3 + components/button/button-secondary-medium.html | 3 + components/button/button-secondary-small.html | 3 + components/button/button-secondary.html | 3 + components/checkbox/_checkbox.scss | 66 +++ components/checkbox/checkbox-checked.html | 6 + components/checkbox/checkbox-disabled-checked.html | 6 + components/checkbox/checkbox-disabled.html | 6 + components/checkbox/checkbox-unchecked.html | 6 + components/checklist/_checklist.scss | 21 + .../checklist/checklist-with-checked-items.html | 24 + .../checklist/checklist-with-disabled-items.html | 25 + components/checklist/multi-levels-checklist.html | 50 ++ components/checklist/simple-checklist.html | 24 + components/dropdown/_dropdown.scss | 346 ++++++++++++ components/dropdown/dropdown-disabled.html | 11 + components/dropdown/dropdown-groups.html | 10 + components/dropdown/dropdown-requiered.html | 18 + components/dropdown/dropdown.html | 9 + components/filter-bar/_filter-bar.scss | 51 ++ components/filter-bar/filter-bar-with-text.html | 16 + components/filter-bar/filter-bar.html | 17 + components/icon/_icon.scss | 250 +++++++++ components/input/_input.scss | 78 +++ components/input/input-disabled.html | 4 + components/input/input-error.html | 17 + components/input/input-number.html | 6 + components/input/input-placeholder.html | 4 + components/input/input-required.html | 4 + components/input/input-view-only.html | 4 + components/input/input.html | 8 + components/loader/_loader.scss | 255 +++++++++ components/loader/global-loader.html | 5 + components/loader/loader.html | 5 + components/menu/_menu.scss | 68 +++ components/menu/popup-menu.html | 8 + components/menu/relative-popup-menu.html | 8 + components/modal/_modal.scss | 233 +++++++++ components/modal/alert-modal.html | 45 ++ components/modal/custom-modal.html | 27 + components/modal/error-modal.html | 32 ++ components/modal/standard-modal.html | 46 ++ .../multiline-ellipsis/_multiline_ellipsis.scss | 25 + components/notification/_notification.scss | 78 +++ components/notification/notification-error.html | 21 + components/notification/notification-info.html | 21 + components/notification/notification-success.html | 21 + components/notification/notification-warning.html | 21 + .../_notifications-container.scss | 8 + components/panel/basic-panel.html | 21 + components/panel/panel.scss | 8 + components/radio/_radio.scss | 69 +++ components/radio/radio-checked.html | 4 + components/radio/radio-disabled-checked.html | 4 + components/radio/radio-disabled.html | 4 + components/radio/radio-unchecked.html | 4 + components/radioGroup/_radioGroup.scss | 20 + components/radioGroup/radio-group-disabled.html | 13 + components/radioGroup/radio-group-no-title.html | 12 + components/radioGroup/radio-group-value.html | 13 + components/radioGroup/radio-group.html | 13 + components/search-bar/_search-bar.scss | 61 +++ components/search-bar/search-bar-with-text.html | 17 + components/search-bar/search-bar.html | 16 + components/tabs/tabs-disabled.html | 8 + components/tabs/tabs-header.html | 8 + components/tabs/tabs-menu.html | 8 + components/tabs/tabs.scss | 35 ++ components/tag-cloud/_tag-cloud.scss | 116 +++++ components/tag-cloud/disabled-list.html | 31 ++ .../tag-cloud/list-with-active-add-button.html | 50 ++ .../tag-cloud/list-with-some-read-only-items.html | 61 +++ components/tag-cloud/list-with-unique-error.html | 52 ++ components/tag-cloud/simple-list.html | 50 ++ components/textarea/_textarea.scss | 77 +++ components/textarea/textarea-disabled.html | 3 + components/textarea/textarea-error.html | 3 + components/textarea/textarea-maxlength.html | 3 + components/textarea/textarea-placeholder.html | 3 + components/textarea/textarea-required.html | 4 + components/textarea/textarea.html | 4 + components/tile/_tile.scss | 172 ++++++ components/tile/tile-without-footer.html | 14 + components/tile/vendor-tile.html | 26 + components/tile/vfc-tile.html | 17 + components/tile/vlm-tile.html | 22 + components/tile/vsp-tile.html | 17 + components/tooltip/_tooltip.scss | 124 +++++ components/validation/_validation.scss | 9 + index.js | 7 + package.json | 34 ++ styles/_common.scss | 7 + styles/_components.scss | 25 + styles/common/_animation.scss | 149 ++++++ styles/common/_icons.scss | 19 + styles/common/_normalize.scss | 578 +++++++++++++++++++++ styles/common/_typography.scss | 96 ++++ styles/common/base.scss | 96 ++++ styles/common/mixins.scss | 342 ++++++++++++ styles/common/variables.scss | 39 ++ styles/style.scss | 2 + utils/create-svg-icons-map.js | 114 ++++ utils/delete-folders.js | 3 + version.properties | 13 + 398 files changed, 6097 insertions(+) create mode 100644 .gitignore create mode 100644 .gitreview create mode 100644 .travis.yml create mode 100644 LICENSE.TXT create mode 100644 README.md create mode 100644 assets/README.md create mode 100644 assets/icons/angleDoubleLeft.svg create mode 100644 assets/icons/angleDoubleRight.svg create mode 100644 assets/icons/angleLeft.svg create mode 100644 assets/icons/angleRight.svg create mode 100644 assets/icons/archiveBox.svg create mode 100644 assets/icons/artifacts.svg create mode 100644 assets/icons/back.svg create mode 100644 assets/icons/base.svg create mode 100644 assets/icons/calendar.svg create mode 100644 assets/icons/caretDown.svg create mode 100644 assets/icons/check.svg create mode 100644 assets/icons/checkCircle.svg create mode 100644 assets/icons/chevronDown.svg create mode 100644 assets/icons/chevronUp.svg create mode 100644 assets/icons/close.svg create mode 100644 assets/icons/download.svg create mode 100644 assets/icons/empty.txt create mode 100644 assets/icons/env.svg create mode 100644 assets/icons/error.svg create mode 100644 assets/icons/errorCircle.svg create mode 100644 assets/icons/exclamationTriangleFull.svg create mode 100644 assets/icons/exclamationTriangleLine.svg create mode 100644 assets/icons/expand.svg create mode 100644 assets/icons/filter.svg create mode 100644 "assets/icons/info\320\241ircleO.svg" create mode 100644 assets/icons/locked.svg create mode 100644 assets/icons/module.svg create mode 100644 assets/icons/nestedHeat.svg create mode 100644 assets/icons/network.svg create mode 100644 assets/icons/notificationBell.svg create mode 100644 assets/icons/notificationFullBell.svg create mode 100644 assets/icons/others.svg create mode 100644 assets/icons/pencil.svg create mode 100644 assets/icons/plus.svg create mode 100644 assets/icons/plusCircle.svg create mode 100644 assets/icons/plusThin.svg create mode 100644 assets/icons/proceedToOverview.svg create mode 100644 assets/icons/questionMark.svg create mode 100644 assets/icons/search.svg create mode 100644 assets/icons/sliders.svg create mode 100644 assets/icons/trashO.svg create mode 100644 assets/icons/unlocked.svg create mode 100644 assets/icons/upload.svg create mode 100644 assets/icons/user.svg create mode 100644 assets/icons/vendor.svg create mode 100644 assets/icons/versionControllerCommit.svg create mode 100644 assets/icons/versionControllerLockClosed.svg create mode 100644 assets/icons/versionControllerLockOpen.svg create mode 100644 assets/icons/versionControllerPermissions.svg create mode 100644 assets/icons/versionControllerRevert.svg create mode 100644 assets/icons/versionControllerSave.svg create mode 100644 assets/icons/versionControllerSubmit.svg create mode 100644 assets/icons/versionControllerSync.svg create mode 100644 assets/icons/versionControllerUndo.svg create mode 100644 assets/icons/viewModule.svg create mode 100644 assets/icons/vlm.svg create mode 100644 assets/icons/vsp.svg create mode 100644 assets/icons/zip.svg create mode 100644 assets/images/empty.txt create mode 100644 assets/images/illustration.png create mode 100644 assets/images/logo_onap.png create mode 100644 assets/images/logo_onap_2017.png create mode 100644 assets/sdc-icons/Setting_24px.svg create mode 100644 assets/sdc-icons/Setting_60px.svg create mode 100644 assets/sdc-icons/common/README.md create mode 100644 assets/sdc-icons/common/alert-triangle-o.svg create mode 100644 assets/sdc-icons/common/alert-triangle.svg create mode 100644 assets/sdc-icons/common/api-o.svg create mode 100644 assets/sdc-icons/common/arrow2-right-child.svg create mode 100644 assets/sdc-icons/common/arrow2-right.svg create mode 100644 assets/sdc-icons/common/arrow3-down-o.svg create mode 100644 assets/sdc-icons/common/arrow3-up-o.svg create mode 100644 assets/sdc-icons/common/attachment.svg create mode 100644 assets/sdc-icons/common/bedge.svg create mode 100644 assets/sdc-icons/common/browse.svg create mode 100644 assets/sdc-icons/common/calendar-o.svg create mode 100644 assets/sdc-icons/common/camera-o.svg create mode 100644 assets/sdc-icons/common/caret1-down-o.svg create mode 100644 assets/sdc-icons/common/caret2-right-circle-o.svg create mode 100644 assets/sdc-icons/common/caret2-right-circle.svg create mode 100644 assets/sdc-icons/common/caret3-right.svg create mode 100644 assets/sdc-icons/common/close.svg create mode 100644 assets/sdc-icons/common/commit-o.svg create mode 100644 assets/sdc-icons/common/composition-o.svg create mode 100644 assets/sdc-icons/common/copy-o.svg create mode 100644 assets/sdc-icons/common/deployment-artifacts-o.svg create mode 100644 assets/sdc-icons/common/description-o.svg create mode 100644 assets/sdc-icons/common/distributed.svg create mode 100644 assets/sdc-icons/common/download-o.svg create mode 100644 assets/sdc-icons/common/edit-file-o.svg create mode 100644 assets/sdc-icons/common/edit-o.svg create mode 100644 assets/sdc-icons/common/expand-o.svg create mode 100644 assets/sdc-icons/common/eye-o.svg create mode 100644 assets/sdc-icons/common/filter-o.svg create mode 100644 assets/sdc-icons/common/info-circle-o.svg create mode 100644 assets/sdc-icons/common/info-circle.svg create mode 100644 assets/sdc-icons/common/info-square-o.svg create mode 100644 assets/sdc-icons/common/inputs-o.svg create mode 100644 assets/sdc-icons/common/locked.svg create mode 100644 assets/sdc-icons/common/minus-circle.svg create mode 100644 assets/sdc-icons/common/minus.svg create mode 100644 assets/sdc-icons/common/notifications-o.svg create mode 100644 assets/sdc-icons/common/plus-circle-o.svg create mode 100644 assets/sdc-icons/common/plus-circle.svg create mode 100644 assets/sdc-icons/common/plus.svg create mode 100644 assets/sdc-icons/common/profile-o.svg create mode 100644 assets/sdc-icons/common/profiles-o.svg create mode 100644 assets/sdc-icons/common/question-mark-circle-o.svg create mode 100644 assets/sdc-icons/common/question-mark-circle.svg create mode 100644 assets/sdc-icons/common/req-capabilities-o.svg create mode 100644 assets/sdc-icons/common/revert-o.svg create mode 100644 assets/sdc-icons/common/save-o.svg create mode 100644 assets/sdc-icons/common/search-o.svg create mode 100644 assets/sdc-icons/common/settings-o.svg create mode 100644 assets/sdc-icons/common/spinner.svg create mode 100644 assets/sdc-icons/common/success-circle-o.svg create mode 100644 assets/sdc-icons/common/success.svg create mode 100644 assets/sdc-icons/common/sync-o.svg create mode 100644 assets/sdc-icons/common/trash-o.svg create mode 100644 assets/sdc-icons/common/undo-o.svg create mode 100644 assets/sdc-icons/common/unlocked-o.svg create mode 100644 assets/sdc-icons/common/upload-o.svg create mode 100644 assets/sdc-icons/common/v-circle-o.svg create mode 100644 assets/sdc-icons/common/v-circle.svg create mode 100644 assets/sdc-icons/common/x-circle-o.svg create mode 100644 assets/sdc-icons/common/x-circle.svg create mode 100644 assets/sdc-icons/components/checkbox_checked.svg create mode 100644 assets/sdc-icons/components/checkbox_disabled.svg create mode 100644 assets/sdc-icons/components/radio_checked .svg create mode 100644 assets/sdc-icons/components/radio_disabled.svg create mode 100644 assets/sdc-icons/d_24px.svg create mode 100644 assets/sdc-icons/d_60px.svg create mode 100644 assets/sdc-icons/resources_24/allotted_resource.svg create mode 100644 assets/sdc-icons/resources_24/applicationServer.svg create mode 100644 assets/sdc-icons/resources_24/borderElement.svg create mode 100644 assets/sdc-icons/resources_24/call_controll.svg create mode 100644 assets/sdc-icons/resources_24/cloudep.svg create mode 100644 assets/sdc-icons/resources_24/collaboration.svg create mode 100644 assets/sdc-icons/resources_24/compute.svg create mode 100644 assets/sdc-icons/resources_24/connector.svg create mode 100644 assets/sdc-icons/resources_24/cp.svg create mode 100644 assets/sdc-icons/resources_24/dcae_analytics.svg create mode 100644 assets/sdc-icons/resources_24/dcae_collector.svg create mode 100644 assets/sdc-icons/resources_24/dcae_database.svg create mode 100644 assets/sdc-icons/resources_24/dcae_machineLearning.svg create mode 100644 assets/sdc-icons/resources_24/dcae_microservice.svg create mode 100644 assets/sdc-icons/resources_24/dcae_source.svg create mode 100644 assets/sdc-icons/resources_24/dcae_utilty.svg create mode 100644 assets/sdc-icons/resources_24/defaulticon.svg create mode 100644 assets/sdc-icons/resources_24/firewall.svg create mode 100644 assets/sdc-icons/resources_24/fortinet.svg create mode 100644 assets/sdc-icons/resources_24/gateway.svg create mode 100644 assets/sdc-icons/resources_24/loadBalancer.svg create mode 100644 assets/sdc-icons/resources_24/mobility.svg create mode 100644 assets/sdc-icons/resources_24/monitoring_template.svg create mode 100644 assets/sdc-icons/resources_24/network.svg create mode 100644 assets/sdc-icons/resources_24/network_cloud.svg create mode 100644 assets/sdc-icons/resources_24/networkrules.svg create mode 100644 assets/sdc-icons/resources_24/notification.svg create mode 100644 assets/sdc-icons/resources_24/objectStorage.svg create mode 100644 assets/sdc-icons/resources_24/ossep.svg create mode 100644 assets/sdc-icons/resources_24/pmc.svg create mode 100644 assets/sdc-icons/resources_24/port.svg create mode 100644 assets/sdc-icons/resources_24/premisesep.svg create mode 100644 assets/sdc-icons/resources_24/router.svg create mode 100644 assets/sdc-icons/resources_24/security.svg create mode 100644 assets/sdc-icons/resources_24/securityrules.svg create mode 100644 assets/sdc-icons/resources_24/server.svg create mode 100644 assets/sdc-icons/resources_24/ucpe.svg create mode 100644 assets/sdc-icons/resources_24/vRouter.svg create mode 100644 assets/sdc-icons/resources_24/vfw.svg create mode 100644 assets/sdc-icons/resources_24/vl.svg create mode 100644 assets/sdc-icons/resources_24/vnfconfiguration.svg create mode 100644 assets/sdc-icons/resources_24/wanx.svg create mode 100644 assets/sdc-icons/resources_60/allotted_resource.svg create mode 100644 assets/sdc-icons/resources_60/applicationServer.svg create mode 100644 assets/sdc-icons/resources_60/borderElement.svg create mode 100644 assets/sdc-icons/resources_60/call_controll.svg create mode 100644 assets/sdc-icons/resources_60/cloudep.svg create mode 100644 assets/sdc-icons/resources_60/collaboration.svg create mode 100644 assets/sdc-icons/resources_60/compute.svg create mode 100644 assets/sdc-icons/resources_60/connector.svg create mode 100644 assets/sdc-icons/resources_60/cp.svg create mode 100644 assets/sdc-icons/resources_60/dcae_analytics.svg create mode 100644 assets/sdc-icons/resources_60/dcae_collector.svg create mode 100644 assets/sdc-icons/resources_60/dcae_database.svg create mode 100644 assets/sdc-icons/resources_60/dcae_machineLearning.svg create mode 100644 assets/sdc-icons/resources_60/dcae_microservice.svg create mode 100644 assets/sdc-icons/resources_60/dcae_source.svg create mode 100644 assets/sdc-icons/resources_60/dcae_utilty.svg create mode 100644 assets/sdc-icons/resources_60/defaulticon.svg create mode 100644 assets/sdc-icons/resources_60/firewall.svg create mode 100644 assets/sdc-icons/resources_60/fortinet.svg create mode 100644 assets/sdc-icons/resources_60/gateway.svg create mode 100644 assets/sdc-icons/resources_60/loadBalancer.svg create mode 100644 assets/sdc-icons/resources_60/mobility.svg create mode 100644 assets/sdc-icons/resources_60/monitoring_template.svg create mode 100644 assets/sdc-icons/resources_60/network.svg create mode 100644 assets/sdc-icons/resources_60/network_cloud.svg create mode 100644 assets/sdc-icons/resources_60/networkrules.svg create mode 100644 assets/sdc-icons/resources_60/notification.svg create mode 100644 assets/sdc-icons/resources_60/objectStorage.svg create mode 100644 assets/sdc-icons/resources_60/ossep.svg create mode 100644 assets/sdc-icons/resources_60/personep.svg create mode 100644 assets/sdc-icons/resources_60/pmc.svg create mode 100644 assets/sdc-icons/resources_60/port.svg create mode 100644 assets/sdc-icons/resources_60/premisesep.svg create mode 100644 assets/sdc-icons/resources_60/router.svg create mode 100644 assets/sdc-icons/resources_60/security.svg create mode 100644 assets/sdc-icons/resources_60/securityrules.svg create mode 100644 assets/sdc-icons/resources_60/server.svg create mode 100644 assets/sdc-icons/resources_60/ucpe.svg create mode 100644 assets/sdc-icons/resources_60/vRouter.svg create mode 100644 assets/sdc-icons/resources_60/vfw.svg create mode 100644 assets/sdc-icons/resources_60/vl.svg create mode 100644 assets/sdc-icons/resources_60/vnfconfiguration.svg create mode 100644 assets/sdc-icons/resources_60/wanx.svg create mode 100644 assets/sdc-icons/services_24/call_controll.svg create mode 100644 assets/sdc-icons/services_24/collaboration.svg create mode 100644 assets/sdc-icons/services_24/collaboration1.svg create mode 100644 assets/sdc-icons/services_24/compute.svg create mode 100644 assets/sdc-icons/services_24/defaulticon.svg create mode 100644 assets/sdc-icons/services_24/messaging.svg create mode 100644 assets/sdc-icons/services_24/mobility.svg create mode 100644 assets/sdc-icons/services_24/network_l_1-3.svg create mode 100644 assets/sdc-icons/services_24/network_l_4.svg create mode 100644 assets/sdc-icons/services_24/notification.svg create mode 100644 assets/sdc-icons/services_24/personep.svg create mode 100644 assets/sdc-icons/services_24/platform.svg create mode 100644 assets/sdc-icons/services_24/storage.svg create mode 100644 assets/sdc-icons/services_60/call_controll.svg create mode 100644 assets/sdc-icons/services_60/collaboration.svg create mode 100644 assets/sdc-icons/services_60/collaboration1.svg create mode 100644 assets/sdc-icons/services_60/compute.svg create mode 100644 assets/sdc-icons/services_60/defaulticon.svg create mode 100644 assets/sdc-icons/services_60/messaging.svg create mode 100644 assets/sdc-icons/services_60/mobility.svg create mode 100644 assets/sdc-icons/services_60/network_l_1-3.svg create mode 100644 assets/sdc-icons/services_60/network_l_4.svg create mode 100644 assets/sdc-icons/services_60/notification.svg create mode 100644 assets/sdc-icons/services_60/platform.svg create mode 100644 assets/sdc-icons/services_60/storage.svg create mode 100644 assets/sdc-icons/vendors_24/alcatelLucent.svg create mode 100644 assets/sdc-icons/vendors_24/aricent.svg create mode 100644 assets/sdc-icons/vendors_24/att.svg create mode 100644 assets/sdc-icons/vendors_24/brocade.svg create mode 100644 assets/sdc-icons/vendors_24/cisco.svg create mode 100644 assets/sdc-icons/vendors_24/cloud.svg create mode 100644 assets/sdc-icons/vendors_24/ericsson.svg create mode 100644 assets/sdc-icons/vendors_24/juniper.svg create mode 100644 assets/sdc-icons/vendors_24/mysql.svg create mode 100644 assets/sdc-icons/vendors_24/nokia_siemens.svg create mode 100644 assets/sdc-icons/vendors_24/oracle.svg create mode 100644 assets/sdc-icons/vendors_24/tropo.svg create mode 100644 assets/sdc-icons/vendors_60/alcatelLucent.svg create mode 100644 assets/sdc-icons/vendors_60/aricent.svg create mode 100644 assets/sdc-icons/vendors_60/att.svg create mode 100644 assets/sdc-icons/vendors_60/brocade.svg create mode 100644 assets/sdc-icons/vendors_60/cisco.svg create mode 100644 assets/sdc-icons/vendors_60/cloud.svg create mode 100644 assets/sdc-icons/vendors_60/ericsson.svg create mode 100644 assets/sdc-icons/vendors_60/juniper.svg create mode 100644 assets/sdc-icons/vendors_60/mysql.svg create mode 100644 assets/sdc-icons/vendors_60/nokia_siemens.svg create mode 100644 assets/sdc-icons/vendors_60/oracle.svg create mode 100644 components/accordion/accordion-basic.html create mode 100644 components/accordion/accordion.scss create mode 100644 components/autocomplete/_autocomplete.scss create mode 100644 components/autocomplete/autocomlete-close.html create mode 100644 components/autocomplete/autocomplete-open.html create mode 100644 components/button/_button.scss create mode 100644 components/button/button-link-auto.html create mode 100644 components/button/button-link-disabled.html create mode 100644 components/button/button-link-extra-small.html create mode 100644 components/button/button-link-large.html create mode 100644 components/button/button-link-medium.html create mode 100644 components/button/button-link-small.html create mode 100644 components/button/button-link.html create mode 100644 components/button/button-primary-auto.html create mode 100644 components/button/button-primary-disabled.html create mode 100644 components/button/button-primary-extra-small.html create mode 100644 components/button/button-primary-large.html create mode 100644 components/button/button-primary-medium.html create mode 100644 components/button/button-primary-small.html create mode 100644 components/button/button-primary.html create mode 100644 components/button/button-secondary-auto.html create mode 100644 components/button/button-secondary-disabled.html create mode 100644 components/button/button-secondary-extra-small.html create mode 100644 components/button/button-secondary-large.html create mode 100644 components/button/button-secondary-medium.html create mode 100644 components/button/button-secondary-small.html create mode 100644 components/button/button-secondary.html create mode 100644 components/checkbox/_checkbox.scss create mode 100644 components/checkbox/checkbox-checked.html create mode 100644 components/checkbox/checkbox-disabled-checked.html create mode 100644 components/checkbox/checkbox-disabled.html create mode 100644 components/checkbox/checkbox-unchecked.html create mode 100644 components/checklist/_checklist.scss create mode 100644 components/checklist/checklist-with-checked-items.html create mode 100644 components/checklist/checklist-with-disabled-items.html create mode 100644 components/checklist/multi-levels-checklist.html create mode 100644 components/checklist/simple-checklist.html create mode 100644 components/dropdown/_dropdown.scss create mode 100644 components/dropdown/dropdown-disabled.html create mode 100644 components/dropdown/dropdown-groups.html create mode 100644 components/dropdown/dropdown-requiered.html create mode 100644 components/dropdown/dropdown.html create mode 100644 components/filter-bar/_filter-bar.scss create mode 100644 components/filter-bar/filter-bar-with-text.html create mode 100644 components/filter-bar/filter-bar.html create mode 100644 components/icon/_icon.scss create mode 100644 components/input/_input.scss create mode 100644 components/input/input-disabled.html create mode 100644 components/input/input-error.html create mode 100644 components/input/input-number.html create mode 100644 components/input/input-placeholder.html create mode 100644 components/input/input-required.html create mode 100644 components/input/input-view-only.html create mode 100644 components/input/input.html create mode 100644 components/loader/_loader.scss create mode 100644 components/loader/global-loader.html create mode 100644 components/loader/loader.html create mode 100644 components/menu/_menu.scss create mode 100644 components/menu/popup-menu.html create mode 100644 components/menu/relative-popup-menu.html create mode 100644 components/modal/_modal.scss create mode 100644 components/modal/alert-modal.html create mode 100644 components/modal/custom-modal.html create mode 100644 components/modal/error-modal.html create mode 100644 components/modal/standard-modal.html create mode 100644 components/multiline-ellipsis/_multiline_ellipsis.scss create mode 100644 components/notification/_notification.scss create mode 100644 components/notification/notification-error.html create mode 100644 components/notification/notification-info.html create mode 100644 components/notification/notification-success.html create mode 100644 components/notification/notification-warning.html create mode 100644 components/notifications-container/_notifications-container.scss create mode 100644 components/panel/basic-panel.html create mode 100644 components/panel/panel.scss create mode 100644 components/radio/_radio.scss create mode 100644 components/radio/radio-checked.html create mode 100644 components/radio/radio-disabled-checked.html create mode 100644 components/radio/radio-disabled.html create mode 100644 components/radio/radio-unchecked.html create mode 100644 components/radioGroup/_radioGroup.scss create mode 100644 components/radioGroup/radio-group-disabled.html create mode 100644 components/radioGroup/radio-group-no-title.html create mode 100644 components/radioGroup/radio-group-value.html create mode 100644 components/radioGroup/radio-group.html create mode 100644 components/search-bar/_search-bar.scss create mode 100644 components/search-bar/search-bar-with-text.html create mode 100644 components/search-bar/search-bar.html create mode 100644 components/tabs/tabs-disabled.html create mode 100644 components/tabs/tabs-header.html create mode 100644 components/tabs/tabs-menu.html create mode 100644 components/tabs/tabs.scss create mode 100644 components/tag-cloud/_tag-cloud.scss create mode 100644 components/tag-cloud/disabled-list.html create mode 100644 components/tag-cloud/list-with-active-add-button.html create mode 100644 components/tag-cloud/list-with-some-read-only-items.html create mode 100644 components/tag-cloud/list-with-unique-error.html create mode 100644 components/tag-cloud/simple-list.html create mode 100644 components/textarea/_textarea.scss create mode 100644 components/textarea/textarea-disabled.html create mode 100644 components/textarea/textarea-error.html create mode 100644 components/textarea/textarea-maxlength.html create mode 100644 components/textarea/textarea-placeholder.html create mode 100644 components/textarea/textarea-required.html create mode 100644 components/textarea/textarea.html create mode 100644 components/tile/_tile.scss create mode 100644 components/tile/tile-without-footer.html create mode 100644 components/tile/vendor-tile.html create mode 100644 components/tile/vfc-tile.html create mode 100644 components/tile/vlm-tile.html create mode 100644 components/tile/vsp-tile.html create mode 100644 components/tooltip/_tooltip.scss create mode 100644 components/validation/_validation.scss create mode 100644 index.js create mode 100644 package.json create mode 100644 styles/_common.scss create mode 100644 styles/_components.scss create mode 100644 styles/common/_animation.scss create mode 100644 styles/common/_icons.scss create mode 100644 styles/common/_normalize.scss create mode 100644 styles/common/_typography.scss create mode 100644 styles/common/base.scss create mode 100644 styles/common/mixins.scss create mode 100644 styles/common/variables.scss create mode 100644 styles/style.scss create mode 100644 utils/create-svg-icons-map.js create mode 100644 utils/delete-folders.js create mode 100644 version.properties diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..ad88e60 --- /dev/null +++ b/.gitignore @@ -0,0 +1,15 @@ +/dist +/tmp +/lib +/build +/node_modules +npm-debug.log* +Thumbs.db + +# IDEA files +.idea +.vscode +.history +package-lock.json +# build files +.out diff --git a/.gitreview b/.gitreview new file mode 100644 index 0000000..1ab9ad7 --- /dev/null +++ b/.gitreview @@ -0,0 +1,4 @@ +[gerrit] +host=gerrit.onap.org +port=29418 +project=sdc/onap-ui-common.git diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 0000000..dae34f8 --- /dev/null +++ b/.travis.yml @@ -0,0 +1,14 @@ +language: node_js +node_js: +- 6 +install: npm install +script: +- npm run build +deploy: + - provider: npm + email: onap.sdc@gmail.com + api_key: $NPM_TOKEN + skip_cleanup: true + on: + tags: true + repo: onap-sdc/onap-ui-common diff --git a/LICENSE.TXT b/LICENSE.TXT new file mode 100644 index 0000000..f2eb9ea --- /dev/null +++ b/LICENSE.TXT @@ -0,0 +1,20 @@ +/* +* ============LICENSE_START========================================== +* =================================================================== +* Copyright © 2018 AT&T Intellectual Property. +* Copyright © 2018 Amdocs +* All rights reserved. +* =================================================================== +* Licensed under the Apache License, Version 2.0 (the "License"); +* you may not use this file except in compliance with the License. +* You may obtain a copy of the License at +* +* http://www.apache.org/licenses/LICENSE-2.0 +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +* ============LICENSE_END============================================ +*/ \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..a07a0b7 --- /dev/null +++ b/README.md @@ -0,0 +1,38 @@ +# ONAP-UI-COMMON + +This project aims to create a unified UI styled components for multiple development teams who work on the same web-based applications. +This repository contains the components HTML files and SCSS files. +The project is used by ONAP-UI-ANGULAR and ONAP-UI-REACT that implements components according to the HTML in this project. + + +### Installation +```js +npm install onap-ui-common +``` + +### Usage + +You can use the scss files (for styling) and icons-map.js file (for using icons). +To use the icons just import the iconsMap +```js +import { iconsMap } from 'onap-ui-common'; +``` + +To use the SCSS files you need to reference them from your local SCSS file and compile them. +```scss +@import '../../../node_modules/onap-ui-common/styles/style.scss'; +``` + +### See also +[ONAP-UI-ANGULAR](https://github.com/onap-sdc/onap-ui-angular) + +[ONAP-UI-REACT](https://github.com/onap-sdc/onap-ui-react) + +### Having some trouble? Have an issue? +For bugs and issues, please use the [issues](https://github.com/onap-sdc/onap-ui-common/issues) page + +### How to Contribute +**Contribution can be made only by following these guide lines** +* Every change in the basic HTML files structure, must be followed by changes on the frameworks projects (ONAP-UI-ANGULAR and ONAP-UI-REACT). +* There will be no any 3rd party UI framework imported (i.e. `Bootstrap`, `Material`, `Foundation`... etc.). +* Contribution are done only by the [contribution guide](https://github.com/onap-sdc/onap-ui-common/wiki/Contribution-guide). Contributions submitted not in this format and guidelines will not be considered. diff --git a/assets/README.md b/assets/README.md new file mode 100644 index 0000000..5f2681b --- /dev/null +++ b/assets/README.md @@ -0,0 +1,9 @@ + +# Folder Structure + +### icons +Contains `svg` icons **ONLY** + + +### images +Contains large images (if any...) diff --git a/assets/icons/angleDoubleLeft.svg b/assets/icons/angleDoubleLeft.svg new file mode 100644 index 0000000..9e1591a --- /dev/null +++ b/assets/icons/angleDoubleLeft.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + diff --git a/assets/icons/angleDoubleRight.svg b/assets/icons/angleDoubleRight.svg new file mode 100644 index 0000000..e77031a --- /dev/null +++ b/assets/icons/angleDoubleRight.svg @@ -0,0 +1,11 @@ + + + + + + + + diff --git a/assets/icons/angleLeft.svg b/assets/icons/angleLeft.svg new file mode 100644 index 0000000..b2d2f81 --- /dev/null +++ b/assets/icons/angleLeft.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/assets/icons/angleRight.svg b/assets/icons/angleRight.svg new file mode 100644 index 0000000..f8e6efc --- /dev/null +++ b/assets/icons/angleRight.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/assets/icons/archiveBox.svg b/assets/icons/archiveBox.svg new file mode 100644 index 0000000..41c1415 --- /dev/null +++ b/assets/icons/archiveBox.svg @@ -0,0 +1,23 @@ + + + + + + + + + + archive box + + + + + diff --git a/assets/icons/artifacts.svg b/assets/icons/artifacts.svg new file mode 100644 index 0000000..41e6c8e --- /dev/null +++ b/assets/icons/artifacts.svg @@ -0,0 +1 @@ +Asset 1 \ No newline at end of file diff --git a/assets/icons/back.svg b/assets/icons/back.svg new file mode 100644 index 0000000..287355f --- /dev/null +++ b/assets/icons/back.svg @@ -0,0 +1,6 @@ + + + + + diff --git a/assets/icons/base.svg b/assets/icons/base.svg new file mode 100644 index 0000000..89fbd43 --- /dev/null +++ b/assets/icons/base.svg @@ -0,0 +1 @@ +base.volume \ No newline at end of file diff --git a/assets/icons/calendar.svg b/assets/icons/calendar.svg new file mode 100644 index 0000000..9c05902 --- /dev/null +++ b/assets/icons/calendar.svg @@ -0,0 +1 @@ +Asset 1 \ No newline at end of file diff --git a/assets/icons/caretDown.svg b/assets/icons/caretDown.svg new file mode 100644 index 0000000..cfd3c57 --- /dev/null +++ b/assets/icons/caretDown.svg @@ -0,0 +1,6 @@ + + + + + diff --git a/assets/icons/check.svg b/assets/icons/check.svg new file mode 100644 index 0000000..43d1881 --- /dev/null +++ b/assets/icons/check.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/assets/icons/checkCircle.svg b/assets/icons/checkCircle.svg new file mode 100644 index 0000000..313657e --- /dev/null +++ b/assets/icons/checkCircle.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/chevronDown.svg b/assets/icons/chevronDown.svg new file mode 100644 index 0000000..1ebd094 --- /dev/null +++ b/assets/icons/chevronDown.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/assets/icons/chevronUp.svg b/assets/icons/chevronUp.svg new file mode 100644 index 0000000..7fce935 --- /dev/null +++ b/assets/icons/chevronUp.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/assets/icons/close.svg b/assets/icons/close.svg new file mode 100644 index 0000000..0decc7c --- /dev/null +++ b/assets/icons/close.svg @@ -0,0 +1,10 @@ + + + + + + + diff --git a/assets/icons/download.svg b/assets/icons/download.svg new file mode 100644 index 0000000..dd64605 --- /dev/null +++ b/assets/icons/download.svg @@ -0,0 +1 @@ +Asset 2 \ No newline at end of file diff --git a/assets/icons/empty.txt b/assets/icons/empty.txt new file mode 100644 index 0000000..e69de29 diff --git a/assets/icons/env.svg b/assets/icons/env.svg new file mode 100644 index 0000000..ac68ae6 --- /dev/null +++ b/assets/icons/env.svg @@ -0,0 +1 @@ +env \ No newline at end of file diff --git a/assets/icons/error.svg b/assets/icons/error.svg new file mode 100644 index 0000000..bafb73b --- /dev/null +++ b/assets/icons/error.svg @@ -0,0 +1 @@ +error \ No newline at end of file diff --git a/assets/icons/errorCircle.svg b/assets/icons/errorCircle.svg new file mode 100644 index 0000000..8234753 --- /dev/null +++ b/assets/icons/errorCircle.svg @@ -0,0 +1 @@ +Asset 4 \ No newline at end of file diff --git a/assets/icons/exclamationTriangleFull.svg b/assets/icons/exclamationTriangleFull.svg new file mode 100644 index 0000000..7cab121 --- /dev/null +++ b/assets/icons/exclamationTriangleFull.svg @@ -0,0 +1,9 @@ + + + + + diff --git a/assets/icons/exclamationTriangleLine.svg b/assets/icons/exclamationTriangleLine.svg new file mode 100644 index 0000000..eae6825 --- /dev/null +++ b/assets/icons/exclamationTriangleLine.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/icons/expand.svg b/assets/icons/expand.svg new file mode 100644 index 0000000..4095ef5 --- /dev/null +++ b/assets/icons/expand.svg @@ -0,0 +1 @@ +Asset 1 \ No newline at end of file diff --git a/assets/icons/filter.svg b/assets/icons/filter.svg new file mode 100644 index 0000000..1c493f4 --- /dev/null +++ b/assets/icons/filter.svg @@ -0,0 +1,9 @@ + + + + + diff --git "a/assets/icons/info\320\241ircleO.svg" "b/assets/icons/info\320\241ircleO.svg" new file mode 100644 index 0000000..4d91259 --- /dev/null +++ "b/assets/icons/info\320\241ircleO.svg" @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/locked.svg b/assets/icons/locked.svg new file mode 100644 index 0000000..ab9f0b9 --- /dev/null +++ b/assets/icons/locked.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/module.svg b/assets/icons/module.svg new file mode 100644 index 0000000..fa3901c --- /dev/null +++ b/assets/icons/module.svg @@ -0,0 +1 @@ +module \ No newline at end of file diff --git a/assets/icons/nestedHeat.svg b/assets/icons/nestedHeat.svg new file mode 100644 index 0000000..7e33068 --- /dev/null +++ b/assets/icons/nestedHeat.svg @@ -0,0 +1 @@ +nested_heat \ No newline at end of file diff --git a/assets/icons/network.svg b/assets/icons/network.svg new file mode 100644 index 0000000..018cd3f --- /dev/null +++ b/assets/icons/network.svg @@ -0,0 +1 @@ +network \ No newline at end of file diff --git a/assets/icons/notificationBell.svg b/assets/icons/notificationBell.svg new file mode 100644 index 0000000..6001d59 --- /dev/null +++ b/assets/icons/notificationBell.svg @@ -0,0 +1,18 @@ + + + +notification_icon + + + + + diff --git a/assets/icons/notificationFullBell.svg b/assets/icons/notificationFullBell.svg new file mode 100644 index 0000000..6e7e7cc --- /dev/null +++ b/assets/icons/notificationFullBell.svg @@ -0,0 +1,11 @@ + + + + + notification_full + + + + + + diff --git a/assets/icons/others.svg b/assets/icons/others.svg new file mode 100644 index 0000000..9a18e4a --- /dev/null +++ b/assets/icons/others.svg @@ -0,0 +1 @@ +others \ No newline at end of file diff --git a/assets/icons/pencil.svg b/assets/icons/pencil.svg new file mode 100644 index 0000000..6701a3a --- /dev/null +++ b/assets/icons/pencil.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + diff --git a/assets/icons/plus.svg b/assets/icons/plus.svg new file mode 100644 index 0000000..36f3486 --- /dev/null +++ b/assets/icons/plus.svg @@ -0,0 +1,9 @@ + + + + + + + + diff --git a/assets/icons/plusCircle.svg b/assets/icons/plusCircle.svg new file mode 100644 index 0000000..63781f5 --- /dev/null +++ b/assets/icons/plusCircle.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/icons/plusThin.svg b/assets/icons/plusThin.svg new file mode 100644 index 0000000..571c303 --- /dev/null +++ b/assets/icons/plusThin.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/icons/proceedToOverview.svg b/assets/icons/proceedToOverview.svg new file mode 100644 index 0000000..4788106 --- /dev/null +++ b/assets/icons/proceedToOverview.svg @@ -0,0 +1 @@ +proceed_to_overview \ No newline at end of file diff --git a/assets/icons/questionMark.svg b/assets/icons/questionMark.svg new file mode 100644 index 0000000..3b1c7bc --- /dev/null +++ b/assets/icons/questionMark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/search.svg b/assets/icons/search.svg new file mode 100644 index 0000000..ce83104 --- /dev/null +++ b/assets/icons/search.svg @@ -0,0 +1,8 @@ + + + + + diff --git a/assets/icons/sliders.svg b/assets/icons/sliders.svg new file mode 100644 index 0000000..ade9de2 --- /dev/null +++ b/assets/icons/sliders.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + diff --git a/assets/icons/trashO.svg b/assets/icons/trashO.svg new file mode 100644 index 0000000..26336f1 --- /dev/null +++ b/assets/icons/trashO.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + diff --git a/assets/icons/unlocked.svg b/assets/icons/unlocked.svg new file mode 100644 index 0000000..1e341bd --- /dev/null +++ b/assets/icons/unlocked.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/upload.svg b/assets/icons/upload.svg new file mode 100644 index 0000000..72e64ff --- /dev/null +++ b/assets/icons/upload.svg @@ -0,0 +1 @@ +upload \ No newline at end of file diff --git a/assets/icons/user.svg b/assets/icons/user.svg new file mode 100644 index 0000000..3363f57 --- /dev/null +++ b/assets/icons/user.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/assets/icons/vendor.svg b/assets/icons/vendor.svg new file mode 100644 index 0000000..a3b8f5f --- /dev/null +++ b/assets/icons/vendor.svg @@ -0,0 +1 @@ +vendor diff --git a/assets/icons/versionControllerCommit.svg b/assets/icons/versionControllerCommit.svg new file mode 100644 index 0000000..5847c69 --- /dev/null +++ b/assets/icons/versionControllerCommit.svg @@ -0,0 +1 @@ +Asset 5 \ No newline at end of file diff --git a/assets/icons/versionControllerLockClosed.svg b/assets/icons/versionControllerLockClosed.svg new file mode 100644 index 0000000..73aae7d --- /dev/null +++ b/assets/icons/versionControllerLockClosed.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + diff --git a/assets/icons/versionControllerLockOpen.svg b/assets/icons/versionControllerLockOpen.svg new file mode 100644 index 0000000..52e0b8b --- /dev/null +++ b/assets/icons/versionControllerLockOpen.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + diff --git a/assets/icons/versionControllerPermissions.svg b/assets/icons/versionControllerPermissions.svg new file mode 100644 index 0000000..91ea9f4 --- /dev/null +++ b/assets/icons/versionControllerPermissions.svg @@ -0,0 +1 @@ +Asset 2 \ No newline at end of file diff --git a/assets/icons/versionControllerRevert.svg b/assets/icons/versionControllerRevert.svg new file mode 100644 index 0000000..f9f02f9 --- /dev/null +++ b/assets/icons/versionControllerRevert.svg @@ -0,0 +1,14 @@ + + + + + + + diff --git a/assets/icons/versionControllerSave.svg b/assets/icons/versionControllerSave.svg new file mode 100644 index 0000000..4a05425 --- /dev/null +++ b/assets/icons/versionControllerSave.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/assets/icons/versionControllerSubmit.svg b/assets/icons/versionControllerSubmit.svg new file mode 100644 index 0000000..9909ab3 --- /dev/null +++ b/assets/icons/versionControllerSubmit.svg @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/assets/icons/versionControllerSync.svg b/assets/icons/versionControllerSync.svg new file mode 100644 index 0000000..dfd42d3 --- /dev/null +++ b/assets/icons/versionControllerSync.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/versionControllerUndo.svg b/assets/icons/versionControllerUndo.svg new file mode 100644 index 0000000..8745f54 --- /dev/null +++ b/assets/icons/versionControllerUndo.svg @@ -0,0 +1 @@ +Asset 3 \ No newline at end of file diff --git a/assets/icons/viewModule.svg b/assets/icons/viewModule.svg new file mode 100644 index 0000000..e121d40 --- /dev/null +++ b/assets/icons/viewModule.svg @@ -0,0 +1,9 @@ + + viewModule + + + + + + + diff --git a/assets/icons/vlm.svg b/assets/icons/vlm.svg new file mode 100644 index 0000000..79b4625 --- /dev/null +++ b/assets/icons/vlm.svg @@ -0,0 +1 @@ +vlm_new_icon \ No newline at end of file diff --git a/assets/icons/vsp.svg b/assets/icons/vsp.svg new file mode 100644 index 0000000..344755c --- /dev/null +++ b/assets/icons/vsp.svg @@ -0,0 +1 @@ +vsp_new_icon diff --git a/assets/icons/zip.svg b/assets/icons/zip.svg new file mode 100644 index 0000000..51ce7fa --- /dev/null +++ b/assets/icons/zip.svg @@ -0,0 +1 @@ +zip \ No newline at end of file diff --git a/assets/images/empty.txt b/assets/images/empty.txt new file mode 100644 index 0000000..e69de29 diff --git a/assets/images/illustration.png b/assets/images/illustration.png new file mode 100644 index 0000000..c0ff99a Binary files /dev/null and b/assets/images/illustration.png differ diff --git a/assets/images/logo_onap.png b/assets/images/logo_onap.png new file mode 100644 index 0000000..c6f6857 Binary files /dev/null and b/assets/images/logo_onap.png differ diff --git a/assets/images/logo_onap_2017.png b/assets/images/logo_onap_2017.png new file mode 100644 index 0000000..c6f6857 Binary files /dev/null and b/assets/images/logo_onap_2017.png differ diff --git a/assets/sdc-icons/Setting_24px.svg b/assets/sdc-icons/Setting_24px.svg new file mode 100644 index 0000000..a893f22 --- /dev/null +++ b/assets/sdc-icons/Setting_24px.svg @@ -0,0 +1 @@ +Setting_24px \ No newline at end of file diff --git a/assets/sdc-icons/Setting_60px.svg b/assets/sdc-icons/Setting_60px.svg new file mode 100644 index 0000000..6a1a9dd --- /dev/null +++ b/assets/sdc-icons/Setting_60px.svg @@ -0,0 +1 @@ +Setting_60px \ No newline at end of file diff --git a/assets/sdc-icons/common/README.md b/assets/sdc-icons/common/README.md new file mode 100644 index 0000000..dc3e798 --- /dev/null +++ b/assets/sdc-icons/common/README.md @@ -0,0 +1,9 @@ +components folder contain icon that are not part of sdc-icon component. +-Icon naming: +------------------ +- +--- +- +-name = if contains multiple words, use "_" +-type = circle/square/triangle +-o = outline (for all icons that have white background) diff --git a/assets/sdc-icons/common/alert-triangle-o.svg b/assets/sdc-icons/common/alert-triangle-o.svg new file mode 100644 index 0000000..c1d8d0a --- /dev/null +++ b/assets/sdc-icons/common/alert-triangle-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/alert-triangle.svg b/assets/sdc-icons/common/alert-triangle.svg new file mode 100644 index 0000000..ed3f6f8 --- /dev/null +++ b/assets/sdc-icons/common/alert-triangle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/sdc-icons/common/api-o.svg b/assets/sdc-icons/common/api-o.svg new file mode 100644 index 0000000..169630a --- /dev/null +++ b/assets/sdc-icons/common/api-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/arrow2-right-child.svg b/assets/sdc-icons/common/arrow2-right-child.svg new file mode 100644 index 0000000..0123a82 --- /dev/null +++ b/assets/sdc-icons/common/arrow2-right-child.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/arrow2-right.svg b/assets/sdc-icons/common/arrow2-right.svg new file mode 100644 index 0000000..b8b808a --- /dev/null +++ b/assets/sdc-icons/common/arrow2-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/arrow3-down-o.svg b/assets/sdc-icons/common/arrow3-down-o.svg new file mode 100644 index 0000000..401a7f8 --- /dev/null +++ b/assets/sdc-icons/common/arrow3-down-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/arrow3-up-o.svg b/assets/sdc-icons/common/arrow3-up-o.svg new file mode 100644 index 0000000..331634f --- /dev/null +++ b/assets/sdc-icons/common/arrow3-up-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/attachment.svg b/assets/sdc-icons/common/attachment.svg new file mode 100644 index 0000000..a1d7768 --- /dev/null +++ b/assets/sdc-icons/common/attachment.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/bedge.svg b/assets/sdc-icons/common/bedge.svg new file mode 100644 index 0000000..f43ac9b --- /dev/null +++ b/assets/sdc-icons/common/bedge.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/sdc-icons/common/browse.svg b/assets/sdc-icons/common/browse.svg new file mode 100644 index 0000000..c63620f --- /dev/null +++ b/assets/sdc-icons/common/browse.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/calendar-o.svg b/assets/sdc-icons/common/calendar-o.svg new file mode 100644 index 0000000..93f8719 --- /dev/null +++ b/assets/sdc-icons/common/calendar-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/camera-o.svg b/assets/sdc-icons/common/camera-o.svg new file mode 100644 index 0000000..86f1f13 --- /dev/null +++ b/assets/sdc-icons/common/camera-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/caret1-down-o.svg b/assets/sdc-icons/common/caret1-down-o.svg new file mode 100644 index 0000000..724152a --- /dev/null +++ b/assets/sdc-icons/common/caret1-down-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/caret2-right-circle-o.svg b/assets/sdc-icons/common/caret2-right-circle-o.svg new file mode 100644 index 0000000..2715dad --- /dev/null +++ b/assets/sdc-icons/common/caret2-right-circle-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/caret2-right-circle.svg b/assets/sdc-icons/common/caret2-right-circle.svg new file mode 100644 index 0000000..e585c1d --- /dev/null +++ b/assets/sdc-icons/common/caret2-right-circle.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/sdc-icons/common/caret3-right.svg b/assets/sdc-icons/common/caret3-right.svg new file mode 100644 index 0000000..1eefc47 --- /dev/null +++ b/assets/sdc-icons/common/caret3-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/close.svg b/assets/sdc-icons/common/close.svg new file mode 100644 index 0000000..3c884d2 --- /dev/null +++ b/assets/sdc-icons/common/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/commit-o.svg b/assets/sdc-icons/common/commit-o.svg new file mode 100644 index 0000000..e71c18e --- /dev/null +++ b/assets/sdc-icons/common/commit-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/composition-o.svg b/assets/sdc-icons/common/composition-o.svg new file mode 100644 index 0000000..5648cda --- /dev/null +++ b/assets/sdc-icons/common/composition-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/copy-o.svg b/assets/sdc-icons/common/copy-o.svg new file mode 100644 index 0000000..eeee9aa --- /dev/null +++ b/assets/sdc-icons/common/copy-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/deployment-artifacts-o.svg b/assets/sdc-icons/common/deployment-artifacts-o.svg new file mode 100644 index 0000000..e5091cd --- /dev/null +++ b/assets/sdc-icons/common/deployment-artifacts-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/description-o.svg b/assets/sdc-icons/common/description-o.svg new file mode 100644 index 0000000..d4e4345 --- /dev/null +++ b/assets/sdc-icons/common/description-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/distributed.svg b/assets/sdc-icons/common/distributed.svg new file mode 100644 index 0000000..956c51f --- /dev/null +++ b/assets/sdc-icons/common/distributed.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/download-o.svg b/assets/sdc-icons/common/download-o.svg new file mode 100644 index 0000000..f54dba7 --- /dev/null +++ b/assets/sdc-icons/common/download-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/edit-file-o.svg b/assets/sdc-icons/common/edit-file-o.svg new file mode 100644 index 0000000..9f17daa --- /dev/null +++ b/assets/sdc-icons/common/edit-file-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/edit-o.svg b/assets/sdc-icons/common/edit-o.svg new file mode 100644 index 0000000..bfa434e --- /dev/null +++ b/assets/sdc-icons/common/edit-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/expand-o.svg b/assets/sdc-icons/common/expand-o.svg new file mode 100644 index 0000000..c7127d7 --- /dev/null +++ b/assets/sdc-icons/common/expand-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/eye-o.svg b/assets/sdc-icons/common/eye-o.svg new file mode 100644 index 0000000..35cf012 --- /dev/null +++ b/assets/sdc-icons/common/eye-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/filter-o.svg b/assets/sdc-icons/common/filter-o.svg new file mode 100644 index 0000000..1364bc5 --- /dev/null +++ b/assets/sdc-icons/common/filter-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/info-circle-o.svg b/assets/sdc-icons/common/info-circle-o.svg new file mode 100644 index 0000000..4d91259 --- /dev/null +++ b/assets/sdc-icons/common/info-circle-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/info-circle.svg b/assets/sdc-icons/common/info-circle.svg new file mode 100644 index 0000000..551966a --- /dev/null +++ b/assets/sdc-icons/common/info-circle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/sdc-icons/common/info-square-o.svg b/assets/sdc-icons/common/info-square-o.svg new file mode 100644 index 0000000..40a85c6 --- /dev/null +++ b/assets/sdc-icons/common/info-square-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/inputs-o.svg b/assets/sdc-icons/common/inputs-o.svg new file mode 100644 index 0000000..5120b24 --- /dev/null +++ b/assets/sdc-icons/common/inputs-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/locked.svg b/assets/sdc-icons/common/locked.svg new file mode 100644 index 0000000..5c0939f --- /dev/null +++ b/assets/sdc-icons/common/locked.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/minus-circle.svg b/assets/sdc-icons/common/minus-circle.svg new file mode 100644 index 0000000..d7755dc --- /dev/null +++ b/assets/sdc-icons/common/minus-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/minus.svg b/assets/sdc-icons/common/minus.svg new file mode 100644 index 0000000..48fdcae --- /dev/null +++ b/assets/sdc-icons/common/minus.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/notifications-o.svg b/assets/sdc-icons/common/notifications-o.svg new file mode 100644 index 0000000..f52a4e3 --- /dev/null +++ b/assets/sdc-icons/common/notifications-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/plus-circle-o.svg b/assets/sdc-icons/common/plus-circle-o.svg new file mode 100644 index 0000000..c87e574 --- /dev/null +++ b/assets/sdc-icons/common/plus-circle-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/plus-circle.svg b/assets/sdc-icons/common/plus-circle.svg new file mode 100644 index 0000000..62840b5 --- /dev/null +++ b/assets/sdc-icons/common/plus-circle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/sdc-icons/common/plus.svg b/assets/sdc-icons/common/plus.svg new file mode 100644 index 0000000..00a6673 --- /dev/null +++ b/assets/sdc-icons/common/plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/profile-o.svg b/assets/sdc-icons/common/profile-o.svg new file mode 100644 index 0000000..802715e --- /dev/null +++ b/assets/sdc-icons/common/profile-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/profiles-o.svg b/assets/sdc-icons/common/profiles-o.svg new file mode 100644 index 0000000..ac9c673 --- /dev/null +++ b/assets/sdc-icons/common/profiles-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/question-mark-circle-o.svg b/assets/sdc-icons/common/question-mark-circle-o.svg new file mode 100644 index 0000000..59dabde --- /dev/null +++ b/assets/sdc-icons/common/question-mark-circle-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/question-mark-circle.svg b/assets/sdc-icons/common/question-mark-circle.svg new file mode 100644 index 0000000..ae5541a --- /dev/null +++ b/assets/sdc-icons/common/question-mark-circle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/sdc-icons/common/req-capabilities-o.svg b/assets/sdc-icons/common/req-capabilities-o.svg new file mode 100644 index 0000000..88ace7d --- /dev/null +++ b/assets/sdc-icons/common/req-capabilities-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/revert-o.svg b/assets/sdc-icons/common/revert-o.svg new file mode 100644 index 0000000..d48b8d0 --- /dev/null +++ b/assets/sdc-icons/common/revert-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/save-o.svg b/assets/sdc-icons/common/save-o.svg new file mode 100644 index 0000000..3b95518 --- /dev/null +++ b/assets/sdc-icons/common/save-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/search-o.svg b/assets/sdc-icons/common/search-o.svg new file mode 100644 index 0000000..312e21a --- /dev/null +++ b/assets/sdc-icons/common/search-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/settings-o.svg b/assets/sdc-icons/common/settings-o.svg new file mode 100644 index 0000000..888be2e --- /dev/null +++ b/assets/sdc-icons/common/settings-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/spinner.svg b/assets/sdc-icons/common/spinner.svg new file mode 100644 index 0000000..9d0efb8 --- /dev/null +++ b/assets/sdc-icons/common/spinner.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/sdc-icons/common/success-circle-o.svg b/assets/sdc-icons/common/success-circle-o.svg new file mode 100644 index 0000000..2d58e6c --- /dev/null +++ b/assets/sdc-icons/common/success-circle-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/success.svg b/assets/sdc-icons/common/success.svg new file mode 100644 index 0000000..918833b --- /dev/null +++ b/assets/sdc-icons/common/success.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/sync-o.svg b/assets/sdc-icons/common/sync-o.svg new file mode 100644 index 0000000..88a64d1 --- /dev/null +++ b/assets/sdc-icons/common/sync-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/trash-o.svg b/assets/sdc-icons/common/trash-o.svg new file mode 100644 index 0000000..7a841fb --- /dev/null +++ b/assets/sdc-icons/common/trash-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/undo-o.svg b/assets/sdc-icons/common/undo-o.svg new file mode 100644 index 0000000..f6f0dd1 --- /dev/null +++ b/assets/sdc-icons/common/undo-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/unlocked-o.svg b/assets/sdc-icons/common/unlocked-o.svg new file mode 100644 index 0000000..6e677e0 --- /dev/null +++ b/assets/sdc-icons/common/unlocked-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/upload-o.svg b/assets/sdc-icons/common/upload-o.svg new file mode 100644 index 0000000..bf62707 --- /dev/null +++ b/assets/sdc-icons/common/upload-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/v-circle-o.svg b/assets/sdc-icons/common/v-circle-o.svg new file mode 100644 index 0000000..1d6f737 --- /dev/null +++ b/assets/sdc-icons/common/v-circle-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/v-circle.svg b/assets/sdc-icons/common/v-circle.svg new file mode 100644 index 0000000..9baa0f2 --- /dev/null +++ b/assets/sdc-icons/common/v-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/x-circle-o.svg b/assets/sdc-icons/common/x-circle-o.svg new file mode 100644 index 0000000..ec0d80b --- /dev/null +++ b/assets/sdc-icons/common/x-circle-o.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/common/x-circle.svg b/assets/sdc-icons/common/x-circle.svg new file mode 100644 index 0000000..15982ce --- /dev/null +++ b/assets/sdc-icons/common/x-circle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/sdc-icons/components/checkbox_checked.svg b/assets/sdc-icons/components/checkbox_checked.svg new file mode 100644 index 0000000..520c7b6 --- /dev/null +++ b/assets/sdc-icons/components/checkbox_checked.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/sdc-icons/components/checkbox_disabled.svg b/assets/sdc-icons/components/checkbox_disabled.svg new file mode 100644 index 0000000..a032573 --- /dev/null +++ b/assets/sdc-icons/components/checkbox_disabled.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/sdc-icons/components/radio_checked .svg b/assets/sdc-icons/components/radio_checked .svg new file mode 100644 index 0000000..534d05d --- /dev/null +++ b/assets/sdc-icons/components/radio_checked .svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/sdc-icons/components/radio_disabled.svg b/assets/sdc-icons/components/radio_disabled.svg new file mode 100644 index 0000000..0906f66 --- /dev/null +++ b/assets/sdc-icons/components/radio_disabled.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/sdc-icons/d_24px.svg b/assets/sdc-icons/d_24px.svg new file mode 100644 index 0000000..0edeb03 --- /dev/null +++ b/assets/sdc-icons/d_24px.svg @@ -0,0 +1 @@ +D_24px \ No newline at end of file diff --git a/assets/sdc-icons/d_60px.svg b/assets/sdc-icons/d_60px.svg new file mode 100644 index 0000000..cd9eb3d --- /dev/null +++ b/assets/sdc-icons/d_60px.svg @@ -0,0 +1 @@ +D_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/allotted_resource.svg b/assets/sdc-icons/resources_24/allotted_resource.svg new file mode 100644 index 0000000..6807bd0 --- /dev/null +++ b/assets/sdc-icons/resources_24/allotted_resource.svg @@ -0,0 +1 @@ +Aloted_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/applicationServer.svg b/assets/sdc-icons/resources_24/applicationServer.svg new file mode 100644 index 0000000..1510f4c --- /dev/null +++ b/assets/sdc-icons/resources_24/applicationServer.svg @@ -0,0 +1 @@ +Applcation Server-24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/borderElement.svg b/assets/sdc-icons/resources_24/borderElement.svg new file mode 100644 index 0000000..789a5c7 --- /dev/null +++ b/assets/sdc-icons/resources_24/borderElement.svg @@ -0,0 +1 @@ +Border Element_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/call_controll.svg b/assets/sdc-icons/resources_24/call_controll.svg new file mode 100644 index 0000000..b531db2 --- /dev/null +++ b/assets/sdc-icons/resources_24/call_controll.svg @@ -0,0 +1 @@ +Call control_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/cloudep.svg b/assets/sdc-icons/resources_24/cloudep.svg new file mode 100644 index 0000000..86e6402 --- /dev/null +++ b/assets/sdc-icons/resources_24/cloudep.svg @@ -0,0 +1 @@ +Network Cloud_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/collaboration.svg b/assets/sdc-icons/resources_24/collaboration.svg new file mode 100644 index 0000000..60463f8 --- /dev/null +++ b/assets/sdc-icons/resources_24/collaboration.svg @@ -0,0 +1 @@ +Collaboration_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/compute.svg b/assets/sdc-icons/resources_24/compute.svg new file mode 100644 index 0000000..d28715c --- /dev/null +++ b/assets/sdc-icons/resources_24/compute.svg @@ -0,0 +1 @@ +Compute-24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/connector.svg b/assets/sdc-icons/resources_24/connector.svg new file mode 100644 index 0000000..052c50e --- /dev/null +++ b/assets/sdc-icons/resources_24/connector.svg @@ -0,0 +1 @@ +Connector_24px_ \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/cp.svg b/assets/sdc-icons/resources_24/cp.svg new file mode 100644 index 0000000..9a51f97 --- /dev/null +++ b/assets/sdc-icons/resources_24/cp.svg @@ -0,0 +1 @@ +cp_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/dcae_analytics.svg b/assets/sdc-icons/resources_24/dcae_analytics.svg new file mode 100644 index 0000000..6afaffd --- /dev/null +++ b/assets/sdc-icons/resources_24/dcae_analytics.svg @@ -0,0 +1 @@ +Analitics_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/dcae_collector.svg b/assets/sdc-icons/resources_24/dcae_collector.svg new file mode 100644 index 0000000..fa3b8d5 --- /dev/null +++ b/assets/sdc-icons/resources_24/dcae_collector.svg @@ -0,0 +1 @@ +Collector_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/dcae_database.svg b/assets/sdc-icons/resources_24/dcae_database.svg new file mode 100644 index 0000000..ab47aa2 --- /dev/null +++ b/assets/sdc-icons/resources_24/dcae_database.svg @@ -0,0 +1 @@ +Database-24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/dcae_machineLearning.svg b/assets/sdc-icons/resources_24/dcae_machineLearning.svg new file mode 100644 index 0000000..8e64914 --- /dev/null +++ b/assets/sdc-icons/resources_24/dcae_machineLearning.svg @@ -0,0 +1 @@ +Rules Security_24px copy 5 \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/dcae_microservice.svg b/assets/sdc-icons/resources_24/dcae_microservice.svg new file mode 100644 index 0000000..215682c --- /dev/null +++ b/assets/sdc-icons/resources_24/dcae_microservice.svg @@ -0,0 +1 @@ +Microservice_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/dcae_source.svg b/assets/sdc-icons/resources_24/dcae_source.svg new file mode 100644 index 0000000..72ba861 --- /dev/null +++ b/assets/sdc-icons/resources_24/dcae_source.svg @@ -0,0 +1 @@ +Source_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/dcae_utilty.svg b/assets/sdc-icons/resources_24/dcae_utilty.svg new file mode 100644 index 0000000..8ae88e2 --- /dev/null +++ b/assets/sdc-icons/resources_24/dcae_utilty.svg @@ -0,0 +1 @@ +default orphan_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/defaulticon.svg b/assets/sdc-icons/resources_24/defaulticon.svg new file mode 100644 index 0000000..24d9f09 --- /dev/null +++ b/assets/sdc-icons/resources_24/defaulticon.svg @@ -0,0 +1 @@ +R_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/firewall.svg b/assets/sdc-icons/resources_24/firewall.svg new file mode 100644 index 0000000..f3028b8 --- /dev/null +++ b/assets/sdc-icons/resources_24/firewall.svg @@ -0,0 +1 @@ +VIRTUAL FIREWALL 2_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/fortinet.svg b/assets/sdc-icons/resources_24/fortinet.svg new file mode 100644 index 0000000..7189e83 --- /dev/null +++ b/assets/sdc-icons/resources_24/fortinet.svg @@ -0,0 +1 @@ +fortinet_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/gateway.svg b/assets/sdc-icons/resources_24/gateway.svg new file mode 100644 index 0000000..229eb9a --- /dev/null +++ b/assets/sdc-icons/resources_24/gateway.svg @@ -0,0 +1 @@ +Gateway_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/loadBalancer.svg b/assets/sdc-icons/resources_24/loadBalancer.svg new file mode 100644 index 0000000..4ed0b88 --- /dev/null +++ b/assets/sdc-icons/resources_24/loadBalancer.svg @@ -0,0 +1 @@ +Load Balance_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/mobility.svg b/assets/sdc-icons/resources_24/mobility.svg new file mode 100644 index 0000000..1397228 --- /dev/null +++ b/assets/sdc-icons/resources_24/mobility.svg @@ -0,0 +1 @@ +Mobility2_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/monitoring_template.svg b/assets/sdc-icons/resources_24/monitoring_template.svg new file mode 100644 index 0000000..b5b2abc --- /dev/null +++ b/assets/sdc-icons/resources_24/monitoring_template.svg @@ -0,0 +1 @@ +Rules Network Template monitor_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/network.svg b/assets/sdc-icons/resources_24/network.svg new file mode 100644 index 0000000..d38a788 --- /dev/null +++ b/assets/sdc-icons/resources_24/network.svg @@ -0,0 +1 @@ +Network_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/network_cloud.svg b/assets/sdc-icons/resources_24/network_cloud.svg new file mode 100644 index 0000000..a5e928a --- /dev/null +++ b/assets/sdc-icons/resources_24/network_cloud.svg @@ -0,0 +1 @@ + Cloud_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/networkrules.svg b/assets/sdc-icons/resources_24/networkrules.svg new file mode 100644 index 0000000..e71894a --- /dev/null +++ b/assets/sdc-icons/resources_24/networkrules.svg @@ -0,0 +1 @@ +Rules Security_24px copy \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/notification.svg b/assets/sdc-icons/resources_24/notification.svg new file mode 100644 index 0000000..022b8a9 --- /dev/null +++ b/assets/sdc-icons/resources_24/notification.svg @@ -0,0 +1 @@ +Notification_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/objectStorage.svg b/assets/sdc-icons/resources_24/objectStorage.svg new file mode 100644 index 0000000..e0464ce --- /dev/null +++ b/assets/sdc-icons/resources_24/objectStorage.svg @@ -0,0 +1 @@ +Object storage icon-24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/ossep.svg b/assets/sdc-icons/resources_24/ossep.svg new file mode 100644 index 0000000..e7267d7 --- /dev/null +++ b/assets/sdc-icons/resources_24/ossep.svg @@ -0,0 +1 @@ +Generic OSS_24PX \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/pmc.svg b/assets/sdc-icons/resources_24/pmc.svg new file mode 100644 index 0000000..75cd180 --- /dev/null +++ b/assets/sdc-icons/resources_24/pmc.svg @@ -0,0 +1 @@ +C_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/port.svg b/assets/sdc-icons/resources_24/port.svg new file mode 100644 index 0000000..7a7fe38 --- /dev/null +++ b/assets/sdc-icons/resources_24/port.svg @@ -0,0 +1 @@ +port-24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/premisesep.svg b/assets/sdc-icons/resources_24/premisesep.svg new file mode 100644 index 0000000..74a14a9 --- /dev/null +++ b/assets/sdc-icons/resources_24/premisesep.svg @@ -0,0 +1 @@ +User Office_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/router.svg b/assets/sdc-icons/resources_24/router.svg new file mode 100644 index 0000000..d781b99 --- /dev/null +++ b/assets/sdc-icons/resources_24/router.svg @@ -0,0 +1 @@ +Router_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/security.svg b/assets/sdc-icons/resources_24/security.svg new file mode 100644 index 0000000..0fc4692 --- /dev/null +++ b/assets/sdc-icons/resources_24/security.svg @@ -0,0 +1 @@ +Security_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/securityrules.svg b/assets/sdc-icons/resources_24/securityrules.svg new file mode 100644 index 0000000..54e2470 --- /dev/null +++ b/assets/sdc-icons/resources_24/securityrules.svg @@ -0,0 +1 @@ +Rules Security_24px copy 4 \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/server.svg b/assets/sdc-icons/resources_24/server.svg new file mode 100644 index 0000000..0f60577 --- /dev/null +++ b/assets/sdc-icons/resources_24/server.svg @@ -0,0 +1 @@ +Server-24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/ucpe.svg b/assets/sdc-icons/resources_24/ucpe.svg new file mode 100644 index 0000000..9893d3d --- /dev/null +++ b/assets/sdc-icons/resources_24/ucpe.svg @@ -0,0 +1 @@ +universal Cpe_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/vRouter.svg b/assets/sdc-icons/resources_24/vRouter.svg new file mode 100644 index 0000000..6ab2ee4 --- /dev/null +++ b/assets/sdc-icons/resources_24/vRouter.svg @@ -0,0 +1 @@ +Virual Router_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/vfw.svg b/assets/sdc-icons/resources_24/vfw.svg new file mode 100644 index 0000000..4bfe2a0 --- /dev/null +++ b/assets/sdc-icons/resources_24/vfw.svg @@ -0,0 +1 @@ +Virtual Firewall_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/vl.svg b/assets/sdc-icons/resources_24/vl.svg new file mode 100644 index 0000000..db8068b --- /dev/null +++ b/assets/sdc-icons/resources_24/vl.svg @@ -0,0 +1 @@ +LV_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/vnfconfiguration.svg b/assets/sdc-icons/resources_24/vnfconfiguration.svg new file mode 100644 index 0000000..b95fa58 --- /dev/null +++ b/assets/sdc-icons/resources_24/vnfconfiguration.svg @@ -0,0 +1 @@ +vnf conduration_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_24/wanx.svg b/assets/sdc-icons/resources_24/wanx.svg new file mode 100644 index 0000000..336bd0d --- /dev/null +++ b/assets/sdc-icons/resources_24/wanx.svg @@ -0,0 +1 @@ +WAN accelerator_24px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/allotted_resource.svg b/assets/sdc-icons/resources_60/allotted_resource.svg new file mode 100644 index 0000000..2ae1048 --- /dev/null +++ b/assets/sdc-icons/resources_60/allotted_resource.svg @@ -0,0 +1 @@ +Aloted_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/applicationServer.svg b/assets/sdc-icons/resources_60/applicationServer.svg new file mode 100644 index 0000000..9cc8458 --- /dev/null +++ b/assets/sdc-icons/resources_60/applicationServer.svg @@ -0,0 +1 @@ +Applcation Server-60px_2px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/borderElement.svg b/assets/sdc-icons/resources_60/borderElement.svg new file mode 100644 index 0000000..638ae0d --- /dev/null +++ b/assets/sdc-icons/resources_60/borderElement.svg @@ -0,0 +1 @@ +Border Element_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/call_controll.svg b/assets/sdc-icons/resources_60/call_controll.svg new file mode 100644 index 0000000..23aa857 --- /dev/null +++ b/assets/sdc-icons/resources_60/call_controll.svg @@ -0,0 +1 @@ +Call control_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/cloudep.svg b/assets/sdc-icons/resources_60/cloudep.svg new file mode 100644 index 0000000..a539878 --- /dev/null +++ b/assets/sdc-icons/resources_60/cloudep.svg @@ -0,0 +1 @@ +Network Cloud_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/collaboration.svg b/assets/sdc-icons/resources_60/collaboration.svg new file mode 100644 index 0000000..a41ed31 --- /dev/null +++ b/assets/sdc-icons/resources_60/collaboration.svg @@ -0,0 +1 @@ +Collaboration_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/compute.svg b/assets/sdc-icons/resources_60/compute.svg new file mode 100644 index 0000000..44313d7 --- /dev/null +++ b/assets/sdc-icons/resources_60/compute.svg @@ -0,0 +1 @@ +Compute-60px_2px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/connector.svg b/assets/sdc-icons/resources_60/connector.svg new file mode 100644 index 0000000..b2701da --- /dev/null +++ b/assets/sdc-icons/resources_60/connector.svg @@ -0,0 +1 @@ +Connector_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/cp.svg b/assets/sdc-icons/resources_60/cp.svg new file mode 100644 index 0000000..a888828 --- /dev/null +++ b/assets/sdc-icons/resources_60/cp.svg @@ -0,0 +1 @@ +cp_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/dcae_analytics.svg b/assets/sdc-icons/resources_60/dcae_analytics.svg new file mode 100644 index 0000000..5ed3e77 --- /dev/null +++ b/assets/sdc-icons/resources_60/dcae_analytics.svg @@ -0,0 +1 @@ +Analitics_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/dcae_collector.svg b/assets/sdc-icons/resources_60/dcae_collector.svg new file mode 100644 index 0000000..af0f5d1 --- /dev/null +++ b/assets/sdc-icons/resources_60/dcae_collector.svg @@ -0,0 +1 @@ +Collector_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/dcae_database.svg b/assets/sdc-icons/resources_60/dcae_database.svg new file mode 100644 index 0000000..ef79b3f --- /dev/null +++ b/assets/sdc-icons/resources_60/dcae_database.svg @@ -0,0 +1 @@ +Database-60px_2px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/dcae_machineLearning.svg b/assets/sdc-icons/resources_60/dcae_machineLearning.svg new file mode 100644 index 0000000..b6a400b --- /dev/null +++ b/assets/sdc-icons/resources_60/dcae_machineLearning.svg @@ -0,0 +1 @@ +Rules Security_60px copy 5 \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/dcae_microservice.svg b/assets/sdc-icons/resources_60/dcae_microservice.svg new file mode 100644 index 0000000..e62af3a --- /dev/null +++ b/assets/sdc-icons/resources_60/dcae_microservice.svg @@ -0,0 +1 @@ +Microservice_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/dcae_source.svg b/assets/sdc-icons/resources_60/dcae_source.svg new file mode 100644 index 0000000..4a00d2a --- /dev/null +++ b/assets/sdc-icons/resources_60/dcae_source.svg @@ -0,0 +1 @@ +Source_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/dcae_utilty.svg b/assets/sdc-icons/resources_60/dcae_utilty.svg new file mode 100644 index 0000000..f6b9e84 --- /dev/null +++ b/assets/sdc-icons/resources_60/dcae_utilty.svg @@ -0,0 +1 @@ +default orphan_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/defaulticon.svg b/assets/sdc-icons/resources_60/defaulticon.svg new file mode 100644 index 0000000..a36fa1f --- /dev/null +++ b/assets/sdc-icons/resources_60/defaulticon.svg @@ -0,0 +1 @@ +R_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/firewall.svg b/assets/sdc-icons/resources_60/firewall.svg new file mode 100644 index 0000000..31b7462 --- /dev/null +++ b/assets/sdc-icons/resources_60/firewall.svg @@ -0,0 +1 @@ +VIRTUAL FIREWALL 2_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/fortinet.svg b/assets/sdc-icons/resources_60/fortinet.svg new file mode 100644 index 0000000..883877d --- /dev/null +++ b/assets/sdc-icons/resources_60/fortinet.svg @@ -0,0 +1 @@ +fortinet_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/gateway.svg b/assets/sdc-icons/resources_60/gateway.svg new file mode 100644 index 0000000..315fd8d --- /dev/null +++ b/assets/sdc-icons/resources_60/gateway.svg @@ -0,0 +1 @@ +Gateway_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/loadBalancer.svg b/assets/sdc-icons/resources_60/loadBalancer.svg new file mode 100644 index 0000000..8c1d4a6 --- /dev/null +++ b/assets/sdc-icons/resources_60/loadBalancer.svg @@ -0,0 +1 @@ +Load Balance_64px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/mobility.svg b/assets/sdc-icons/resources_60/mobility.svg new file mode 100644 index 0000000..2aad903 --- /dev/null +++ b/assets/sdc-icons/resources_60/mobility.svg @@ -0,0 +1 @@ +Mobility2_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/monitoring_template.svg b/assets/sdc-icons/resources_60/monitoring_template.svg new file mode 100644 index 0000000..93417c0 --- /dev/null +++ b/assets/sdc-icons/resources_60/monitoring_template.svg @@ -0,0 +1 @@ +Rules Network Template monitor_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/network.svg b/assets/sdc-icons/resources_60/network.svg new file mode 100644 index 0000000..d614d24 --- /dev/null +++ b/assets/sdc-icons/resources_60/network.svg @@ -0,0 +1 @@ +Network_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/network_cloud.svg b/assets/sdc-icons/resources_60/network_cloud.svg new file mode 100644 index 0000000..a461017 --- /dev/null +++ b/assets/sdc-icons/resources_60/network_cloud.svg @@ -0,0 +1 @@ + Cloud_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/networkrules.svg b/assets/sdc-icons/resources_60/networkrules.svg new file mode 100644 index 0000000..a5d221f --- /dev/null +++ b/assets/sdc-icons/resources_60/networkrules.svg @@ -0,0 +1 @@ +Rules Security_60px copy \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/notification.svg b/assets/sdc-icons/resources_60/notification.svg new file mode 100644 index 0000000..a76151a --- /dev/null +++ b/assets/sdc-icons/resources_60/notification.svg @@ -0,0 +1 @@ +Notification_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/objectStorage.svg b/assets/sdc-icons/resources_60/objectStorage.svg new file mode 100644 index 0000000..77b737d --- /dev/null +++ b/assets/sdc-icons/resources_60/objectStorage.svg @@ -0,0 +1 @@ +object storage icon-60px_2px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/ossep.svg b/assets/sdc-icons/resources_60/ossep.svg new file mode 100644 index 0000000..7eddfb0 --- /dev/null +++ b/assets/sdc-icons/resources_60/ossep.svg @@ -0,0 +1 @@ +Generic OSS_60PX \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/personep.svg b/assets/sdc-icons/resources_60/personep.svg new file mode 100644 index 0000000..9d58de4 --- /dev/null +++ b/assets/sdc-icons/resources_60/personep.svg @@ -0,0 +1 @@ +User Person_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/pmc.svg b/assets/sdc-icons/resources_60/pmc.svg new file mode 100644 index 0000000..d34ec11 --- /dev/null +++ b/assets/sdc-icons/resources_60/pmc.svg @@ -0,0 +1 @@ +C_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/port.svg b/assets/sdc-icons/resources_60/port.svg new file mode 100644 index 0000000..a544263 --- /dev/null +++ b/assets/sdc-icons/resources_60/port.svg @@ -0,0 +1 @@ +port-60px_2px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/premisesep.svg b/assets/sdc-icons/resources_60/premisesep.svg new file mode 100644 index 0000000..db5b355 --- /dev/null +++ b/assets/sdc-icons/resources_60/premisesep.svg @@ -0,0 +1 @@ +User Office_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/router.svg b/assets/sdc-icons/resources_60/router.svg new file mode 100644 index 0000000..4873b6b --- /dev/null +++ b/assets/sdc-icons/resources_60/router.svg @@ -0,0 +1 @@ +Router_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/security.svg b/assets/sdc-icons/resources_60/security.svg new file mode 100644 index 0000000..c78b282 --- /dev/null +++ b/assets/sdc-icons/resources_60/security.svg @@ -0,0 +1 @@ +Security_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/securityrules.svg b/assets/sdc-icons/resources_60/securityrules.svg new file mode 100644 index 0000000..cfc03d5 --- /dev/null +++ b/assets/sdc-icons/resources_60/securityrules.svg @@ -0,0 +1 @@ +Rules Security_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/server.svg b/assets/sdc-icons/resources_60/server.svg new file mode 100644 index 0000000..356247b --- /dev/null +++ b/assets/sdc-icons/resources_60/server.svg @@ -0,0 +1 @@ +Server-60px_2px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/ucpe.svg b/assets/sdc-icons/resources_60/ucpe.svg new file mode 100644 index 0000000..53bf7af --- /dev/null +++ b/assets/sdc-icons/resources_60/ucpe.svg @@ -0,0 +1 @@ +universal Cpe_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/vRouter.svg b/assets/sdc-icons/resources_60/vRouter.svg new file mode 100644 index 0000000..89e6893 --- /dev/null +++ b/assets/sdc-icons/resources_60/vRouter.svg @@ -0,0 +1 @@ +Virual Router_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/vfw.svg b/assets/sdc-icons/resources_60/vfw.svg new file mode 100644 index 0000000..d58b011 --- /dev/null +++ b/assets/sdc-icons/resources_60/vfw.svg @@ -0,0 +1 @@ +Virtual Firewall_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/vl.svg b/assets/sdc-icons/resources_60/vl.svg new file mode 100644 index 0000000..27d6fa8 --- /dev/null +++ b/assets/sdc-icons/resources_60/vl.svg @@ -0,0 +1 @@ +LV_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/vnfconfiguration.svg b/assets/sdc-icons/resources_60/vnfconfiguration.svg new file mode 100644 index 0000000..2d5eae4 --- /dev/null +++ b/assets/sdc-icons/resources_60/vnfconfiguration.svg @@ -0,0 +1 @@ +vnf conduration_60px \ No newline at end of file diff --git a/assets/sdc-icons/resources_60/wanx.svg b/assets/sdc-icons/resources_60/wanx.svg new file mode 100644 index 0000000..208d136 --- /dev/null +++ b/assets/sdc-icons/resources_60/wanx.svg @@ -0,0 +1 @@ +WAN accelerator_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/call_controll.svg b/assets/sdc-icons/services_24/call_controll.svg new file mode 100644 index 0000000..b531db2 --- /dev/null +++ b/assets/sdc-icons/services_24/call_controll.svg @@ -0,0 +1 @@ +Call control_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/collaboration.svg b/assets/sdc-icons/services_24/collaboration.svg new file mode 100644 index 0000000..60463f8 --- /dev/null +++ b/assets/sdc-icons/services_24/collaboration.svg @@ -0,0 +1 @@ +Collaboration_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/collaboration1.svg b/assets/sdc-icons/services_24/collaboration1.svg new file mode 100644 index 0000000..2bc92f5 --- /dev/null +++ b/assets/sdc-icons/services_24/collaboration1.svg @@ -0,0 +1 @@ +Collaboration2 24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/compute.svg b/assets/sdc-icons/services_24/compute.svg new file mode 100644 index 0000000..35b6351 --- /dev/null +++ b/assets/sdc-icons/services_24/compute.svg @@ -0,0 +1 @@ +Compute as Service_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/defaulticon.svg b/assets/sdc-icons/services_24/defaulticon.svg new file mode 100644 index 0000000..43a6563 --- /dev/null +++ b/assets/sdc-icons/services_24/defaulticon.svg @@ -0,0 +1 @@ +S_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/messaging.svg b/assets/sdc-icons/services_24/messaging.svg new file mode 100644 index 0000000..b807fa3 --- /dev/null +++ b/assets/sdc-icons/services_24/messaging.svg @@ -0,0 +1 @@ +Messaging_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/mobility.svg b/assets/sdc-icons/services_24/mobility.svg new file mode 100644 index 0000000..1397228 --- /dev/null +++ b/assets/sdc-icons/services_24/mobility.svg @@ -0,0 +1 @@ +Mobility2_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/network_l_1-3.svg b/assets/sdc-icons/services_24/network_l_1-3.svg new file mode 100644 index 0000000..c12b6dd --- /dev/null +++ b/assets/sdc-icons/services_24/network_l_1-3.svg @@ -0,0 +1 @@ +Network L1-3_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/network_l_4.svg b/assets/sdc-icons/services_24/network_l_4.svg new file mode 100644 index 0000000..378e006 --- /dev/null +++ b/assets/sdc-icons/services_24/network_l_4.svg @@ -0,0 +1 @@ +Network L4_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/notification.svg b/assets/sdc-icons/services_24/notification.svg new file mode 100644 index 0000000..022b8a9 --- /dev/null +++ b/assets/sdc-icons/services_24/notification.svg @@ -0,0 +1 @@ +Notification_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/personep.svg b/assets/sdc-icons/services_24/personep.svg new file mode 100644 index 0000000..0d456d3 --- /dev/null +++ b/assets/sdc-icons/services_24/personep.svg @@ -0,0 +1 @@ +User Person_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/platform.svg b/assets/sdc-icons/services_24/platform.svg new file mode 100644 index 0000000..b47056c --- /dev/null +++ b/assets/sdc-icons/services_24/platform.svg @@ -0,0 +1 @@ +Platform as Service_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_24/storage.svg b/assets/sdc-icons/services_24/storage.svg new file mode 100644 index 0000000..8fbc9c2 --- /dev/null +++ b/assets/sdc-icons/services_24/storage.svg @@ -0,0 +1 @@ +Storage as Service_24px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/call_controll.svg b/assets/sdc-icons/services_60/call_controll.svg new file mode 100644 index 0000000..23aa857 --- /dev/null +++ b/assets/sdc-icons/services_60/call_controll.svg @@ -0,0 +1 @@ +Call control_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/collaboration.svg b/assets/sdc-icons/services_60/collaboration.svg new file mode 100644 index 0000000..a41ed31 --- /dev/null +++ b/assets/sdc-icons/services_60/collaboration.svg @@ -0,0 +1 @@ +Collaboration_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/collaboration1.svg b/assets/sdc-icons/services_60/collaboration1.svg new file mode 100644 index 0000000..36a80ee --- /dev/null +++ b/assets/sdc-icons/services_60/collaboration1.svg @@ -0,0 +1 @@ +Collaboration2 60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/compute.svg b/assets/sdc-icons/services_60/compute.svg new file mode 100644 index 0000000..44991d5 --- /dev/null +++ b/assets/sdc-icons/services_60/compute.svg @@ -0,0 +1 @@ +Compute as Service_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/defaulticon.svg b/assets/sdc-icons/services_60/defaulticon.svg new file mode 100644 index 0000000..a433566 --- /dev/null +++ b/assets/sdc-icons/services_60/defaulticon.svg @@ -0,0 +1 @@ +S_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/messaging.svg b/assets/sdc-icons/services_60/messaging.svg new file mode 100644 index 0000000..34a89e8 --- /dev/null +++ b/assets/sdc-icons/services_60/messaging.svg @@ -0,0 +1 @@ +Messaging_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/mobility.svg b/assets/sdc-icons/services_60/mobility.svg new file mode 100644 index 0000000..2aad903 --- /dev/null +++ b/assets/sdc-icons/services_60/mobility.svg @@ -0,0 +1 @@ +Mobility2_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/network_l_1-3.svg b/assets/sdc-icons/services_60/network_l_1-3.svg new file mode 100644 index 0000000..08eb6f8 --- /dev/null +++ b/assets/sdc-icons/services_60/network_l_1-3.svg @@ -0,0 +1 @@ +Network L1-3_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/network_l_4.svg b/assets/sdc-icons/services_60/network_l_4.svg new file mode 100644 index 0000000..0d433ef --- /dev/null +++ b/assets/sdc-icons/services_60/network_l_4.svg @@ -0,0 +1 @@ +Network L4_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/notification.svg b/assets/sdc-icons/services_60/notification.svg new file mode 100644 index 0000000..a76151a --- /dev/null +++ b/assets/sdc-icons/services_60/notification.svg @@ -0,0 +1 @@ +Notification_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/platform.svg b/assets/sdc-icons/services_60/platform.svg new file mode 100644 index 0000000..45d0da5 --- /dev/null +++ b/assets/sdc-icons/services_60/platform.svg @@ -0,0 +1 @@ +Platform as Service_60px \ No newline at end of file diff --git a/assets/sdc-icons/services_60/storage.svg b/assets/sdc-icons/services_60/storage.svg new file mode 100644 index 0000000..760162b --- /dev/null +++ b/assets/sdc-icons/services_60/storage.svg @@ -0,0 +1 @@ +Storage as Service_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/alcatelLucent.svg b/assets/sdc-icons/vendors_24/alcatelLucent.svg new file mode 100644 index 0000000..01e7f55 --- /dev/null +++ b/assets/sdc-icons/vendors_24/alcatelLucent.svg @@ -0,0 +1 @@ +alcatel lucent_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/aricent.svg b/assets/sdc-icons/vendors_24/aricent.svg new file mode 100644 index 0000000..e3db6a8 --- /dev/null +++ b/assets/sdc-icons/vendors_24/aricent.svg @@ -0,0 +1 @@ +aricent_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/att.svg b/assets/sdc-icons/vendors_24/att.svg new file mode 100644 index 0000000..c3c7db0 --- /dev/null +++ b/assets/sdc-icons/vendors_24/att.svg @@ -0,0 +1 @@ +at&t_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/brocade.svg b/assets/sdc-icons/vendors_24/brocade.svg new file mode 100644 index 0000000..2d12dd9 --- /dev/null +++ b/assets/sdc-icons/vendors_24/brocade.svg @@ -0,0 +1 @@ +Brocade_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/cisco.svg b/assets/sdc-icons/vendors_24/cisco.svg new file mode 100644 index 0000000..37e72dc --- /dev/null +++ b/assets/sdc-icons/vendors_24/cisco.svg @@ -0,0 +1 @@ +cisco_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/cloud.svg b/assets/sdc-icons/vendors_24/cloud.svg new file mode 100644 index 0000000..f64dbf1 --- /dev/null +++ b/assets/sdc-icons/vendors_24/cloud.svg @@ -0,0 +1 @@ +cloud foundry_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/ericsson.svg b/assets/sdc-icons/vendors_24/ericsson.svg new file mode 100644 index 0000000..2ba4cfe --- /dev/null +++ b/assets/sdc-icons/vendors_24/ericsson.svg @@ -0,0 +1 @@ +ericcson_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/juniper.svg b/assets/sdc-icons/vendors_24/juniper.svg new file mode 100644 index 0000000..42980b3 --- /dev/null +++ b/assets/sdc-icons/vendors_24/juniper.svg @@ -0,0 +1 @@ +juniper_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/mysql.svg b/assets/sdc-icons/vendors_24/mysql.svg new file mode 100644 index 0000000..e85d5d7 --- /dev/null +++ b/assets/sdc-icons/vendors_24/mysql.svg @@ -0,0 +1 @@ +mysql_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/nokia_siemens.svg b/assets/sdc-icons/vendors_24/nokia_siemens.svg new file mode 100644 index 0000000..7177bb8 --- /dev/null +++ b/assets/sdc-icons/vendors_24/nokia_siemens.svg @@ -0,0 +1 @@ +nokia siemens_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/oracle.svg b/assets/sdc-icons/vendors_24/oracle.svg new file mode 100644 index 0000000..1c02f22 --- /dev/null +++ b/assets/sdc-icons/vendors_24/oracle.svg @@ -0,0 +1 @@ +Oracle_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_24/tropo.svg b/assets/sdc-icons/vendors_24/tropo.svg new file mode 100644 index 0000000..7b4a34e --- /dev/null +++ b/assets/sdc-icons/vendors_24/tropo.svg @@ -0,0 +1 @@ +tropo_24px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/alcatelLucent.svg b/assets/sdc-icons/vendors_60/alcatelLucent.svg new file mode 100644 index 0000000..81642fe --- /dev/null +++ b/assets/sdc-icons/vendors_60/alcatelLucent.svg @@ -0,0 +1 @@ +alcatel lucent_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/aricent.svg b/assets/sdc-icons/vendors_60/aricent.svg new file mode 100644 index 0000000..45ac235 --- /dev/null +++ b/assets/sdc-icons/vendors_60/aricent.svg @@ -0,0 +1 @@ +aricent_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/att.svg b/assets/sdc-icons/vendors_60/att.svg new file mode 100644 index 0000000..85672f2 --- /dev/null +++ b/assets/sdc-icons/vendors_60/att.svg @@ -0,0 +1 @@ +at&t_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/brocade.svg b/assets/sdc-icons/vendors_60/brocade.svg new file mode 100644 index 0000000..8e38523 --- /dev/null +++ b/assets/sdc-icons/vendors_60/brocade.svg @@ -0,0 +1 @@ +brocade_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/cisco.svg b/assets/sdc-icons/vendors_60/cisco.svg new file mode 100644 index 0000000..8a680c2 --- /dev/null +++ b/assets/sdc-icons/vendors_60/cisco.svg @@ -0,0 +1 @@ +cisco_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/cloud.svg b/assets/sdc-icons/vendors_60/cloud.svg new file mode 100644 index 0000000..33d9d2a --- /dev/null +++ b/assets/sdc-icons/vendors_60/cloud.svg @@ -0,0 +1 @@ +cloud foundry_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/ericsson.svg b/assets/sdc-icons/vendors_60/ericsson.svg new file mode 100644 index 0000000..7374318 --- /dev/null +++ b/assets/sdc-icons/vendors_60/ericsson.svg @@ -0,0 +1 @@ +ericcson_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/juniper.svg b/assets/sdc-icons/vendors_60/juniper.svg new file mode 100644 index 0000000..b72849f --- /dev/null +++ b/assets/sdc-icons/vendors_60/juniper.svg @@ -0,0 +1 @@ +juniper_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/mysql.svg b/assets/sdc-icons/vendors_60/mysql.svg new file mode 100644 index 0000000..0e2223d --- /dev/null +++ b/assets/sdc-icons/vendors_60/mysql.svg @@ -0,0 +1 @@ +mysql_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/nokia_siemens.svg b/assets/sdc-icons/vendors_60/nokia_siemens.svg new file mode 100644 index 0000000..bebcd99 --- /dev/null +++ b/assets/sdc-icons/vendors_60/nokia_siemens.svg @@ -0,0 +1 @@ +nokia siemens_60px \ No newline at end of file diff --git a/assets/sdc-icons/vendors_60/oracle.svg b/assets/sdc-icons/vendors_60/oracle.svg new file mode 100644 index 0000000..5ceaf0c --- /dev/null +++ b/assets/sdc-icons/vendors_60/oracle.svg @@ -0,0 +1 @@ +Oracle_60px \ No newline at end of file diff --git a/components/accordion/accordion-basic.html b/components/accordion/accordion-basic.html new file mode 100644 index 0000000..fe85473 --- /dev/null +++ b/components/accordion/accordion-basic.html @@ -0,0 +1,22 @@ +
+
+
+ + + + + + +
+
+ Accordion Title +
+
+
+
+ Accordion body +
+
+
\ No newline at end of file diff --git a/components/accordion/accordion.scss b/components/accordion/accordion.scss new file mode 100644 index 0000000..ef65b9c --- /dev/null +++ b/components/accordion/accordion.scss @@ -0,0 +1,50 @@ +.sdc-accordion { + display: flex; + flex-direction: column; + margin-bottom: 10px; + &.disabled { + opacity: .4; + pointer-events: none; + } + &:not(.disabled) { + .sdc-accordion-header { + cursor: pointer; + } + } + .sdc-accordion-header { + display: flex; + flex-direction: row; + .svg-icon-wrapper { + margin-right: 20px; + transition: transform 0.4s; + &.down { + transform: rotate(180deg); + } + .svg-icon { + fill: $gray; + width: 14px; + height: 8px; + } + } + &.arrow-right { + justify-content: space-between; + .svg-icon-wrapper{ + order:1; + margin:0; + } + } + } + .sdc-accordion-body { + padding-left: 10px; + opacity: 0; + overflow-y: hidden; + max-height: 0; + padding-top: 0px; + transition: opacity 0.33s linear, padding-top 0.3s linear; + &.open { + padding-top: 5px; + opacity: 1; + max-height: 9999px; + } + } +} diff --git a/components/autocomplete/_autocomplete.scss b/components/autocomplete/_autocomplete.scss new file mode 100644 index 0000000..7275156 --- /dev/null +++ b/components/autocomplete/_autocomplete.scss @@ -0,0 +1,43 @@ +.sdc-autocomplete-container{ + position: relative; + + &.results-shown{ + .sdc-input__input{ + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + } + + ul.autocomplete-results { + opacity: 0; + border: solid 1px $blue; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-top:none; + background-color: $white; + max-height: 200px; + box-shadow: 0 3px 7px -3px $dark-gray; + overflow-y: scroll; + overflow-x: hidden; + position: absolute; + box-sizing: border-box; + width: 100%; + left: 0; + top: 100%; + + li { + color:$text-black; + text-indent: 10px; + line-height: 30px; + cursor:pointer; + @include body-1; + + &:hover { + background-color: $lighter-blue; + color: $blue; + } + } + + } + + } diff --git a/components/autocomplete/autocomlete-close.html b/components/autocomplete/autocomlete-close.html new file mode 100644 index 0000000..93946bb --- /dev/null +++ b/components/autocomplete/autocomlete-close.html @@ -0,0 +1,22 @@ +
+
+
+ + +
+ + + + + + + + + + +
+
+ +
+
+ diff --git a/components/autocomplete/autocomplete-open.html b/components/autocomplete/autocomplete-open.html new file mode 100644 index 0000000..01b1f40 --- /dev/null +++ b/components/autocomplete/autocomplete-open.html @@ -0,0 +1,24 @@ +
+
+
+ + +
+ + + + + + + + + + +
+
+
red
+
yellow
+
orange
+
green
+
+
diff --git a/components/button/_button.scss b/components/button/_button.scss new file mode 100644 index 0000000..329f80b --- /dev/null +++ b/components/button/_button.scss @@ -0,0 +1,232 @@ +.sdc-button { + order:1; + @include box-sizing; + display: inline-flex; + align-items: center; + justify-content: center; + flex-direction: row; + outline: none; + border-radius: 2px; + padding: 0 12px; + height: 36px; + line-height: 36px; + width: 120px; + min-width: 90px; + cursor: pointer; + text-align: center; + text-transform: uppercase; + @include body-1; + + &:disabled { + cursor: default; + } + + // Primary button + &.sdc-button__primary { + border: 1px solid transparent; + background-color: $blue; + color: $white; + + &:not(:disabled) { + &:hover, &:active { + background-color: $light-blue; + } + &:focus:not(:active) { + border: 1px solid $white; + background-color: $light-blue; + box-shadow: 0px 0px 0px 1px $light-blue; + } + } + + &:disabled{ + background: $disabled-blue; + } + } + + // Secondary button + &.sdc-button__secondary { + border: 1px solid $blue; + background-color: transparent; + color: $blue; + + &:not(:disabled) { + &:hover, &:active { + background-color: $light-blue; + color:$white; + } + &:focus:not(:active) { + color: $light-blue; + box-shadow: inset 0px 0px 0px 0px $dark-blue, 0px 0px 0px 1px $blue; + &:hover { + color: $white; + } + } + } + + &:disabled { + color: $disabled-blue; + border-color: $disabled-blue; + } + } + + // Link button + &.sdc-button__link { + background-color: transparent; + color: $blue; + fill: $blue; + border: none; + + &:not(:disabled) { + &:hover, &:active { + color: $light-blue; + } + &:focus:not(:active) { + border: 1px solid $dark-blue; + color: $light-blue; + } + } + + &:disabled{ + color: $disabled-blue; + } + } + + // success + &.sdc-button__success { + border: 1px solid transparent; + background-color: $green; + color: $white; + + &:not(:disabled) { + &:hover, &:active { + background-color: $light-green; + } + &:focus:not(:active) { + border: 1px solid $white; + background-color: $light-green; + box-shadow: 0px 0px 0px 1px $light-green; + } + } + + &:disabled{ + background: $disabled-green; + } + } + + // error + &.sdc-button__error, &.sdc-button__alert { + border: 1px solid transparent; + background-color: $red; + color: $white; + + &:not(:disabled) { + &:hover, &:active { + background-color: $light-red; + } + &:focus:not(:active) { + border: 1px solid $white; + background-color: $light-red; + box-shadow: 0px 0px 0px 1px $light-red; + } + } + + &:disabled{ + background: $disabled-red; + } + } + + // warning + &.sdc-button__warning { + border: 1px solid transparent; + background-color: $yellow; + color: $white; + + &:not(:disabled) { + &:hover, &:active { + background-color: $light-yellow; + } + &:focus:not(:active) { + border: 1px solid $white; + background-color: $light-yellow; + box-shadow: 0px 0px 0px 1px $light-yellow; + } + } + + &:disabled{ + background: $disabled-yellow; + } + } + + // info + &.sdc-button__info { + border: 1px solid transparent; + background-color: $blue; + color: $white; + + &:not(:disabled) { + &:hover, &:active { + background-color: $light-blue; + } + &:focus:not(:active) { + border: 1px solid $white; + background-color: $light-blue; + box-shadow: 0px 0px 0px 1px $light-blue; + } + } + + &:disabled{ + background: $disabled-blue; + } + } + + /*** Sizes ***/ + &.btn-large{ + width: $btn-large; + } + + &.btn-medium{ + width: $btn-medium; + } + + &.btn-small{ + width: $btn-small; + } + + &.btn-x-small{ + width: $btn-extra-small; + } + + &.btn-default{ + width: $btn-default; + } + + /*** Buttons with icons ***/ + &.sdc-icon-right { + flex-direction: row-reverse; + .svg-icon { + margin-left: 15px; + } + } + + &.sdc-icon-left { + flex-direction: row; + .svg-icon { + margin-right: 15px; + } + } + + svg { + display: inline-block; + vertical-align: middle; + } +} +.sdc-button__wrapper { + display: inline-flex; +} +.sdc-button__spinner { + padding-top: 6px; + margin:0 2px; + &.left { + order:2; + } +} diff --git a/components/button/button-link-auto.html b/components/button/button-link-auto.html new file mode 100644 index 0000000..22ac4c8 --- /dev/null +++ b/components/button/button-link-auto.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-link-disabled.html b/components/button/button-link-disabled.html new file mode 100644 index 0000000..9267620 --- /dev/null +++ b/components/button/button-link-disabled.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-link-extra-small.html b/components/button/button-link-extra-small.html new file mode 100644 index 0000000..245f885 --- /dev/null +++ b/components/button/button-link-extra-small.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-link-large.html b/components/button/button-link-large.html new file mode 100644 index 0000000..6d1780c --- /dev/null +++ b/components/button/button-link-large.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-link-medium.html b/components/button/button-link-medium.html new file mode 100644 index 0000000..cb0293d --- /dev/null +++ b/components/button/button-link-medium.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-link-small.html b/components/button/button-link-small.html new file mode 100644 index 0000000..5c195fa --- /dev/null +++ b/components/button/button-link-small.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-link.html b/components/button/button-link.html new file mode 100644 index 0000000..5c2070b --- /dev/null +++ b/components/button/button-link.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-primary-auto.html b/components/button/button-primary-auto.html new file mode 100644 index 0000000..125276f --- /dev/null +++ b/components/button/button-primary-auto.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-primary-disabled.html b/components/button/button-primary-disabled.html new file mode 100644 index 0000000..b2ef842 --- /dev/null +++ b/components/button/button-primary-disabled.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-primary-extra-small.html b/components/button/button-primary-extra-small.html new file mode 100644 index 0000000..a3be965 --- /dev/null +++ b/components/button/button-primary-extra-small.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-primary-large.html b/components/button/button-primary-large.html new file mode 100644 index 0000000..c0a41b1 --- /dev/null +++ b/components/button/button-primary-large.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-primary-medium.html b/components/button/button-primary-medium.html new file mode 100644 index 0000000..9ddedc5 --- /dev/null +++ b/components/button/button-primary-medium.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-primary-small.html b/components/button/button-primary-small.html new file mode 100644 index 0000000..847f753 --- /dev/null +++ b/components/button/button-primary-small.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-primary.html b/components/button/button-primary.html new file mode 100644 index 0000000..b1524bf --- /dev/null +++ b/components/button/button-primary.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-secondary-auto.html b/components/button/button-secondary-auto.html new file mode 100644 index 0000000..a183ad8 --- /dev/null +++ b/components/button/button-secondary-auto.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-secondary-disabled.html b/components/button/button-secondary-disabled.html new file mode 100644 index 0000000..4125328 --- /dev/null +++ b/components/button/button-secondary-disabled.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-secondary-extra-small.html b/components/button/button-secondary-extra-small.html new file mode 100644 index 0000000..92c4784 --- /dev/null +++ b/components/button/button-secondary-extra-small.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-secondary-large.html b/components/button/button-secondary-large.html new file mode 100644 index 0000000..958c151 --- /dev/null +++ b/components/button/button-secondary-large.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-secondary-medium.html b/components/button/button-secondary-medium.html new file mode 100644 index 0000000..67f9741 --- /dev/null +++ b/components/button/button-secondary-medium.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-secondary-small.html b/components/button/button-secondary-small.html new file mode 100644 index 0000000..d9d8cd7 --- /dev/null +++ b/components/button/button-secondary-small.html @@ -0,0 +1,3 @@ + diff --git a/components/button/button-secondary.html b/components/button/button-secondary.html new file mode 100644 index 0000000..64967cc --- /dev/null +++ b/components/button/button-secondary.html @@ -0,0 +1,3 @@ + diff --git a/components/checkbox/_checkbox.scss b/components/checkbox/_checkbox.scss new file mode 100644 index 0000000..c35c8e0 --- /dev/null +++ b/components/checkbox/_checkbox.scss @@ -0,0 +1,66 @@ +.sdc-checkbox { + line-height: 14px; + + label { + position: relative; + display: block; + padding-left: 14px; + } + + .sdc-checkbox__input { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + position: absolute; + z-index: -1; + opacity: 0; + + // Checkbox not checked + + .sdc-checkbox__label:before { + display: inline-block; + position: absolute; + left: 0; + top: 0; + content: ""; + width: 14px; + height: 14px; + box-sizing: content-box; + background: no-repeat url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cdefs%3E%20%3Cpath%20id%3D%22disabled-a%22%20d%3D%22M2%2C0%20L12%2C-2.22044605e-16%20C13.1045695%2C5.56104062e-16%2014%2C0.8954305%2014%2C2%20L14%2C12%20C14%2C13.1045695%2013.1045695%2C14%2012%2C14%20L2%2C14%20C0.8954305%2C14%208.94280938e-16%2C13.1045695%20-2.22044605e-16%2C12%20L-2.22044605e-16%2C2%20C-3.57315355e-16%2C0.8954305%200.8954305%2C-1.91384796e-17%202%2C-2.22044605e-16%20Z%22%2F%3E%20%3C%2Fdefs%3E%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cuse%20fill%3D%22%23FFFFFF%22%20xlink%3Ahref%3D%22%23disabled-a%22%2F%3E%20%3Cpath%20stroke%3D%22%23D2D2D2%22%20d%3D%22M2%2C0.5%20C1.17157288%2C0.5%200.5%2C1.17157288%200.5%2C2%20L0.5%2C12%20C0.5%2C12.8284271%201.17157288%2C13.5%202%2C13.5%20L12%2C13.5%20C12.8284271%2C13.5%2013.5%2C12.8284271%2013.5%2C12%20L13.5%2C2%20C13.5%2C1.17157288%2012.8284271%2C0.5%2012%2C0.5%20L2%2C0.5%20Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E'); + } + + // Checkbox disabled and not checked + &:disabled { + + .sdc-checkbox__label { + color: $gray; + &:before { + background: no-repeat url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cdefs%3E%20%3Cpath%20id%3D%22disabled-a%22%20d%3D%22M2%2C0%20L12%2C-2.22044605e-16%20C13.1045695%2C5.56104062e-16%2014%2C0.8954305%2014%2C2%20L14%2C12%20C14%2C13.1045695%2013.1045695%2C14%2012%2C14%20L2%2C14%20C0.8954305%2C14%208.94280938e-16%2C13.1045695%20-2.22044605e-16%2C12%20L-2.22044605e-16%2C2%20C-3.57315355e-16%2C0.8954305%200.8954305%2C-1.91384796e-17%202%2C-2.22044605e-16%20Z%22%2F%3E%20%3C%2Fdefs%3E%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cuse%20fill%3D%22%23F2F2F2%22%20xlink%3Ahref%3D%22%23disabled-a%22%2F%3E%20%3Cpath%20stroke%3D%22%23D2D2D2%22%20d%3D%22M2%2C0.5%20C1.17157288%2C0.5%200.5%2C1.17157288%200.5%2C2%20L0.5%2C12%20C0.5%2C12.8284271%201.17157288%2C13.5%202%2C13.5%20L12%2C13.5%20C12.8284271%2C13.5%2013.5%2C12.8284271%2013.5%2C12%20L13.5%2C2%20C13.5%2C1.17157288%2012.8284271%2C0.5%2012%2C0.5%20L2%2C0.5%20Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E'); + } + } + } + + &:checked { + // Checkbox checked + + .sdc-checkbox__label:before { + background: no-repeat url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22%23009fdb%22%3E%3Cpath%20d%3D%22M2%2C0%20L12%2C-2.22044605e-16%20C13.1045695%2C5.56104062e-16%2014%2C0.8954305%2014%2C2%20L14%2C12%20C14%2C13.1045695%2013.1045695%2C14%2012%2C14%20L2%2C14%20C0.8954305%2C14%208.94280938e-16%2C13.1045695%20-2.22044605e-16%2C12%20L-2.22044605e-16%2C2%20C-3.57315355e-16%2C0.8954305%200.8954305%2C-1.91384796e-17%202%2C-2.22044605e-16%20Z%20M3.85355339%2C7.54977605%20C3.65829124%2C7.35451391%203.34170876%2C7.35451391%203.14644661%2C7.54977605%20C2.95118446%2C7.7450382%202.95118446%2C8.06162069%203.14644661%2C8.25688283%20L5.71469032%2C10.8251265%20C5.93114093%2C11.0415771%206.28952386%2C11.0144698%206.47095446%2C10.7679244%20L10.8653572%2C4.79638422%20C11.0290275%2C4.57397322%2010.9814087%2C4.26099251%2010.7589977%2C4.09732224%20C10.5365867%2C3.93365198%2010.223606%2C3.98127076%2010.0599357%2C4.20368177%20L6.01038326%2C9.70660592%20L3.85355339%2C7.54977605%20Z%22%2F%3E%3C%2Fsvg%3E'); + } + + // Checkbox disabled and checked + &:disabled { + + .sdc-checkbox__label:before { + background: no-repeat url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2C0%20L12%2C-2.22044605e-16%20C13.1045695%2C5.56104062e-16%2014%2C0.8954305%2014%2C2%20L14%2C12%20C14%2C13.1045695%2013.1045695%2C14%2012%2C14%20L2%2C14%20C0.8954305%2C14%208.94280938e-16%2C13.1045695%20-2.22044605e-16%2C12%20L-2.22044605e-16%2C2%20C-3.57315355e-16%2C0.8954305%200.8954305%2C-1.91384796e-17%202%2C-2.22044605e-16%20Z%20M3.85355339%2C7.54977605%20C3.65829124%2C7.35451391%203.34170876%2C7.35451391%203.14644661%2C7.54977605%20C2.95118446%2C7.7450382%202.95118446%2C8.06162069%203.14644661%2C8.25688283%20L5.71469032%2C10.8251265%20C5.93114093%2C11.0415771%206.28952386%2C11.0144698%206.47095446%2C10.7679244%20L10.8653572%2C4.79638422%20C11.0290275%2C4.57397322%2010.9814087%2C4.26099251%2010.7589977%2C4.09732224%20C10.5365867%2C3.93365198%2010.223606%2C3.98127076%2010.0599357%2C4.20368177%20L6.01038326%2C9.70660592%20L3.85355339%2C7.54977605%20Z%22%2F%3E%3C%2Fsvg%3E'); + } + } + } + + &:not(:disabled) { + + .sdc-checkbox__label { + cursor: pointer; + } + } + } + + .sdc-checkbox__label:not(:empty) { + padding-left: 14px; + @include body-1; + } +} diff --git a/components/checkbox/checkbox-checked.html b/components/checkbox/checkbox-checked.html new file mode 100644 index 0000000..de0c0d8 --- /dev/null +++ b/components/checkbox/checkbox-checked.html @@ -0,0 +1,6 @@ +
+ +
diff --git a/components/checkbox/checkbox-disabled-checked.html b/components/checkbox/checkbox-disabled-checked.html new file mode 100644 index 0000000..53e77ec --- /dev/null +++ b/components/checkbox/checkbox-disabled-checked.html @@ -0,0 +1,6 @@ +
+ +
diff --git a/components/checkbox/checkbox-disabled.html b/components/checkbox/checkbox-disabled.html new file mode 100644 index 0000000..2425218 --- /dev/null +++ b/components/checkbox/checkbox-disabled.html @@ -0,0 +1,6 @@ +
+ +
diff --git a/components/checkbox/checkbox-unchecked.html b/components/checkbox/checkbox-unchecked.html new file mode 100644 index 0000000..9cc3d1c --- /dev/null +++ b/components/checkbox/checkbox-unchecked.html @@ -0,0 +1,6 @@ +
+ +
diff --git a/components/checklist/_checklist.scss b/components/checklist/_checklist.scss new file mode 100644 index 0000000..248993d --- /dev/null +++ b/components/checklist/_checklist.scss @@ -0,0 +1,21 @@ +$space-lines: 14px; +$padding-for-sub-level: 28px; +.checkbox-item{ + margin: $space-lines 0; + .sdc-checkbox__label{ + @include body-2-emphasis; + } + .semi-checked{ + .sdc-checkbox__label:before{ + background: no-repeat url('data:image/svg+xml;utf8,'); + } + } +} +.checkbox-sublist{ + padding-left: $padding-for-sub-level; + .checkbox-item{ + .sdc-checkbox__label{ + @include body-2; + } + } +} diff --git a/components/checklist/checklist-with-checked-items.html b/components/checklist/checklist-with-checked-items.html new file mode 100644 index 0000000..e1adbd7 --- /dev/null +++ b/components/checklist/checklist-with-checked-items.html @@ -0,0 +1,24 @@ +
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
diff --git a/components/checklist/checklist-with-disabled-items.html b/components/checklist/checklist-with-disabled-items.html new file mode 100644 index 0000000..f001ec1 --- /dev/null +++ b/components/checklist/checklist-with-disabled-items.html @@ -0,0 +1,25 @@ +
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+ diff --git a/components/checklist/multi-levels-checklist.html b/components/checklist/multi-levels-checklist.html new file mode 100644 index 0000000..9aa136e --- /dev/null +++ b/components/checklist/multi-levels-checklist.html @@ -0,0 +1,50 @@ +
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
diff --git a/components/checklist/simple-checklist.html b/components/checklist/simple-checklist.html new file mode 100644 index 0000000..1fe55da --- /dev/null +++ b/components/checklist/simple-checklist.html @@ -0,0 +1,24 @@ +
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
diff --git a/components/dropdown/_dropdown.scss b/components/dropdown/_dropdown.scss new file mode 100644 index 0000000..908bbaa --- /dev/null +++ b/components/dropdown/_dropdown.scss @@ -0,0 +1,346 @@ +.sdc-dropdown { + @include body-1; + position: relative; + display: block; + + .sdc-dropdown__error--block { + display: none; + } + + &.headless { + display: none; + } + + /************************************* + SDC DropDown styles + *************************************/ + .sdc-dropdown__component-container { + position: relative; + height: 40px; + + .sdc-dropdown__header { + background: $white; + text-align: left; + position: relative; + color: $dark-gray; + @include base-font-regular; + font-size: 14px; + text-indent: 6px; + border: solid 1px $light-gray; + width: 100%; + height: 40px; + line-height: 36px; + box-sizing: border-box; + border-radius: 2px; + + &.placeholder { + @include base-font-italic; + color: $gray; + } + + &.disabled { + border: solid 1px $light-gray; + background-color: $light-silver; + color: $light-gray; + cursor: default; + + &:focus { + border: solid 1px $light-gray; + outline: none; + .svg-icon>svg { + fill: $light-gray; + } + } + .svg-icon>svg { + fill: $light-gray; + } + } + + &:focus { + border: solid 1px $light-blue; + outline: none; + .svg-icon>svg { + fill: $light-blue; + } + } + + .sdc-dropdown-handle { + float: right; + .svg-icon>svg { + fill: $dark-gray; + } + } + + svg-icon { + margin: 10px 6px; + float: right; + } + + } + + } + + &.open-bottom { + .sdc-dropdown__header { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + + border: 1px solid $light-blue; + box-sizing: border-box; + .svg-icon>svg { + fill: $light-blue; + } + + } + } + + &.open-top { + .sdc-dropdown__header { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + + .sdc-dropdown__options-list { + position: relative; + opacity: 0; + top: 100%; + left: 0; + width: 100%; + max-height: 0; + overflow-y: auto; + box-sizing: border-box; + border: 1px solid $light-blue; + background-color: white; + box-shadow: 0 3px 7px -3px $dark-gray; + z-index: 999; + &.sdc-dropdown__options-wrapper--top { + bottom: 40px; + border-top: 1px solid $light-blue; + } + &.sdc-dropdown__options-list--headless { + border-top: 1px solid $light-blue; + } + .sdc-dropdown__option { + @include base-font-regular; + font-size: 14px; + text-indent: 10px; + padding: 10px; + background: transparent; + cursor: pointer; + height: 40px; + box-sizing: border-box; + &.sdc-dropdown__option--hr { + height: 1px; + overflow: hidden; + border-top: 1px solid $silver; + padding: 0; + margin: 10px 20px; + } + &.sdc-dropdown__option--group { + text-indent: 30px; + } + &:hover { + background-color: $light-silver; + //@include base-font-semibold; + } + &.selected { + background-color: $lighter-blue; + color: $blue; + @include base-font-semibold; + } + &.sdc-dropdown__option--header { + @include base-font-semibold; + color: $text-black; + cursor: default; + &.sdc-dropdown__option--group { + text-indent: 10px; + } + &:hover { + background-color: transparent; + } + } + &.sdc-dropdown__option--disabled { + color: $gray; + cursor: default; + &:hover { + background-color: transparent; + } + &::after { + color: $gray; + } + &:focus { + border: solid 1px $light-gray; + outline: none; + } + } + } + } + .sdc-dropdown__select { + @include base-font-regular; + text-indent: 6px; + border: solid 1px $light-gray; + width: 100%; + &.disabled { + opacity: 0.7; + } + option { + padding: 3px; + } + } + .sdc-dropdown__label { + margin-bottom: 5px; + display: block; + @include body-3-emphasis; + color: $text-black; + &.required::before { + content: '*'; + color: $red; + margin: 0 4px 0 0; + } + } + + /************************************* + SDC Auto-DropDown styles + *************************************/ + &.open-bottom { + .sdc-dropdown-auto__wrapper { + border: 1px solid $light-blue; + box-sizing: border-box; + .svg-icon>svg { + fill: $light-blue; + } + } + } + + .sdc-dropdown-auto__wrapper { + display: flex; + border: solid 1px $light-gray; + border-radius: 2px; + + .sdc-dropdown__header { + border: none; + color: $gray; + + &:focus { + border: none; + } + } + + svg-icon { + margin: 12px 10px; + float: right; + } + } + + /************************************* + SDC Error styles + *************************************/ + &.sdc-dropdown__error { + .sdc-dropdown__header { + border: solid 1px $red; + @include font-error; + &::after { + @include font-error; + } + &:focus { + border: solid 1px $red; + .sdc-dropdown-handle { + use { + fill: $red; + } + } + } + .sdc-dropdown-handle { + use { + fill: $red; + } + } + } + .sdc-dropdown__error--block { + display: block; + @include font-error; + margin: 4px 0; + @include body-3; + } + .sdc-dropdown__options-wrapper--frame { + .sdc-dropdown__options-list { + border: 1px solid $red; + border-top: none; + } + &.sdc-dropdown__options-wrapper--top { + .sdc-dropdown__options-list { + border-top: 1px solid $red; + } + } + } + .svg-icon.__exclamationTriangleFull { + width: 12px; + height: 10px; + margin-right: 6px; + } + } +} + +.sdc-dropdown__error--icon { + fill: $red; +} + +/********************************************************/ + +/* Animation */ + +/********************************************************/ + +@include keyframes-expand-animation('top-to-bottom-exp', 244px); +@include keyframes-collapse-animation('top-to-bottom', 244px); +@include keyframes-expand-animation('bottom-to-top-exp', 244px); +@include keyframes-collapse-animation('bottom-to-top', 244px); +.sdc-dropdown__options-wrapper--frame { + overflow: hidden; + position: absolute; + top: auto; + width: 100%; + &.sdc-dropdown__options-wrapper--top { + bottom: 40px; + top: auto; + padding: 10px 0 0 0; + /* Expend animation from bottom to top */ + .sdc-dropdown__options-list { + border-top: 1px solid $light-blue; + box-shadow: 0 0 7px -1px $dark-gray; + &.sdc-dropdown__options-list--animation-init { + border-bottom: none; + padding: 0; + animation: bottom-to-top .0s forwards; + } + } + &.sdc-dropdown__options-wrapper--uncollapsed { + .sdc-dropdown__options-list { + animation: bottom-to-top-exp .0s forwards; + } + } + } +} + +/** +Fold animation from top to bottom + */ + +.sdc-dropdown { + .sdc-dropdown__options-list.sdc-dropdown__options-list--animation-init { + animation: top-to-bottom .0s forwards; + } +} + +/** +Expend animation from top to bottom + */ + +.sdc-dropdown { + .sdc-dropdown__options-wrapper--uncollapsed { + .sdc-dropdown__options-list.sdc-dropdown__options-list--animation-init { + animation: top-to-bottom-exp .0s forwards; + } + } +} diff --git a/components/dropdown/dropdown-disabled.html b/components/dropdown/dropdown-disabled.html new file mode 100644 index 0000000..9e0bd86 --- /dev/null +++ b/components/dropdown/dropdown-disabled.html @@ -0,0 +1,11 @@ +
+ + + +
    +
  • First Option
    • +
  • Second Option
    • +
  • Third Option
    • +
+ +
diff --git a/components/dropdown/dropdown-groups.html b/components/dropdown/dropdown-groups.html new file mode 100644 index 0000000..3e32f16 --- /dev/null +++ b/components/dropdown/dropdown-groups.html @@ -0,0 +1,10 @@ +
+ + +
    +
  • Group 1 title
    • +
  • First Option
    • +
  • Second Option
    • +
  • Third Option
    • +
+
diff --git a/components/dropdown/dropdown-requiered.html b/components/dropdown/dropdown-requiered.html new file mode 100644 index 0000000..4fd555d --- /dev/null +++ b/components/dropdown/dropdown-requiered.html @@ -0,0 +1,18 @@ +
+ + +
    +
  • First Option
    • +
  • Second Option
    • +
  • Third Option
    • +
+
+ + + Error message! +
+
+ diff --git a/components/dropdown/dropdown.html b/components/dropdown/dropdown.html new file mode 100644 index 0000000..440f70b --- /dev/null +++ b/components/dropdown/dropdown.html @@ -0,0 +1,9 @@ +
+ + +
    +
  • First Option
    • +
  • Second Option
    • +
  • Third Option
    • +
+
diff --git a/components/filter-bar/_filter-bar.scss b/components/filter-bar/_filter-bar.scss new file mode 100644 index 0000000..f48a3df --- /dev/null +++ b/components/filter-bar/_filter-bar.scss @@ -0,0 +1,51 @@ +$inputHeight: 38px; + +.sdc-filter-bar { + .sdc-input { + margin: 0; + .sdc-input__input{ + padding-right: 40px; + } + } + + .filter-button{ + position: relative; + float: right; + bottom: $inputHeight; + height: $inputHeight; + right: 11px; + svg{ + position: relative; + top: 50%; + transform: translateY(-50%); + } + } + + .magnify-button { + svg{ + height: 20px; + width: 20px; + path{ + fill: $dark-gray; + } + } + } + + .clear-search-x { + cursor: pointer; + svg{ + height: 14px; + width: 14px; + path{ + fill: $dark-gray; + } + &:hover{ + path{ + fill: $blue; + } + } + } + } +} + + diff --git a/components/filter-bar/filter-bar-with-text.html b/components/filter-bar/filter-bar-with-text.html new file mode 100644 index 0000000..de7a225 --- /dev/null +++ b/components/filter-bar/filter-bar-with-text.html @@ -0,0 +1,16 @@ +
+
+ + + + + + + + + + + + +
+
diff --git a/components/filter-bar/filter-bar.html b/components/filter-bar/filter-bar.html new file mode 100644 index 0000000..90f580d --- /dev/null +++ b/components/filter-bar/filter-bar.html @@ -0,0 +1,17 @@ +
+
+ + + + + + + + + + + + +
+
+ diff --git a/components/icon/_icon.scss b/components/icon/_icon.scss new file mode 100644 index 0000000..cd94eb7 --- /dev/null +++ b/components/icon/_icon.scss @@ -0,0 +1,250 @@ +@mixin color-icon($primary-color, $secondary-color) { + color: $primary-color; + fill: $primary-color; + span{ + color: $primary-color; + } + &:not([disabled]):hover, &:active, &:focus { + &.clickable { + color: $secondary-color; + fill: $secondary-color; + } + } +} + +.svg-icon-wrapper { + display: inline-flex; + justify-content: center; + align-items: center; + + &[disabled] { + opacity: 0.7; + } + + &.bottom { + flex-direction: column; + .svg-icon-label { + margin-bottom: 5px; + } + } + + &.right { + float: none; + .svg-icon-label { + margin-left: 5px; + } + } + + &.top { + flex-direction: column-reverse; + .svg-icon-label { + margin-top: 5px; + } + } + + &.left { + flex-direction: row-reverse; + .svg-icon-label { + margin-right: 5px; + } + } + + &.__warning { + @include color-icon($yellow, $yellow); + } + + &.__primary { + @include color-icon($blue, $light-blue); + } + + &.__secondary { + @include color-icon($gray, $dark-gray); + } + + &.__positive { + @include color-icon($green, $green); + } + + &.__negative { + @include color-icon($red, $red); + } +} + + +.svg-icon { + width: 20px; + height: 20px; + + &.__angleDoubleLeft { + width: 14px; + height: 14px; + } + &.__angleDoubleRight { + width: 14px; + height: 14px; + } + &.__angleLeft { + width: 14px; + height: 14px; + } + &.__angleRight { + width: 14px; + height: 14px; + } + &.__artifacts { + width: 16px; + height: 20px; + } + &.__back { + width: 25px; + height: 25px; + } + &.__base { + // + } + &.__calendar { + // + } + &.__caretDown { + } + &.__check { + } + &.__checkCircle { + width: 16px; + height: 16px; + } + &.__chevronDown{ + width: 10px; + height: 7px; + } + &.__chevronUp { + width: 11px; + height: 7px; + } + &.__close { + width: 10px; + height: 10px; + } + &.__download { + width: 15px; + height: 11px; + } + &.__env { + width: 15px; + height: 14px; + } + &.__error { + width: 14px; + height: 14px; + } + &.__errorCircle { + width: 16px; + height: 16px; + } + &.__exclamationTriangleFull { + width: 15px; + height: 13px; + } + &.__exclamationTriangleLine { + width: 15px; + height: 13px; + } + &.__filter { + // + } + &.__locked { + width: 11px; + } + &.__module { + // + } + &.__nestedHeat { + width: 15px; + height: 13px; + } + &.__network { + width: 13px; + height: 13px; + } + &.__others { + width: 12px; + height: 12px; + } + &.__pencil { + width: 15px; + height: 15px; + } + &.__plus { + width: 9px; + height: 9px; + } + &.__plusCircle { + width: 19px; + height: 19px; + } + &.__plusThin { + width: 9px; + height: 9px; + } + &.__proceedToOverview { + width: 24px; + height: 20px; + } + &.__search { + // + } + &.__sliders { + } + &.__trashO { + width: 15px; + height: 16px; + } + &.__unlocked { + width: 11px; + } + &.__upload { + width: 15px; + height: 11px; + } + &.__vendor { + width: 53px; + height: 47px; + } + &.__versionControllerLockClosed { + width: 21px; + height: 23px; + } + &.__versionControllerLockOpen { + width: 24px; + height: 28px; + } + &.__versionControllerRevert { + // + } + &.__versionControllerSave { + // + } + &.__versionControllerSubmit { + // + } + &.__versionControllerPermissions { + // + } + &.__vlm { + width: 53px; + height: 47px; + } + &.__vsp { + width: 53px; + height: 47px; + } + &.__zip { + width: 29px; + height: 23px; + } +} + +.svg-icon-missing { + @include body-2; + @include font-error; +} diff --git a/components/input/_input.scss b/components/input/_input.scss new file mode 100644 index 0000000..a84d312 --- /dev/null +++ b/components/input/_input.scss @@ -0,0 +1,78 @@ +.sdc-input { + margin-bottom: 10px; + + .sdc-input__label { + margin-bottom: 5px; + display: block; + @include body-3-emphasis; + + &.required::before { + content: '*'; + color: $red; + margin: 0 4px 0 0; + } + } + + .sdc-input__input { + @include box-sizing; + padding: 0 10px; + height: 38px; + width: 100%;//415px; + border: solid 1px $light-gray; + border-radius:2px; + color: $dark-gray; + + &.error, &.error:focus, &.error:disabled { + border: solid 1px $red; + color: $red; + outline: none; + } + + &:read-only{ + border: none; + outline: none; + color: $text-black + } + &:-moz-read-only { /* For Firefox */ + border: none; + outline: none; + color: $text-black + } + + &:focus { + border-color: $blue; + outline: 0 none; + color: $text-black; + } + + &:disabled { + background: $light-silver; + color: $gray; + } + + &::-webkit-input-placeholder /* Chrome/Opera/Safari */ { + color: $gray; + @include base-font-italic; + } + &::-moz-placeholder /* Firefox 19+ */ { + color: $gray; + @include base-font-italic; + } + &:-moz-placeholder /* Firefox 18- */ { + color: $gray; + @include base-font-italic; + } + &:-ms-input-placeholder /* IE 10+ */ + { + color: $gray; + @include base-font-italic; + } + } + + .sdc-label__error{ + margin-top: 2px; + margin-left: 2px; + @include body-3; + } + +} \ No newline at end of file diff --git a/components/input/input-disabled.html b/components/input/input-disabled.html new file mode 100644 index 0000000..bea21b4 --- /dev/null +++ b/components/input/input-disabled.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/components/input/input-error.html b/components/input/input-error.html new file mode 100644 index 0000000..aafee55 --- /dev/null +++ b/components/input/input-error.html @@ -0,0 +1,17 @@ +
+ + +
+
+ + + + + This is the error message. + +
+
+
\ No newline at end of file diff --git a/components/input/input-number.html b/components/input/input-number.html new file mode 100644 index 0000000..59ef93c --- /dev/null +++ b/components/input/input-number.html @@ -0,0 +1,6 @@ +
+ +
+ +
+
\ No newline at end of file diff --git a/components/input/input-placeholder.html b/components/input/input-placeholder.html new file mode 100644 index 0000000..b07d75d --- /dev/null +++ b/components/input/input-placeholder.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/components/input/input-required.html b/components/input/input-required.html new file mode 100644 index 0000000..f9dbb16 --- /dev/null +++ b/components/input/input-required.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/components/input/input-view-only.html b/components/input/input-view-only.html new file mode 100644 index 0000000..4381b22 --- /dev/null +++ b/components/input/input-view-only.html @@ -0,0 +1,4 @@ +
+ + +
\ No newline at end of file diff --git a/components/input/input.html b/components/input/input.html new file mode 100644 index 0000000..ef2ba61 --- /dev/null +++ b/components/input/input.html @@ -0,0 +1,8 @@ +
+ + +
\ No newline at end of file diff --git a/components/loader/_loader.scss b/components/loader/_loader.scss new file mode 100644 index 0000000..76d6cbb --- /dev/null +++ b/components/loader/_loader.scss @@ -0,0 +1,255 @@ +.sdc-loader-background { + background-color: $black; + position: absolute; + top: 0px; + left: 0; + right: 0; + bottom: 0; + z-index: 9999; + opacity: 0.5; + display: flex; + justify-content: center; + align-items: center; +} + +.sdc-loader-wrapper{ + position: relative; + width: 100%; + height:100%; +} + +.sdc-loader-wrapper-absolute { position: absolute; top: 0;} + +.sdc-loader { + z-index: 10002; +} + +.sdc-loader-global-wrapper{ + position:fixed; + width: 100%; + height:100%; +} + +.loader-fixed { + display: block; + position:fixed; + top:0; + left:0; + width: 100%; + height:100%; +} + +@keyframes fadein { + from { opacity: 0; } + to { opacity: 0.8; } +} + +/* Firefox < 16 */ +@-moz-keyframes fadein { + from { opacity: 0; } + to { opacity: 0.8; } +} + +/* Safari, Chrome and Opera > 12.1 */ +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 0.8; } +} + +/* Internet Explorer */ +@-ms-keyframes fadein { + from { opacity: 0; } + to { opacity: 0.8; } +} + +/* Opera < 12.1 */ +@-o-keyframes fadein { + from { opacity: 0; } + to { opacity: 0.8; } +} + +@keyframes fadeout { + from { opacity: 0.8; } + to { opacity: 0; } +} + +/* Firefox < 16 */ +@-moz-keyframes fadeout { + from { opacity: 0.8; } + to { opacity: 0; } +} + +/* Safari, Chrome and Opera > 12.1 */ +@-webkit-keyframes fadeout { + from { opacity: 0.8; } + to { opacity: 0; } +} + +/* Internet Explorer */ +@-ms-keyframes fadeout { + from { opacity: 0.8; } + to { opacity: 0; } +} + +/* Opera < 12.1 */ +@-o-keyframes fadeout { + from { opacity: 0.8; } + to { opacity: 0; } +} + +.sdc-loader { + height: 63px; + width: 63px; + position: absolute; +} + +.sdc-loader.small { + transform: scale(0.26); +} + +.sdc-loader.medium { + transform: scale(0.5); +} + +.sdc-loader.large { + transform: scale(1); +} + +.sdc-loader::before { + background-color: $silver; + border-radius: 50%; + box-shadow: 21px 21px 0px 0px $silver, 0px 42px 0px 0px $silver, -21px 21px 0px 0px $silver; + content: ''; + display: block; + height: 21px; + width: 21px; + position: absolute; + left: 50%; + margin-left: -10.5px; +} + +.sdc-loader::after { + border-radius: 50%; + content: ''; + display: block; + position: absolute; + height: 21px; + width: 21px; + animation: dot-move-2 4.5s infinite ease-in; +} + +@keyframes dot-move { + 0% { + background-color: $light-blue; + left: 21px; + top: 0; + } + 25% { + background-color: $yellow; + left: 42px; + top: 21px; + } + 50% { + background-color: $light-purple; + left: 21px; + top: 42px; + } + 75% { + background-color: $light-yellow; + left: 0; + top: 21px; + } + 100% { + background-color: $light-blue; + left: 21px; + top: 0; + } +} + +@keyframes dot-move-2 { + 0% { + background-color: $light-blue; + left: 21px; + top: 0; + } + 6.25% { + background-color: $light-blue; + left: 42px; + top: 21px; + } + 12.5% { + background-color: $light-blue; + left: 21px; + top: 42px; + } + 18.75% { + background-color: $light-blue; + left: 0; + top: 21px; + } + 25% { + background-color: $yellow; + left: 21px; + top: 0; + } + 31.25% { + background-color: $yellow; + left: 42px; + top: 21px; + } + 37.5% { + background-color: $yellow; + left: 21px; + top: 42px; + } + 43.75% { + background-color: $yellow; + left: 0; + top: 21px; + } + 50% { + background-color: $light-purple; + left: 21px; + top: 0; + } + 56.25% { + background-color: $light-purple; + left: 42px; + top: 21px; + } + 62.5% { + background-color: $light-purple; + left: 21px; + top: 42px; + } + 68.75% { + background-color: $light-purple; + left: 0; + top: 21px; + } + 75% { + background-color: $light-yellow; + left: 21px; + top: 0; + } + 81.25% { + background-color: $light-yellow; + left: 42px; + top: 21px; + } + 87.5% { + background-color: $light-yellow; + left: 21px; + top: 42px; + } + 93.75% { + background-color: $light-yellow; + left: 0; + top: 21px; + } + 100% { + background-color: $light-blue; + left: 21px; + top: 0; + } +} diff --git a/components/loader/global-loader.html b/components/loader/global-loader.html new file mode 100644 index 0000000..2a60b8b --- /dev/null +++ b/components/loader/global-loader.html @@ -0,0 +1,5 @@ +
+
+
+
+
\ No newline at end of file diff --git a/components/loader/loader.html b/components/loader/loader.html new file mode 100644 index 0000000..7ea3348 --- /dev/null +++ b/components/loader/loader.html @@ -0,0 +1,5 @@ +
+
+
+
+
\ No newline at end of file diff --git a/components/menu/_menu.scss b/components/menu/_menu.scss new file mode 100644 index 0000000..fe32f32 --- /dev/null +++ b/components/menu/_menu.scss @@ -0,0 +1,68 @@ +.sdc-menu-list { + position: static; + @include box-sizing; + @include box-shadow(0 2px 4px 0 rgba($black, 0.3)); + @include border-radius(2px); + border: 1px solid $light-gray; + border-top: solid 3px $blue; + background: $white; + min-width: 150px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + + .sdc-menu-item:not(.separator) { + @include body-1; + height: 40px; + color: $dark-gray; + padding: 0 12px; + display: flex; + align-items: center; + + svg { + margin-right: 16px; + g, path { + fill: $dark-gray; + } + } + + &:hover { + &:not(.disabled) { + cursor: pointer; + &:not(.selected) { + background: $light-silver; + color: $text-black; + g, path { + fill: $dark-gray; + } + } + } + } + + &.disabled { + color: $gray; + g, path { + fill: $light-gray; + } + } + + &.selected { + background: $lighter-blue; + color: $light-blue; + g, path { + fill: $dark-gray; + } + } + } + + &.relative { + position: relative; + } + + .separator { + cursor: default; + border-top: 1px solid $silver; + margin: 0 0; + height: 0; + } +} diff --git a/components/menu/popup-menu.html b/components/menu/popup-menu.html new file mode 100644 index 0000000..f4f1cbd --- /dev/null +++ b/components/menu/popup-menu.html @@ -0,0 +1,8 @@ + +
    +
  • item 1 (selected)
    • +
  • item 2
    • +
  • +
  • item 3
    • +
  • custom action
    • +
\ No newline at end of file diff --git a/components/menu/relative-popup-menu.html b/components/menu/relative-popup-menu.html new file mode 100644 index 0000000..e5a5449 --- /dev/null +++ b/components/menu/relative-popup-menu.html @@ -0,0 +1,8 @@ +
+
    +
  • item 1 (selected)
    • +
  • item 2
    • +
  • +
  • item 3
    • +
+
\ No newline at end of file diff --git a/components/modal/_modal.scss b/components/modal/_modal.scss new file mode 100644 index 0000000..0bf52aa --- /dev/null +++ b/components/modal/_modal.scss @@ -0,0 +1,233 @@ +.sdc-modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + margin: auto; + display: flex; + align-items: center; + z-index: 1000; + svg path { + fill: inherit; + } + .sdc-modal__wrapper { + @include body-1; + background: $white; + width: 100%; + @include box-shadow(0 0 4px 0 rgba(0, 0, 0, 0.50)); + color: $text-black; + display: flex; + flex-direction: column; + &.sdc-modal-type-info { + border-top: solid 6px $blue; + .sdc-modal__svg-use { + fill: $blue; + } + .svg-icon { + &.__errorCircle { + width: 30px; + height: 30px; + } + } + } + + &.sdc-modal-type-info { + border-top: solid 6px $blue; + .sdc-modal__svg-use { + fill: $blue; + } + .svg-icon { + &.__exclamationTriangleLine { + width: 30px; + height: 30px; + } + } + } + + &.sdc-modal-type-warning, &.sdc-modal-type-alert { + border-top: solid 6px $yellow; + .sdc-modal__svg-use { + fill: $yellow; + } + .svg-icon { + &.__exclamationTriangleLine { + width: 30px; + height: 30px; + } + } + } + + &.sdc-modal-type-success { + border-top: solid 6px $green; + .sdc-modal__svg-use { + fill: $green; + } + .svg-icon { + &.__success { + width: 30px; + height: 30px; + } + } + } + + &.sdc-modal-type-error { + border-top: solid 6px $red; + .sdc-modal__svg-use { + fill: $red; + } + .svg-icon { + &.__error { + width: 30px; + height: 30px; + } + } + } + + &.sdc-modal-type-custom { + padding: 0px; + border-top: none; + .sdc-custom__header { + @include box-sizing; + background-color: $blue; + color: $white; + height: 50px; + align-items: center; + padding-top: 0px; + .title { + color: $white; + padding-top: 0px; + @include heading-3; + } + .sdc-modal__close-button { + margin-top: 0px; + width: 16px; + height: 16px; + line-height: 16px; + .svg-icon > svg { + fill: $white; + color: $white; + } + &.disabled { + cursor: default; + .svg-icon > svg { + fill: $silver; + color: $silver; + } + } + } + .sdc-modal__close-button-svg { + width: 16px; + height: 16px; + .sdc-modal__svg-use { + fill: $white; + } + .svg-icon { + height: 16px; + width: 16px; + fill: $white; + } + } + } + .sdc-modal__content { + padding: 20px 40px; + } + } + .sdc-modal__header { + padding: 20px 20px 0 20px; + display: flex; + justify-content: space-between; + text-align: left; + height: 30px; + line-height: 30px; + .sdc-modal__icon { + margin-right: 10px; + } + .title { + @include heading-2; + flex: 1 1 auto; + color: $text-black; + } + .sdc-modal__close-button { + order: 3; + width: 14px; + height: 14px; + line-height: 14px; + cursor: pointer; + .sdc-modal__svg-use { + fill: $black; + } + &.disabled { + cursor: default; + } + } + } + .sdc-modal__content { + position: relative; + order: 2; + padding: 10px 60px 20px 60px; + .disabled-modal{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: $white; + opacity: 0.5; + } + } + .sdc-modal__footer { + order: 3; + background-color: $white; + border-top: solid 1px $silver; + padding: 10px; + display: flex; + justify-content: flex-end; + button { + margin-left: 10px; + } + } + } +} + +.modal-background { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: $black; + opacity: 0.70; + z-index: 1000; + &.show { + z-index: 1000; + opacity: 0.70; + transition: opacity .3s ease, z-index .3s; + } + &.hide { + z-index: -1; + opacity: 0; + transition: opacity .35s ease, z-index .35s; + } +} + +.xl { + width: 1200px; +} + +.l { + width: 875px; +} + +.md { + width: 650px; +} + +.sm { + width: 500px; +} + +.xsm { + width: 432px; +} diff --git a/components/modal/alert-modal.html b/components/modal/alert-modal.html new file mode 100644 index 0000000..1ed72e8 --- /dev/null +++ b/components/modal/alert-modal.html @@ -0,0 +1,45 @@ +
+
+
+
+ + + + + + + + + + + + + + + + + +
+
Title
+
+ + + + + +
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus nisl, egestas vitae erat non,pulvinar lacinia libero. Integer pulvinar pellentesque accumsan. Sed hendrerit lacus eu tempus pharetra
+
+
+
+
+
+
\ No newline at end of file diff --git a/components/modal/custom-modal.html b/components/modal/custom-modal.html new file mode 100644 index 0000000..1011ca6 --- /dev/null +++ b/components/modal/custom-modal.html @@ -0,0 +1,27 @@ +
+
+
+
Title
+
+ + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/components/modal/error-modal.html b/components/modal/error-modal.html new file mode 100644 index 0000000..5a3b5fb --- /dev/null +++ b/components/modal/error-modal.html @@ -0,0 +1,32 @@ +
+
+
+
+ + error + + + + + + + +
+
Title
+
+ + + + + +
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus nisl, egestas vitae erat non,pulvinar lacinia libero. Integer pulvinar pellentesque accumsan. Sed hendrerit lacus eu tempus pharetra
+
+
+
+
+
+
\ No newline at end of file diff --git a/components/modal/standard-modal.html b/components/modal/standard-modal.html new file mode 100644 index 0000000..e367900 --- /dev/null +++ b/components/modal/standard-modal.html @@ -0,0 +1,46 @@ +
+
+
+
+ + + Asset 4 + + + + + + + + +
+
+ Standard Modal +
+
+ + + + + + +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus nisl, egestas vitae erat non,pulvinar lacinia libero. Integer pulvinar pellentesque accumsan. Sed hendrerit lacus eu tempus pharetra +
+
+
+ + +
+
+
+
+
diff --git a/components/multiline-ellipsis/_multiline_ellipsis.scss b/components/multiline-ellipsis/_multiline_ellipsis.scss new file mode 100644 index 0000000..846e44f --- /dev/null +++ b/components/multiline-ellipsis/_multiline_ellipsis.scss @@ -0,0 +1,25 @@ +.multiline-ellipsis-container { + position: relative; + display: block; + overflow: hidden; + white-space: normal; + //max-height: @num_lines * @line_height; + + .multiline-ellipsis-content { + word-break: break-all; + position: relative; + //max-height: (@num_lines + 1) * @line_height; + + .multiline-ellipsis-dots { + display: block; + position: absolute; + right: 0; + //top: calc(#{@num_lines * 2} - 100%); + + &::before { + display: block; + content: '...'; + } + } + } +} diff --git a/components/notification/_notification.scss b/components/notification/_notification.scss new file mode 100644 index 0000000..1c46ac2 --- /dev/null +++ b/components/notification/_notification.scss @@ -0,0 +1,78 @@ +@include mixin-keyframes-fade-in-vertically(-50px, 'keyframes-slide-notif-in'); +@include mixin-keyframes-fade-out-vertically(20px, 'keyframes-slide-notif-out'); + +.sdc-notification { + position:relative; + padding: 10px; + width: 300px; + min-height: 45px; + animation: keyframes-slide-notif-in 1s; + margin: 2px; + box-shadow: 0 3px 7px -3px $dark-gray; + display:flex; + flex-direction:row; + align-items: center; + &.fade-out__animated { + animation: keyframes-slide-notif-out 0.8s + } + + &.type-info { + background-color: $blue; } + + &.type-error { + background-color: $red; } + + &.type-success { + background-color: $green; } + + &.type-warning { + background-color: $yellow; } + + + &.react-transition-exit-active { + animation: keyframes-slide-notif-out 0.8s + } + + + + .sdc-notification__icon_container { + border-radius: 42px; + flex: 0 0 auto; + height: 38px; + width: 38px; + background-color: rgba($white, 0.3); + margin-right: 5px; + .sdc-notification_svg-icon { + height: 32px; + width: 32px; + fill: $white; + margin-left: 3px; + margin-top: 3px; + } + } + + .sdc-notification__icon { + flex: 0 0 auto; + height: 32px; + width: 32px; + margin-left: 3px; + margin-top: 3px; + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' style=''%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none'/%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2382c355;%7D.cls-2%7Bfill:none;stroke:%23ebf5e4;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Evicon%3C/title%3E%3Cg class='currentLayer' style=''%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='Layer_4' data-name='Layer 4'%3E%3Cpolyline class='cls-2' points='7.46 17.43 15.36 21.74 22.54 8.57' id='svg_2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") + } + .sdc-notification__message { + flex: 1; + text-align: left; + margin-left: 20px; + + .sdc-notification__title { + font-size:16px; + color: white; + font-weight: bolder; + } + + .sdc-notification__text { + font-size: 14px; + color: white; + } + } +} diff --git a/components/notification/notification-error.html b/components/notification/notification-error.html new file mode 100644 index 0000000..b3a6d77 --- /dev/null +++ b/components/notification/notification-error.html @@ -0,0 +1,21 @@ +
+
+
+ + + + + + +
+
+
+
+ Title +
+
+ message +
+
+
\ No newline at end of file diff --git a/components/notification/notification-info.html b/components/notification/notification-info.html new file mode 100644 index 0000000..8916947 --- /dev/null +++ b/components/notification/notification-info.html @@ -0,0 +1,21 @@ +
+
+
+ + + + + + +
+
+
+
+ Title +
+
+ message +
+
+
\ No newline at end of file diff --git a/components/notification/notification-success.html b/components/notification/notification-success.html new file mode 100644 index 0000000..a7f38fd --- /dev/null +++ b/components/notification/notification-success.html @@ -0,0 +1,21 @@ +
+
+
+ + + + + + +
+
+
+
+ Title +
+
+ message +
+
+
\ No newline at end of file diff --git a/components/notification/notification-warning.html b/components/notification/notification-warning.html new file mode 100644 index 0000000..e0fa4d9 --- /dev/null +++ b/components/notification/notification-warning.html @@ -0,0 +1,21 @@ +
+
+
+ + + + + + +
+
+
+
+ Title +
+
+ message +
+
+
\ No newline at end of file diff --git a/components/notifications-container/_notifications-container.scss b/components/notifications-container/_notifications-container.scss new file mode 100644 index 0000000..2db6005 --- /dev/null +++ b/components/notifications-container/_notifications-container.scss @@ -0,0 +1,8 @@ +.sdc-notification-container { + + + position:absolute; + top: 10px; + right: 40px; + width: 300px; +} diff --git a/components/panel/basic-panel.html b/components/panel/basic-panel.html new file mode 100644 index 0000000..14e6461 --- /dev/null +++ b/components/panel/basic-panel.html @@ -0,0 +1,21 @@ +
+

+ Panel +

+
+ +
+
+ +
+
\ No newline at end of file diff --git a/components/panel/panel.scss b/components/panel/panel.scss new file mode 100644 index 0000000..921dd74 --- /dev/null +++ b/components/panel/panel.scss @@ -0,0 +1,8 @@ +.sdc-panel { + width: 280px; + overflow-y: auto; + height: 100%; + box-shadow: 1px 0px 4px 0px $light-gray; + background-color: $white; + padding: 0; +} \ No newline at end of file diff --git a/components/radio/_radio.scss b/components/radio/_radio.scss new file mode 100644 index 0000000..9c51846 --- /dev/null +++ b/components/radio/_radio.scss @@ -0,0 +1,69 @@ +.sdc-radio { + line-height: 14px; + + label { + position: relative; + display: block; + padding-left: 14px; + } + + .sdc-radio__input { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + position: absolute; + z-index: -1; + opacity: 0; + + // Radio not checked + + .sdc-radio__label:before { + display: inline-block; + position: absolute; + left: 0; + top: 0; + content: ""; + width: 14px; + height: 14px; + box-sizing: content-box; + background: no-repeat url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M7%2C14%20C3.13400675%2C14%200%2C10.8659932%200%2C7%20C0%2C3.13400675%203.13400675%2C0%207%2C0%20C8.35813029%2C0%209.62592397%2C0.386776975%2010.699241%2C1.0561909%20C12.6811805%2C2.29230086%2014%2C4.49213704%2014%2C7%20C14%2C10.8659932%2010.8659932%2C14%207%2C14%20Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C13%20C10.3137085%2C13%2013%2C10.3137085%2013%2C7%20C13%2C3.6862915%2010.3137085%2C1%207%2C1%20C3.6862915%2C1%201%2C3.6862915%201%2C7%20C1%2C10.3137085%203.6862915%2C13%207%2C13%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); + } + + // Radio disabled and not checked + &:disabled:not(:checked) { + + .sdc-radio__label:before { + background: no-repeat url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M7%2C14%20C3.13400675%2C14%200%2C10.8659932%200%2C7%20C0%2C3.13400675%203.13400675%2C0%207%2C0%20C8.35813029%2C0%209.62592397%2C0.386776975%2010.699241%2C1.0561909%20C12.6811805%2C2.29230086%2014%2C4.49213704%2014%2C7%20C14%2C10.8659932%2010.8659932%2C14%207%2C14%20Z%22%2F%3E%3Cpath%20fill%3D%22%23F2F2F2%22%20d%3D%22M7%2C13%20C10.3137085%2C13%2013%2C10.3137085%2013%2C7%20C13%2C3.6862915%2010.3137085%2C1%207%2C1%20C3.6862915%2C1%201%2C3.6862915%201%2C7%20C1%2C10.3137085%203.6862915%2C13%207%2C13%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); + } + } + + &:checked { + // Radio checked + + .sdc-radio__label:before { + background: no-repeat url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23009fdb%22%20fill-rule%3D%22nonzero%22%20d%3D%22M7%2C14%20C3.13400675%2C14%200%2C10.8659932%200%2C7%20C0%2C3.13400675%203.13400675%2C0%207%2C0%20C10.8659932%2C0%2014%2C3.13400675%2014%2C7%20C14%2C10.8659932%2010.8659932%2C14%207%2C14%20Z%20M7%2C13.1764706%20C10.4111705%2C13.1764706%2013.1764706%2C10.4111705%2013.1764706%2C7%20C13.1764706%2C3.58882949%2010.4111705%2C0.823529412%207%2C0.823529412%20C3.58882949%2C0.823529412%200.823529412%2C3.58882949%200.823529412%2C7%20C0.823529412%2C10.4111705%203.58882949%2C13.1764706%207%2C13.1764706%20Z%22%2F%3E%3Ccircle%20fill%3D%22%23009fdb%22%20cx%3D%227%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); + } + + // Radio disabled and checked + &:disabled { + + .sdc-radio__label:before { + background: no-repeat url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20fill-rule%3D%22nonzero%22%20d%3D%22M7%2C14%20C3.13400675%2C14%200%2C10.8659932%200%2C7%20C0%2C3.13400675%203.13400675%2C0%207%2C0%20C10.8659932%2C0%2014%2C3.13400675%2014%2C7%20C14%2C10.8659932%2010.8659932%2C14%207%2C14%20Z%20M7%2C13.1764706%20C10.4111705%2C13.1764706%2013.1764706%2C10.4111705%2013.1764706%2C7%20C13.1764706%2C3.58882949%2010.4111705%2C0.823529412%207%2C0.823529412%20C3.58882949%2C0.823529412%200.823529412%2C3.58882949%200.823529412%2C7%20C0.823529412%2C10.4111705%203.58882949%2C13.1764706%207%2C13.1764706%20Z%22%2F%3E%3Ccircle%20fill%3D%22%23d2d2d2%22%20cx%3D%227%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); + } + } + } + + &:not(:disabled) { + + .sdc-radio__label { + cursor: pointer; + } + } + + &:disabled { + + .sdc-radio__label { + color: $gray; + } + } + } + + .sdc-radio__label:not(:empty) { + padding-left: 14px; + @include body-1; + } +} diff --git a/components/radio/radio-checked.html b/components/radio/radio-checked.html new file mode 100644 index 0000000..78283b3 --- /dev/null +++ b/components/radio/radio-checked.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/components/radio/radio-disabled-checked.html b/components/radio/radio-disabled-checked.html new file mode 100644 index 0000000..9ba6f0c --- /dev/null +++ b/components/radio/radio-disabled-checked.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/components/radio/radio-disabled.html b/components/radio/radio-disabled.html new file mode 100644 index 0000000..332435f --- /dev/null +++ b/components/radio/radio-disabled.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/components/radio/radio-unchecked.html b/components/radio/radio-unchecked.html new file mode 100644 index 0000000..6f6a00d --- /dev/null +++ b/components/radio/radio-unchecked.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/components/radioGroup/_radioGroup.scss b/components/radioGroup/_radioGroup.scss new file mode 100644 index 0000000..6b33a79 --- /dev/null +++ b/components/radioGroup/_radioGroup.scss @@ -0,0 +1,20 @@ +.sdc-radio-group { + .sdc-radio-group__radios { + display: flex; + } + .sdc-radio-group__legend { + @include body-2-emphasis; + display: inline-block; + margin-bottom: 5px; + } + .sdc-radio__label { + @include body-1; + margin-right: 20px; + } + .vertical{ + flex-direction: column; + .sdc-radio{ + margin-bottom: 15px; + } + } +} diff --git a/components/radioGroup/radio-group-disabled.html b/components/radioGroup/radio-group-disabled.html new file mode 100644 index 0000000..3cdedc0 --- /dev/null +++ b/components/radioGroup/radio-group-disabled.html @@ -0,0 +1,13 @@ +
+ +
+
+ + +
+
+ + +
+
+
diff --git a/components/radioGroup/radio-group-no-title.html b/components/radioGroup/radio-group-no-title.html new file mode 100644 index 0000000..76217fe --- /dev/null +++ b/components/radioGroup/radio-group-no-title.html @@ -0,0 +1,12 @@ +
+
+
+ + +
+
+ + +
+
+
diff --git a/components/radioGroup/radio-group-value.html b/components/radioGroup/radio-group-value.html new file mode 100644 index 0000000..ac604a6 --- /dev/null +++ b/components/radioGroup/radio-group-value.html @@ -0,0 +1,13 @@ +
+ +
+
+ + +
+
+ + +
+
+
diff --git a/components/radioGroup/radio-group.html b/components/radioGroup/radio-group.html new file mode 100644 index 0000000..baa1444 --- /dev/null +++ b/components/radioGroup/radio-group.html @@ -0,0 +1,13 @@ +
+ +
+
+ + +
+
+ + +
+
+
diff --git a/components/search-bar/_search-bar.scss b/components/search-bar/_search-bar.scss new file mode 100644 index 0000000..3e2dfad --- /dev/null +++ b/components/search-bar/_search-bar.scss @@ -0,0 +1,61 @@ +$inputHeight: 38px; +.sdc-search-bar{ + .search-bar-container{ + display: flex; + align-items: flex-end; + .sdc-input-wrapper{ + flex-grow: 1; + .sdc-input{ + margin: 0; + .sdc-input__input{ + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } + } + .search-button{ + width: $inputHeight; + height: $inputHeight - 2; + border: solid 1px $light-gray; + border-left: none; + background-color: $light-silver; + cursor: auto; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + + svg{ + height: 20px; + width: 20px; + position: relative; + top: 50%; + left: 50%; + transform: translate(-50%,-50% ); + path{ + fill: $gray; + } + } + } + + &.not-empty{ + .sdc-input__input { + border-color: $blue; + } + .search-button{ + background-color: $lighter-blue; + border-color: $blue; + cursor: pointer; + svg path{ + fill: $blue; + } + &:hover { + background-color: $light-blue; + svg{ + path{ + fill: $white; + } + } + } + } + } + } +} diff --git a/components/search-bar/search-bar-with-text.html b/components/search-bar/search-bar-with-text.html new file mode 100644 index 0000000..f623c2f --- /dev/null +++ b/components/search-bar/search-bar-with-text.html @@ -0,0 +1,17 @@ +
+
+ + + + + + + + + + + + +
+
+ diff --git a/components/search-bar/search-bar.html b/components/search-bar/search-bar.html new file mode 100644 index 0000000..d1b9171 --- /dev/null +++ b/components/search-bar/search-bar.html @@ -0,0 +1,16 @@ +
+
+ + + + + + + + + + + + +
+
diff --git a/components/tabs/tabs-disabled.html b/components/tabs/tabs-disabled.html new file mode 100644 index 0000000..5e67f2a --- /dev/null +++ b/components/tabs/tabs-disabled.html @@ -0,0 +1,8 @@ +
+
    + + + +
+
This is the active tab content
+
diff --git a/components/tabs/tabs-header.html b/components/tabs/tabs-header.html new file mode 100644 index 0000000..622dc32 --- /dev/null +++ b/components/tabs/tabs-header.html @@ -0,0 +1,8 @@ +
+
    + + + +
+
This is the active tab content
+
diff --git a/components/tabs/tabs-menu.html b/components/tabs/tabs-menu.html new file mode 100644 index 0000000..753886f --- /dev/null +++ b/components/tabs/tabs-menu.html @@ -0,0 +1,8 @@ +
+
    + + + +
+
This is the active tab content
+
diff --git a/components/tabs/tabs.scss b/components/tabs/tabs.scss new file mode 100644 index 0000000..f5df0ba --- /dev/null +++ b/components/tabs/tabs.scss @@ -0,0 +1,35 @@ +.sdc-tabs { + .sdc-tab { + display: inline-block; + cursor: pointer; + text-transform: capitalize; + color: $dark-gray; + padding: 0px 10px 7px 10px; + margin-right: 20px; + &:last-child { + margin-right: 0; + } + &.sdc-tab-active { + color: $blue; + border-bottom: 2px solid $blue; + } + &[disabled] { + opacity: 0.3; + cursor: default; + } + } + &.sdc-tabs-header { + .sdc-tab { + @include heading-2; + } + } + &.sdc-tabs-menu { + .sdc-tab { + @include body-1; + padding: 0px 10px 4px 10px; + } + } + .sdc-tab-content { + margin-top: 30px; + } +} diff --git a/components/tag-cloud/_tag-cloud.scss b/components/tag-cloud/_tag-cloud.scss new file mode 100644 index 0000000..6a94a10 --- /dev/null +++ b/components/tag-cloud/_tag-cloud.scss @@ -0,0 +1,116 @@ +.sdc-tag-cloud-new-item-field{ + display: flex; + align-items: flex-end; + sdc-input{ + flex-grow: 1; + .sdc-input{ + margin-bottom: 0; + .sdc-input__input{ + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } + } + .not-empty{ + .sdc-input__input { + border-color: $blue; + } + + } + .error{ + .sdc-input__input { + border: solid 1px $red; + color: $red; + outline: none; + } + } + .add-button{ + cursor: pointer; + height: 36px; + width: 36px; + text-align: center; + background-color: $lighter-blue; + border: solid 1px $blue; + border-left: none; + border-top-right-radius: 2px; + &.disabled{ + cursor: default; + background-color: $light-silver; + border-color: $light-gray; + .plus-icon svg g{ + fill: $gray; + } + } + .plus-icon{ + line-height: 46px; + svg{ + height: 20px; + width: 20px; + g{ + fill: $blue; + } + } + } + } + + &.not-empty{ + .add-button:hover{ + background-color: $light-blue; + svg{ + g{ + fill: $white; + } + } + } + } +} + +.sdc-list-container{ + height: 120px; + overflow-y: auto; + border: solid 1px $light-gray; + border-top: none; + border-radius: 2px; + background-color: $white; + padding: 10px 10px 0 0; + .sdc-tag-item{ + padding: 0 0 10px 10px; + display: inline-block; + .tag-item{ + min-width: 100px; + background-color: $white; + border: solid 1px $light-gray; + border-radius: 20px; + height: 28px; + line-height: 28px; + padding: 0 10px; + color: $text-black; + @include body-3; + &.view-only{ + border-color: $silver; + } + .delete-item{ + cursor: pointer; + padding-left: 10px; + float: right; + svg{ + height: 12px; + width: 12px; + margin-top: 8px; + g{ + fill: $dark-gray; + } + } + } + &:hover:not(.view-only){ + background-color: $lighter-blue; + border-color: $lighter-blue; + .delete-item{ + svg g{ + fill: $blue; + } + } + } + } + } +} diff --git a/components/tag-cloud/disabled-list.html b/components/tag-cloud/disabled-list.html new file mode 100644 index 0000000..6091525 --- /dev/null +++ b/components/tag-cloud/disabled-list.html @@ -0,0 +1,31 @@ +
+
+ + +
+
+ + + + + + + + + + +
+
+
+
+
+ aaa +
+
+ +
+
+ bbb +
+
+
diff --git a/components/tag-cloud/list-with-active-add-button.html b/components/tag-cloud/list-with-active-add-button.html new file mode 100644 index 0000000..8bde59f --- /dev/null +++ b/components/tag-cloud/list-with-active-add-button.html @@ -0,0 +1,50 @@ +
+
+ + +
+
+ + + + + + + + + + +
+
+
+
+
+ aaa + + + + + + + + + + +
+
+
+
+ bbb + + + + + + + + + + +
+
+
diff --git a/components/tag-cloud/list-with-some-read-only-items.html b/components/tag-cloud/list-with-some-read-only-items.html new file mode 100644 index 0000000..0db7a07 --- /dev/null +++ b/components/tag-cloud/list-with-some-read-only-items.html @@ -0,0 +1,61 @@ +
+
+ + +
+ +
+ + + + + + + + + + +
+
+
+
+
+ aaa + + + + + + + + + + +
+
+
+
+ bbb +
+
+
+
+ ccc + + + + + + + + + + +
+
+ +
+ ddd +
+ +
diff --git a/components/tag-cloud/list-with-unique-error.html b/components/tag-cloud/list-with-unique-error.html new file mode 100644 index 0000000..14de80c --- /dev/null +++ b/components/tag-cloud/list-with-unique-error.html @@ -0,0 +1,52 @@ +
+
+ + +
+
+ + + + + + + + + + +
+
+
+
+
+ aaa + + + + + + + + + + +
+
+
+
+ bbb + + + + + + + + + + +
+
+
+
This value is already in the list
+ diff --git a/components/tag-cloud/simple-list.html b/components/tag-cloud/simple-list.html new file mode 100644 index 0000000..075751f --- /dev/null +++ b/components/tag-cloud/simple-list.html @@ -0,0 +1,50 @@ +
+
+ + +
+
+ + + + + + + + + + +
+
+
+
+
+ aaa + + + + + + + + + + +
+
+
+
+ bbb + + + + + + + + + + +
+
+
diff --git a/components/textarea/_textarea.scss b/components/textarea/_textarea.scss new file mode 100644 index 0000000..a666d54 --- /dev/null +++ b/components/textarea/_textarea.scss @@ -0,0 +1,77 @@ +.sdc-textarea { + margin-bottom: 10px; + + .sdc-textarea__label { + margin-bottom: 5px; + display: block; + @include body-3-emphasis; + + &.required::before { + content: '*'; + color: $red; + margin: 0 4px 0 0; + } + } + + .sdc-textarea__textarea { + @include box-sizing; + padding: 0 10px; + width: 100%; + border: solid 1px $light-gray; + border-radius:2px; + color: $dark-gray; + + &.error, &.error:focus, &.error:disabled { + border: solid 1px $red; + color: $red; + outline: none; + } + + &:read-only{ + border: none; + outline: none; + color: $text-black + } + &:-moz-read-only { /* For Firefox */ + border: none; + outline: none; + color: $text-black + } + + &:focus { + border-color: $blue; + outline: 0 none; + color: $text-black; + } + + &:disabled { + background: $light-silver; + color: $gray; + } + + &::-webkit-input-placeholder /* Chrome/Opera/Safari */ { + color: $gray; + @include base-font-italic; + } + &::-moz-placeholder /* Firefox 19+ */ { + color: $gray; + @include base-font-italic; + } + &:-moz-placeholder /* Firefox 18- */ { + color: $gray; + @include base-font-italic; + } + &:-ms-input-placeholder /* IE 10+ */ + { + color: $gray; + @include base-font-italic; + } + } + + .sdc-label__error{ + margin-top: 2px; + margin-left: 2px; + @include body-3; + } + +} diff --git a/components/textarea/textarea-disabled.html b/components/textarea/textarea-disabled.html new file mode 100644 index 0000000..fb040f9 --- /dev/null +++ b/components/textarea/textarea-disabled.html @@ -0,0 +1,3 @@ +
+ +
diff --git a/components/textarea/textarea-error.html b/components/textarea/textarea-error.html new file mode 100644 index 0000000..4ac5dae --- /dev/null +++ b/components/textarea/textarea-error.html @@ -0,0 +1,3 @@ +
+ +
diff --git a/components/textarea/textarea-maxlength.html b/components/textarea/textarea-maxlength.html new file mode 100644 index 0000000..f432838 --- /dev/null +++ b/components/textarea/textarea-maxlength.html @@ -0,0 +1,3 @@ +
+ +
diff --git a/components/textarea/textarea-placeholder.html b/components/textarea/textarea-placeholder.html new file mode 100644 index 0000000..89dcdc5 --- /dev/null +++ b/components/textarea/textarea-placeholder.html @@ -0,0 +1,3 @@ +
+ +
diff --git a/components/textarea/textarea-required.html b/components/textarea/textarea-required.html new file mode 100644 index 0000000..0f7ed47 --- /dev/null +++ b/components/textarea/textarea-required.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/components/textarea/textarea.html b/components/textarea/textarea.html new file mode 100644 index 0000000..b455dd4 --- /dev/null +++ b/components/textarea/textarea.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/components/tile/_tile.scss b/components/tile/_tile.scss new file mode 100644 index 0000000..80629cf --- /dev/null +++ b/components/tile/_tile.scss @@ -0,0 +1,172 @@ +.sdc-tile { + $tile-full-width: 204px; + $tile-full-height: 204px; + $tile-padding: 10px; + + $header-height: $body-font-1; + $footer-height: 23px; + $content-height: 100%; + + width: $tile-full-width; + height: $tile-full-height; + + padding: $tile-padding; + border: 1px solid $silver; + @include border-radius(2px); + @include box-sizing; + + display: flex; + flex-direction: column; + justify-content: space-between; + + position: relative; + cursor: pointer; + user-select: none; + + background: $white; + color: $text-black; + fill: $dark-gray; + transition: box-shadow 0.3s ease-in-out; + @include body-3; + @include box-shadow(0 1px 4px 0 rgba($text-black, 0.06)); + + &:hover { + border-color: $light-gray; + @include box-shadow( 0 10px 30px 0 rgba($text-black, 0.25)); + } + + .blue { + color: $blue; + fill: $blue; + } + + .purple { + color: $purple; + fill: $purple; + } + + .centered { + &.sdc-tile-footer, .sdc-tile-info-line { + text-align: center; + } + } + + .sdc-tile-header { + height: 1.1em; + line-height: 1em; + @include ellipsis($display: block); + + font-size: $body-font-1; + text-transform: uppercase; + } + + .sdc-tile-content { + display: flex; + flex-direction: column; + justify-content: space-between; + height: $content-height; + + .sdc-tile-content-icon { + margin-top: 27px; + text-align: center; + + svg { + width: 50px; + height: 50px; + + &.__vsp { + width: 60px; + height: 40px; + } + &.__vlm { + width: 45px; + height: 53px; + } + &.__vendor { + width: 53px; + height: 47px; + } + } + } + + .sdc-tile-content-info { + display: flex; + flex-direction: column; + + .sdc-tile-info-line { + text-transform: capitalize; + @include ellipsis($display: inline-block); + + button { + height: 1.67em; + width: initial; + margin-bottom: 5px; + margin-top: 1px; + padding: 0 8px; + font-size: inherit; + } + &.supertitle { + height: 1.1em; + line-height: 1.2; + color: $gray; + } + &.title { + height: 1.6em; + line-height: 1.8; + color: $text-black; + @include heading-5; + } + &.subtitle { + height: 1.5em; + line-height: 1.6; + color: $dark-gray; + } + &:last-child { + margin-bottom: 4px; + } + } + } + } + + .sdc-tile-footer { + height: $footer-height; + @include box-sizing; + + border-top: 1px solid $silver; + padding-top: 8px; + + color: $dark-gray; + fill: $dark-gray; + text-transform: capitalize; + + display: flex; + align-items: center; + justify-content: space-between; + + .sdc-tile-footer-cell { + &:first-child { + @include ellipsis; + } + svg{ + width: 20px; + height: 12px; + } + button { + width: initial; + height: initial; + @include body-2; + + .svg-icon-wrapper { + .svg-icon-label { + font-size: inherit; + } + svg { + width: 9px; + height: 9px; + } + } + } + } + + } +} diff --git a/components/tile/tile-without-footer.html b/components/tile/tile-without-footer.html new file mode 100644 index 0000000..514a19e --- /dev/null +++ b/components/tile/tile-without-footer.html @@ -0,0 +1,14 @@ +
+
Header
+
+
+
+ +
+
+
+
Supertitle
+
Title
+
+
+
diff --git a/components/tile/vendor-tile.html b/components/tile/vendor-tile.html new file mode 100644 index 0000000..ede3fbf --- /dev/null +++ b/components/tile/vendor-tile.html @@ -0,0 +1,26 @@ +
+
+
+
+
+ +
+
+
+
Vendor Name
+
+ +
+
+
+
+ + + +
+
diff --git a/components/tile/vfc-tile.html b/components/tile/vfc-tile.html new file mode 100644 index 0000000..7b4753e --- /dev/null +++ b/components/tile/vfc-tile.html @@ -0,0 +1,17 @@ +
+
VFC
+
+
+
+ +
+
+
+
Title
+
V 1.0
+
+
+
+ Certified +
+
diff --git a/components/tile/vlm-tile.html b/components/tile/vlm-tile.html new file mode 100644 index 0000000..be629a1 --- /dev/null +++ b/components/tile/vlm-tile.html @@ -0,0 +1,22 @@ +
+
VLM
+
+
+
+ +
+
+
+
VLM Name
+
+
+
+ Certified + +
+ + Owner +
+ +
+
diff --git a/components/tile/vsp-tile.html b/components/tile/vsp-tile.html new file mode 100644 index 0000000..1a3dc1d --- /dev/null +++ b/components/tile/vsp-tile.html @@ -0,0 +1,17 @@ +
+
VSP
+
+
+
+ +
+
+
+
VLM
+
VSP Name
+
+
+
+ Draft +
+
diff --git a/components/tooltip/_tooltip.scss b/components/tooltip/_tooltip.scss new file mode 100644 index 0000000..3f255ed --- /dev/null +++ b/components/tooltip/_tooltip.scss @@ -0,0 +1,124 @@ +/* Tooltip animation */ +@keyframes animation-fade-in-from-bottom { + from { + transform: translateY(10px); + opacity: 0; + } + to { + transform: translateY(0px); + opacity: 1; + } +} + +/* Tooltop styles */ +.sdc-tooltip { + @include base-font-regular; + line-height: 14px; + font-size: 12px; + max-width: 223px; + background-color: $black; + color: $white; + text-align: left; + border-radius: 2px; + padding: 5px 11px; + position: absolute; + z-index: 1000; + display: block; + opacity: 0; + transition: opacity 300ms; + border: solid 1px $black; + animation: animation-fade-in-from-bottom .75s ease-in-out; /* tooltip animation */ +} + +.sdc-tooltip-show { + opacity: 1; +} + +.sdc-tooltip::after { + content: ""; + position: absolute; + border-style: solid; +} + +.sdc-tooltip-top::after { + top: 100%; + left: 10px; + margin-left: -5px; + border-width: 5px; + border-color: $black transparent transparent transparent; +} +.sdc-tooltip-top-right__bottom::after { + right: 10px; + left:auto; +} +.sdc-tooltip-top-center__middle::after { + left: 50%; +} + +.sdc-tooltip-bottom::after { + bottom: 100%; + left: 10px; + margin-left: -5px; + border-width: 5px; + border-color: transparent transparent $black transparent; +} +.sdc-tooltip-bottom-right__bottom::after { + right: 10px; + left:auto; +} +.sdc-tooltip-bottom-center__middle::after { + left: 50%; +} + +.sdc-tooltip-left::after { + top: 10px; /*50%;*/ + left: 100%; + margin-top: -5px; + border-width: 5px; + border-color: transparent transparent transparent $black; +} +.sdc-tooltip-left-right__bottom::after { + bottom: 10px; + top: auto; +} +.sdc-tooltip-left-center__middle::after { + top: 50% +} + +.sdc-tooltip-right::after { + top: 10px; + right: 100%; + margin-top: -5px; + border-width: 5px; + border-color: transparent $black transparent transparent; +} +.sdc-tooltip-right-right__bottom::after { + bottom: 10px; + top: auto; +} +.sdc-tooltip-right-center__middle::after { + top: 50% +} + +/* Tooltip template */ +.sdc-tooltip-template-title { + @include base-font-regular; + font-size: 12px; + font-weight: normal; + background-color: $black; + color: $white; /* silver */ +} + +.sdc-tooltip-template-big-title { + font-size: 20px; + line-height: 24px; +} + +.sdc-tooltip-template-content { + @include base-font-regular; + font-size: 12px; + font-weight: normal; + background-color: $black; + color: $white; + line-height: 14px; +} diff --git a/components/validation/_validation.scss b/components/validation/_validation.scss new file mode 100644 index 0000000..771a242 --- /dev/null +++ b/components/validation/_validation.scss @@ -0,0 +1,9 @@ +.sdc-validation { + + font-size: $body-font-4; + display: flex; + flex-direction: column; + justify-content: space-between; + margin-top: 10px; + +} diff --git a/index.js b/index.js new file mode 100644 index 0000000..a7ddc43 --- /dev/null +++ b/index.js @@ -0,0 +1,7 @@ +var icons_map_js = require('./lib/icons-map.js'); + +'use strict'; + +module.exports = { + iconsMap: icons_map_js.default +}; diff --git a/package.json b/package.json new file mode 100644 index 0000000..0569939 --- /dev/null +++ b/package.json @@ -0,0 +1,34 @@ +{ + "name": "onap-ui-common", + "version": "1.0.57", + "private": false, + "license": "MIT", + "author": "", + "main": "index.js", + "description": "Onap-UI common library contains icons map and styles", + "repository": { + "type": "git", + "url": "git+https://github.com/onap-sdc/onap-ui-common" + }, + "bugs": { + "url": "https://github.com/onap-sdc/onap-ui-common/issues" + }, + "homepage": "https://github.com/onap-sdc/onap-ui-common#readme", + "files": [ + "lib", + "README.md" + ], + "scripts": { + "prebuild": "node utils/delete-folders.js", + "build": "npm run build:common", + "build:common": "npm run prebuild && npm run build:icons && npm run build:copy-files && npm run build:scss", + "build:icons": "node utils/create-svg-icons-map.js", + "build:scss": "node-sass styles/style.scss -o lib", + "build:copy-files": "copyfiles -f styles/common/mixins.scss lib/scss && copyfiles -f styles/common/variables.scss lib/scss" + }, + "devDependencies": { + "copyfiles": "^2.0.0", + "delete": "^1.1.0", + "node-sass": "^4.9.2" + } +} diff --git a/styles/_common.scss b/styles/_common.scss new file mode 100644 index 0000000..7daac20 --- /dev/null +++ b/styles/_common.scss @@ -0,0 +1,7 @@ +@import "common/normalize"; +@import "common/variables"; +@import "common/mixins"; +@import "common/typography"; +@import "common/base"; +@import "common/icons"; +@import "common/animation"; diff --git a/styles/_components.scss b/styles/_components.scss new file mode 100644 index 0000000..161dc1a --- /dev/null +++ b/styles/_components.scss @@ -0,0 +1,25 @@ +@import "../components/button/button"; +@import "../components/tile/tile"; +@import "../components/checkbox/checkbox"; +@import "../components/radio/radio"; +@import "../components/radioGroup/radioGroup"; +@import "../components/tabs/tabs"; +@import "../components/icon/icon"; +@import "../components/input/input"; +@import "../components/dropdown/dropdown"; +@import "../components/modal/modal"; +@import "../components/menu/menu"; +@import "../components/filter-bar/_filter-bar"; +@import "../components/search-bar/_search-bar"; +@import "../components/checklist/checklist"; +@import "../components/autocomplete/autocomplete"; +@import "../components/tooltip/tooltip"; +@import "../components/tag-cloud/_tag-cloud"; +@import "../components/notification/notification"; +@import "../components/notifications-container/notifications-container"; +@import "../components/accordion/accordion"; +@import "../components/panel/panel"; +@import "../components/validation/validation"; +@import "../components/loader/loader"; +@import "../components/multiline-ellipsis/multiline_ellipsis"; +@import "../components/textarea/textarea"; diff --git a/styles/common/_animation.scss b/styles/common/_animation.scss new file mode 100644 index 0000000..659bd3b --- /dev/null +++ b/styles/common/_animation.scss @@ -0,0 +1,149 @@ +/*********************************************************************************** + VERTICAL COLLAPSE-EXPEND TRANSITION ANIMATION PAIR. + + We use the 'transition-vertical-collapse' for the collapse/idle block element, + and the 'transition-vertical-expand' to expend that element. + + -important: The element that will be used for the animation should be + a block element, adn have a content or width and height settings for it to work. +*********************************************************************************/ + +/** +Enable to fold an expended block element +@param $offsetY - The top position from which the drop down should fold + */ +@mixin keyframes-expand-animation($name, $maxHeight, $boxShadow:0 0 12px 0px rgba(0,0,0,.3), $margin:0){ + @keyframes #{$name} { + 0% { + opacity: 0; + max-height: 0; + overflow: hidden; + box-shadow: 0 0 0px 0px rgba(0,0,0,.3); + margin:0; + } + 10% { + opacity: 1; + margin: $margin; + } + 50% { + box-shadow: $boxShadow; + } + 99%{ + max-height:$maxHeight; + + overflow: hidden; + } + 100%{ + opacity: 1; + max-height:$maxHeight; + overflow: auto; + } + } +} + +/** +Enable to expend a folded block element +@param $maxHeight - most of the animation is done over the max-height property + so we have to set the maximum height the expended element can expend to. + */ +@mixin keyframes-collapse-animation($name, $maxHeight, $boxShadow:0 0 12px 0px rgba(0,0,0,.3)){ + @keyframes #{$name} { + 0% { + opacity: 1; + max-height:$maxHeight; + box-shadow: $boxShadow; + overflow: hidden; + } + 40%{ + opacity: 1; + } + 99%{ + opacity: 0; + max-height: 0; + overflow: hidden; + box-shadow: 0 0 0px 0px rgba(0,0,0,.3); + } + 100%{ + opacity: 0; + max-height: 0; + overflow: auto; + } + } +} + +/******************************************************************************** + SIMPLE FADE-IN KEYFRAMES ANIMATION (Used in tooltip for example) + + we use 'mixin-keyframes-fade-in-vertically' to create css @keyframes rule that + we later can use with animation property inside our prefered css rules: + .our_class { + ... + animation: keyframes-fade-in-vertically 1s ease-out; + ... + } +*********************************************************************************/ +@mixin mixin-keyframes-fade-in-vertically($fromRelativeHeight, $keyframesName:keyframes-fade-in-vertically){ + @keyframes #{$keyframesName} { + from { + transform: translateY($fromRelativeHeight); + opacity: 0; + } + to { + transform: translateY(0); + opacity: 1; + } + } +} + +/******************************************************************************** + SIMPLE FADE-OUT KEYFRAMES ANIMATION (Opposite of fade-in mixin above) +*********************************************************************************/ +@mixin mixin-keyframes-fade-out-vertically($toRelativeHeight, $keyframesName:keyframes-fade-out-vertically){ + @keyframes #{$keyframesName} { + from { + transform: translateY(0); + opacity: 1; + } + to { + transform: translateY($toRelativeHeight); + opacity: 0; + } + } +} + + + +/******************************************************************************** + RIPPLE ANIMATION (Used for ripple-click directive) +*********************************************************************************/ +@keyframes ripple-animation { + from { + transform: scale(0,0); + opacity: 1; + } + to { + transform: scale(2,2); + opacity: 0; + } +} + +.sdc-ripple-click__animated { + position:relative; +} +.sdc-ripple-click__animated::before{ + display: inline-block; + position:absolute; + top: 0; + left: 0; + content: ''; + animation: ripple-animation .3s ease-out; + background-color: $blue; + width: 14px; + height: 14px; + border-radius: 50%; + pointer-events: none; + opacity: 0; +} + + + diff --git a/styles/common/_icons.scss b/styles/common/_icons.scss new file mode 100644 index 0000000..00f425d --- /dev/null +++ b/styles/common/_icons.scss @@ -0,0 +1,19 @@ +.sdc-icon { + display: inline-block; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + width: 16px; + height: 16px; +} + +.sdc-icon-locked {background-image: url("data:image/svg+xml;utf8, "); background-repeat: no-repeat;} +.sdc-icon-plus {background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat;} +.sdc-icon-unlocked {background-image: url("data:image/svg+xml;utf8, "); background-repeat: no-repeat;} +.sdc-icon-vendor {background-image: url("data:image/svg+xml;utf8,vendor"); background-repeat: no-repeat;} +.sdc-icon-vlm {background-image: url("data:image/svg+xml;utf8,vlm_new_icon"); background-repeat: no-repeat;} +.sdc-icon-vsp {background-image: url("data:image/svg+xml;utf8,vsp_new_icon"); background-repeat: no-repeat;} + +.sdc-icon-transform{ + transform: rotate(180deg); +} diff --git a/styles/common/_normalize.scss b/styles/common/_normalize.scss new file mode 100644 index 0000000..9375ee9 --- /dev/null +++ b/styles/common/_normalize.scss @@ -0,0 +1,578 @@ +/* ========================================================================== + Normalize.scss settings + ========================================================================== */ +/** + * Includes legacy browser support IE6/7 + * + * Set to false if you want to drop support for IE6 and IE7 + */ + +$legacy_browser_support: false !default; + +/* Base + ========================================================================== */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using + * `em` units. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ + @if $legacy_browser_support { + *font-size: 100%; /* 3 */ + } +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ + @if $legacy_browser_support { + *display: inline; + *zoom: 1; + } +} + +/** + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ + +a { + &:active, &:hover { + outline: 0; + }; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +@if $legacy_browser_support { + blockquote { + margin: 1em 40px; + } +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +@if $legacy_browser_support { + h2 { + font-size: 1.5em; + margin: 0.83em 0; + } + + h3 { + font-size: 1.17em; + margin: 1em 0; + } + + h4 { + font-size: 1em; + margin: 1.33em 0; + } + + h5 { + font-size: 0.83em; + margin: 1.67em 0; + } + + h6 { + font-size: 0.67em; + margin: 2.33em 0; + } +} + +/** + * Addresses styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +@if $legacy_browser_support { + + /** + * Addresses margins set differently in IE 6/7. + */ + + p, + pre { + *margin: 1em 0; + } + + /* + * Addresses CSS quotes not supported in IE 6/7. + */ + + q { + *quotes: none; + } + + /* + * Addresses `quotes` property not supported in Safari 4. + */ + + q:before, + q:after { + content: ''; + content: none; + } +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +@if $legacy_browser_support { + + /* ========================================================================== + Lists + ========================================================================== */ + + /* + * Addresses margins set differently in IE 6/7. + */ + + dl, + menu, + ol, + ul { + *margin: 1em 0; + } + + dd { + *margin: 0 0 0 40px; + } + + /* + * Addresses paddings set differently in IE 6/7. + */ + + menu, + ol, + ul { + *padding: 0 0 0 40px; + } + + /* + * Corrects list images handled incorrectly in IE 7. + */ + + nav ul, + nav ol { + *list-style: none; + *list-style-image: none; + } + +} + +/* Embedded content + ========================================================================== */ + +/** + * 1. Remove border when inside `a` element in IE 8/9/10. + * 2. Improves image quality when scaled in IE 7. + */ + +img { + border: 0; + @if $legacy_browser_support { + *-ms-interpolation-mode: bicubic; /* 2 */ + } +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + @if $legacy_browser_support { + _font-family: 'courier new', monospace; + } + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + * 4. Improves appearance and consistency in all browsers. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ + @if $legacy_browser_support { + vertical-align: baseline; /* 3 */ + *vertical-align: middle; /* 3 */ + } +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. Removes inner spacing in IE 7 without affecting normal text inputs. + * Known issue: inner spacing remains in IE 6. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ + @if $legacy_browser_support { + *overflow: visible; /* 4 */ + } +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + * Known issue: excess padding remains in IE 6. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + @if $legacy_browser_support { + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ + } +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + box-sizing: content-box; /* 2 */ +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + * 3. Corrects text not wrapping in Firefox 3. + * 4. Corrects alignment displayed oddly in IE 6/7. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ + @if $legacy_browser_support { + white-space: normal; /* 3 */ + *margin-left: -7px; /* 4 */ + } +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} diff --git a/styles/common/_typography.scss b/styles/common/_typography.scss new file mode 100644 index 0000000..6fd59cc --- /dev/null +++ b/styles/common/_typography.scss @@ -0,0 +1,96 @@ +$heading-font-1: 28px; +$heading-font-2: 24px; +$heading-font-3: 20px; +$heading-font-4: 16px; +$heading-font-5: 14px; + +$body-font-1: 14px; +$body-font-2: 13px; +$body-font-3: 12px; +$body-font-4: 10px; + +@mixin base-font-regular() { + font-family: OpenSans-Regular, Arial, sans-serif; + font-style: normal; + font-weight: 400; +} + +@mixin base-font-italic(){ + font-family: OpenSans-Italic, OpenSans-Regular, Arial, sans-serif; + font-style: normal; + font-weight: 400; +} + +@mixin base-font-semibold() { + font-family: OpenSans-Semibold, Arial, sans-serif; + font-style: normal; + font-weight: 400; +} + +@mixin font-error() { + color: $red; +} + +@mixin heading-1() { + @include base-font-regular; + font-size: $heading-font-1; +} + +@mixin heading-2() { + @include base-font-regular; + font-size: $heading-font-2; +} + +@mixin heading-3 { + @include base-font-regular; + font-size: $heading-font-3; +} + +@mixin heading-4 { + @include base-font-regular; + font-size: $heading-font-4; +} + +@mixin heading-4-emphasis { + @include base-font-semibold; + font-size: $heading-font-4; +} + +@mixin heading-5 { + @include base-font-semibold; + font-size: $heading-font-5; +} + +@mixin body-1 { + @include base-font-regular; + font-size: $body-font-1; +} + +@mixin body-1-italic { + @include base-font-italic; + font-size: $body-font-1; +} + +@mixin body-2 { + @include base-font-regular; + font-size: $body-font-2; +} + +@mixin body-2-emphasis { + @include base-font-semibold; + font-size: $body-font-2; +} + +@mixin body-3 { + @include base-font-regular; + font-size: $body-font-3; +} +@mixin body-3-emphasis { + @include base-font-semibold; + font-size: $body-font-3; +} + +@mixin body-4 { + @include base-font-regular; + font-size: $body-font-4; +} \ No newline at end of file diff --git a/styles/common/base.scss b/styles/common/base.scss new file mode 100644 index 0000000..02baf81 --- /dev/null +++ b/styles/common/base.scss @@ -0,0 +1,96 @@ +html { + font-size: 100%; + height: 100%; +} + +body { + /* scrollbar styling for Internet Explorer */ + scrollbar-face-color: $light-gray; + scrollbar-track-color: $white; + scrollbar-shadow-color:$white; + scrollbar-arrow-color: $gray; + + height: 100%; + @extend %noselect; +} + +/* scrollbar styling for Google Chrome | Safari | Opera */ +::-webkit-scrollbar { + width: 11px; + height: 8px; +} + +::-webkit-scrollbar-track { + background-color: $white; + border: 1px solid $light-gray; + border-top:none; + border-bottom:none; +} + +::-webkit-scrollbar-thumb { + border-radius: 6px; + background-color: $gray; + border: 2px solid rgba(0,0,0,0); + background-clip: padding-box; + + &:hover { + border-width:1px 0px 1px 1px; + } +} + +/* Mozilla Firefox currently doesn't support scrollbar styling */ + +ul { + list-style: none; +} + +h1, h2, h3, h4, h5, h6, ul { + margin: 0; + padding: 0; +} + +input[type='text'] { + padding: 4px; + width: 100%; +} + +input[type="checkbox"] { + width: auto; +} + +input, select, button { + @include body-1; + box-sizing: border-box; +} + +fieldset { + border: none; +} + +fieldset { + label { + display: inline-block; + } +} + +.nav-tabs > li > a:focus, +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: none; +} + +.error-message{ + color: $red; + @include body-3; + margin-top: 3px; + &:before{ + content: ""; + display: inline-block; + width: 14px; + height: 14px; + margin-right: 6px; + //not correct icon + background: no-repeat url('data:image/svg+xml;utf8,'); + } +} diff --git a/styles/common/mixins.scss b/styles/common/mixins.scss new file mode 100644 index 0000000..3637f13 --- /dev/null +++ b/styles/common/mixins.scss @@ -0,0 +1,342 @@ +/* Colors */ +.sdc-bc-white { background-color: $white; } +.sdc-bc-blue { background-color: $blue; } +.sdc-bc-light-blue { background-color: $light-blue; } +.sdc-bc-lighter-blue { background-color: $lighter-blue; } +.sdc-bc-disabled-blue { background-color: $disabled-blue; } +.sdc-bc-dark-blue { background-color: $dark-blue; } +.sdc-bc-darker-blue { background-color: $darker-blue; } +.sdc-bc-black { background-color: $black; } +.sdc-bc-text-black { background-color: $text-black; } +.sdc-bc-dark-gray { background-color: $dark-gray; } +.sdc-bc-gray { background-color: $gray; } +.sdc-bc-light-gray { background-color: $light-gray; } +.sdc-bc-silver { background-color: $silver; } +.sdc-bc-light-silver { background-color: $light-silver; } +.sdc-bc-green { background-color: $green; } +.sdc-bc-light-green { background-color: $light-green; } +.sdc-bc-disabled-green { background-color: $disabled-green; } +.sdc-bc-red { background-color: $red; } +.sdc-bc-disabled-red { background-color: $disabled-red; } +.sdc-bc-light-red { background-color: $light-red; } +.sdc-bc-yellow { background-color: $yellow; } +.sdc-bc-light-yellow { background-color: $light-yellow; } +.sdc-bc-disabled-yellow { background-color: $disabled-yellow; } +.sdc-bc-dark-purple { background-color: $dark-purple; } +.sdc-bc-purple { background-color: $purple; } +.sdc-bc-light-purple { background-color: $light-purple; } +.sdc-bc-lighter-silver { background-color: $lighter-silver; } + +/* Prefix */ +$box-sizing-prefix: webkit moz spec; +$border-radius-prefix: webkit spec; +$box-shadow-radius-prefix: webkit moz spec; +$text-shadow-radius-prefix: spec; +$text-shadow-prefix: spec; +$box-shadow-prefix: all; +$linear-gradient-prefix: all; +$transition-prefix: webkit moz o spec; +$flex-prefix: webkit spec; +$browserPrefixes: webkit moz o ms; + +@mixin prefix($property, $value, $prefixeslist: 'all') { + @if $prefixeslist == all { + -webkit-#{$property}: $value; + -moz-#{$property}: $value; + -ms-#{$property}: $value; + -o-#{$property}: $value; + #{$property}: $value; + } @else { + @each $prefix in $prefixeslist { + @if $prefix == webkit { + -webkit-#{$property}: $value; + } @else if $prefix == moz { + -moz-#{$property}: $value; + } @else if $prefix == ms { + -ms-#{$property}: $value; + } @else if $prefix == o { + -o-#{$property}: $value; + } @else if $prefix == spec { + #{$property}: $value; + } @else { + @warn "No such prefix: #{$prefix}"; + } + } + } +} + +/* Value Prefix*/ +@mixin value-suffix-with-range($property, $valuesuffix, $from, $to, $prefixeslist) { + + @if $prefixeslist == all { + #{property} : -webkit-#{$valuesuffix}($from, $to); + #{property} : -moz-#{$valuesuffix}($from, $to); + #{property} : -o-#{$valuesuffix}($from, $to); + #{property} : -ms-#{$valuesuffix}($from, $to); + + } @else { + @each $prefix in $prefixeslist { + @if $prefix == webkit { + #{property} : -webkit-#{$valuesuffix}($from, $to); + } @else if $prefix == moz { + #{property} : -moz-#{$valuesuffix}($from, $to); + } @else if $prefix == ms { + #{property} : -ms-#{$valuesuffix}($from, $to); + } @else if $prefix == o { + #{property} : -o-#{$valuesuffix}($from, $to); + } @else { + @warn "No such prefix: #{$prefix}"; + } + } + } +} + +/* Box sizing */ +@mixin box-sizing($value: border-box) { + @include prefix(box-sizing, $value, $box-sizing-prefix); +} + +/* Borders & Shadows */ +@mixin box-shadow($value) { + @include prefix(box-shadow, $value, $box-shadow-radius-prefix); +} + +@mixin text-shadow($value) { + @include prefix(text-shadow, $value, $text-shadow-radius-prefix); +} + +@mixin border-radius($value, $positions: all) { + @if ($positions == all) { + @include prefix(border-radius, $value, $border-radius-prefix); + } @else { + @each $position in $positions { + @include prefix(border-#{$position}-radius, $value, $border-radius-prefix); + } + } + +} + +@mixin transition($value) { + @include prefix(transition, $value, $transition-prefix); +} + +/* Opacity */ +@mixin opacity($alpha) { + $ie-opacity: round($alpha * 100); + opacity: $alpha; + filter: unquote("alpha(opacity = #{$ie-opacity})"); +} + +/* Ellipsis */ +@mixin ellipsis($width: 100%, $display: inline-block, $max-width: none) { + overflow: hidden; + text-overflow: ellipsis; + width: $width; + white-space: nowrap; + display: $display; + max-width: $max-width; +} + +@mixin multiline-ellipsis($lineHeight: 1.3em, $lineCount: 2, $bgColor: $white){ + overflow: hidden; + position: relative; + line-height: $lineHeight; + max-height: $lineHeight * $lineCount; + text-align: justify; + // margin-right: -1em; + padding-right: 1em; + &:before { + content: '...'; + position: absolute; + right: 3px; + bottom: 0; + } + &:after { + content: ''; + position: absolute; + right: 0; + width: 1em; + height: 1em; + margin-top: 0.2em; + background: $bgColor; + } +} + +@mixin gradient($from, $to) { + /* fallback/image non-cover color */ + background-color: $from; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to)); + @include value-suffix-with-range(background-color, linear-gradient, $from, $to, $linear-gradient-prefix); +} + +/* Vertical placement of multuple lines of text */ +@mixin vertical-text($height) { + position: absolute; + top: 50%; + margin-top: -$height/2; +} + +@mixin text-vertical-align($align: middle) { + display: table; + width: 100%; + + & > * { + vertical-align: $align; + display: table-cell; + } +} + +@mixin center-element($width) { + width: $width; + margin-left: auto; + margin-right: auto; +} + +@mixin center-content($width) { + & > * { + @include center-element($width); + } +} + +/* transform-rotate */ +// @mixin +// Defines a 2D rotation, the angle is specified in the parameter +// @param +// $deg - angle in degrees +@mixin transform-rotate($deg) { + transform: rotate($deg + deg); /* IE10 and Mozilla */ + -ms-transform: rotate($deg + deg); /* IE 9 */ + -webkit-transform: rotate($deg + deg); /* Safari and Chrome */ +} + +/* transform-translate */ +// @mixin +// Defines a 2D rotation, the angle is specified in the parameter +// @param +// $deg - angle in degrees +@mixin transform-translate($x, $y) { + transform: translate($x, $y); /* IE10 and Mozilla */ + -ms-transform: translate($x, $y); /* IE 9 */ + -webkit-transform: translate($x, $y); /* Safari and Chrome */ +} + +/* transform-scale */ +// @mixin +// Defines a 2D scale transformation, changing the elements width and height +// @param +// $width - width +// @param +// $height - height +@mixin transform-scale($width, $height) { + transform: scale($width, $height); /* IE10 and Mozilla */ + -ms-transform: scale($width, $height); /* IE 9 */ + -webkit-transform: scale($width, $height); /* Safari and Chrome */ +} + +@mixin scrollable() { + ::-webkit-scrollbar { + width: 8px; + } +} + +@mixin create-circle($size, $bgcolor, $content) { + border-radius: 50%; + width: $size; + height: $size; + background: $bgcolor; + border: 3px solid $bgcolor; + &:after { + content: $content; + position: relative; + left: 9px; + top: 9px; + @include base-font-semibold; + font-size: $body-font-1; + } +} + +/**/ +@mixin keyframe-animation($animationType, $properties, $fromValue, $toValue) { + + @keyframes #{$animationType} { + from { + $startIndex: 1; + @each $property in $properties { + #{$property}: nth($fromValue, $startIndex); + $startIndex: $startIndex + 1; + } + } + to { + $startIndex: 1; + @each $property in $properties { + #{$property}: nth($toValue, $startIndex); + $startIndex: $startIndex + 1; + } + } + } + @-moz-keyframes #{$animationType}{ + /* Firefox */ + from { + $startIndex: 1; + @each $property in $properties { + #{$property}: nth($fromValue, $startIndex); + $startIndex: $startIndex + 1; + } + } + to { + $startIndex: 1; + @each $property in $properties { + #{$property}: nth($toValue, $startIndex); + $startIndex: $startIndex + 1; + } + } + } + @-webkit-keyframes #{$animationType} { + /* Safari and Chrome */ + from { + $startIndex: 1; + @each $property in $properties { + #{$property}: nth($fromValue, $startIndex); + $startIndex: $startIndex + 1; + } + } + to { + $startIndex: 1; + @each $property in $properties { + #{$property}: nth($toValue, $startIndex); + $startIndex: $startIndex + 1; + } + } + } + @-o-keyframes #{$animationType} { + /* Opera */ + from { + $startIndex: 1; + @each $property in $properties { + #{$property}: nth($fromValue, $startIndex); + $startIndex: $startIndex + 1; + } + } + to { + $startIndex: 1; + @each $property in $properties { + #{$property}: nth($toValue, $startIndex); + $startIndex: $startIndex + 1; + } + } + } +} + + +/**/ +@mixin border-shadow($xShadow: 0.545px, $yShadow: 0.839px, $blur: 4px, $spread: 0, $color: $light-gray, $opacity: 0.2) { + @include box-shadow($xShadow $yShadow $blur $spread rgba($color, $opacity)); +} + +%noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} diff --git a/styles/common/variables.scss b/styles/common/variables.scss new file mode 100644 index 0000000..2b0c71a --- /dev/null +++ b/styles/common/variables.scss @@ -0,0 +1,39 @@ +// Colors +$black: #000000; +$darker-blue: #323943; +$text-black: #191919; +$blue: #009fdb; +$dark-blue: #0568ae; +$light-blue: #1eb9f3; +$lighter-blue: #e6f6fb; +$disabled-blue: #9dd9ef; +$red: #cf2a2a; +$light-red:#ed4141; +$disabled-red:#f4adad; +$purple: #9063cd; +$dark-purple: #702f8a; +$yellow: #ffb81c; +$light-yellow: #f6c632; +$disabled-yellow: #ffdb8d; +$green: #4ca90c; +$light-green: #57c00e; +$disabled-green: #a5d485; +$gray: #959595; +$dark-gray: #5a5a5a; +$light-gray: #d2d2d2; +$light-silver: #f2f2f2; +$silver: #eaeaea; + + +$light-purple: #caa2dd; +$lighter-silver: #f8f8f8; +$white: #ffffff; + +$scroll-bar-color: $text-black; + +// Button Sizes +$btn-extra-small: 90px; +$btn-small: 110px; +$btn-medium: 140px; +$btn-large: 180px; +$btn-default: auto; diff --git a/styles/style.scss b/styles/style.scss new file mode 100644 index 0000000..432d399 --- /dev/null +++ b/styles/style.scss @@ -0,0 +1,2 @@ +@import "common"; +@import "components"; diff --git a/utils/create-svg-icons-map.js b/utils/create-svg-icons-map.js new file mode 100644 index 0000000..556fec8 --- /dev/null +++ b/utils/create-svg-icons-map.js @@ -0,0 +1,114 @@ +const fs = require('fs'); +const path = require('path'); +const svgFolder = path.resolve(__dirname + '/../assets/sdc-icons'); +const iconMapFile = path.resolve(__dirname + '/../lib/icons-map.json'); +const iconMapTSFile = path.resolve(__dirname + '/../lib/icons-map.js'); +const disallowedSvgAttributes = ['fill', 'id', 'width', 'height']; +const disallowedSvgStyle = ['fill']; +const disallowedSvgInlineAttributes = ['fill', 'id']; +const disallowedSvgInlineStyle = ['fill']; + +function _escapeStrRegex(str) { + return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); +} +function _makeSvgAttributesRegex(attrs) { + return new RegExp(`\s*(${attrs.map(_escapeStrRegex).join('|')})\s*=\s*("|')[^"']*\\2`, 'g'); +} +function _makeSvgStyleRegex(attrs) { + return new RegExp(`\s*${attrs.map(_escapeStrRegex).join('|')}\s*:[^'";]*;?`, 'g'); +} + +// prepare +const disallowedSvgAttributesRegex = _makeSvgAttributesRegex(disallowedSvgAttributes); +const disallowedSvgStyleRegex = _makeSvgStyleRegex(disallowedSvgStyle); +const disallowedSvgInlineAttributesRegex = _makeSvgAttributesRegex(disallowedSvgInlineAttributes); +const disallowedSvgInlineStyleRegex = _makeSvgStyleRegex(disallowedSvgInlineStyle); + +function addIcon(iconsObject, category, iconName, iconPath) { + let iconContent = fs.readFileSync(iconPath).toString(); + if (!iconContent) { + return; + } + + let iconInfoMsg = ''; + + // clean the first tag + iconContent = iconContent.replace(/]*>/, (svgTag) => { + let cleanedNum = 0; + const disallowedSvgAttributesMatch = svgTag.match(disallowedSvgAttributesRegex); + if (disallowedSvgAttributesMatch) { + svgTag = svgTag.replace(disallowedSvgAttributesRegex, ''); + cleanedNum += disallowedSvgAttributesMatch.length; + } + const disallowedSvgStyleMatch = svgTag.match(disallowedSvgStyleRegex); + if (disallowedSvgStyleMatch) { + svgTag = svgTag.replace(disallowedSvgStyleRegex, ''); + cleanedNum += disallowedSvgStyleMatch.length; + } + iconInfoMsg += 'ADDED'; + if (cleanedNum > 0) { + iconInfoMsg += `\n\t(cleaned ${cleanedNum} attributes and styles)`; + } + return svgTag; + }); + + const disallowedSvgInlineAttributesMatch = iconContent.match(disallowedSvgInlineAttributesRegex); + if (disallowedSvgInlineAttributesMatch) { + iconInfoMsg += `\n\t* CHECK for ${disallowedSvgInlineAttributesMatch.length} inline attributes [${disallowedSvgInlineAttributes.join(', ')}]`; + } + const disallowedSvgInlineStyleMatch = iconContent.match(disallowedSvgInlineStyleRegex); + if (disallowedSvgInlineStyleMatch) { + iconInfoMsg += `\n\t* CHECK for ${disallowedSvgInlineStyleMatch.length} inline styles [${disallowedSvgInlineStyle.join(', ')}]`; + } + + console.log(`# ${iconName}: ${iconInfoMsg}`); + + if (!iconsObject.hasOwnProperty(category)){ + iconsObject[category] = {}; + } + + iconsObject[category][iconName] = iconContent; +} + +function main() { + const iconMapDir = path.dirname(iconMapFile); + if (!fs.existsSync(iconMapDir)) { + fs.mkdirSync(iconMapDir); + } + + let iconsObject = {}; + const directories = getDirectories(svgFolder); + directories.map((directory) => { + const _path = path.resolve(__dirname + '/../assets/sdc-icons/' + directory); + readSvg(iconsObject, directory, _path); + }); + const dataToWrite = JSON.stringify(iconsObject); + + fs.writeFileSync(iconMapFile, dataToWrite); + fs.writeFileSync(iconMapTSFile, `export default ${dataToWrite};`); + + console.log(`Icons Map JSON created! [${iconMapFile}]`); +} + +function getDirectories(path) { + return fs.readdirSync(path).filter(function (file) { + return fs.statSync(path+'/'+file).isDirectory(); + }); +} + +function readSvg(iconsObject, category, path) { + console.log("path: " + path); + fs.readdirSync(path).forEach((file) => { + console.log(file); + const fileName = file.split('.', 2)[0]; + const fileExtension = file.split('.', 2)[1]; + if (fileExtension === 'svg') { + const filePath = path + '/' + file; + if (fs.existsSync(filePath)) { + addIcon(iconsObject, category, fileName, filePath); + } + } + }); +} + +main(); diff --git a/utils/delete-folders.js b/utils/delete-folders.js new file mode 100644 index 0000000..b317391 --- /dev/null +++ b/utils/delete-folders.js @@ -0,0 +1,3 @@ +var del = require('delete'); + +del.sync(['lib']); diff --git a/version.properties b/version.properties new file mode 100644 index 0000000..b479afe --- /dev/null +++ b/version.properties @@ -0,0 +1,13 @@ +########################################################### +# Versioning variables +# Note that these variables cannot be structured (e.g. : version.release or version.snapshot etc... ) +# because they are used in Jenkins, whose plug-in doesn't support + +major=1 +minor=2 +patch=0 + +base_version=${major}.${minor}.${patch} + +release_version=${base_version} +snapshot_version=${base_version}-SNAPSHOT \ No newline at end of file -- cgit 1.2.3-korg