├── .browserslistrc ├── .eslintrc.js ├── .github └── workflows │ └── main.yml ├── .gitignore ├── .postcssrc.js ├── CHANGELOG.md ├── ISSUE_TEMPLATE.md ├── README.md ├── babel.config.js ├── genezio.yaml ├── package.json ├── public ├── favicon.ico ├── favicon.png ├── img │ ├── brand │ │ ├── blue.png │ │ ├── creativetim-white-slim.png │ │ ├── favicon.png │ │ ├── github-white-slim.png │ │ └── white.png │ ├── icons │ │ └── common │ │ │ ├── github.svg │ │ │ └── google.svg │ ├── ill │ │ └── ill-2.svg │ └── theme │ │ ├── img-1-1200x1000.jpg │ │ ├── img-2-1200x1000.jpg │ │ ├── landing.jpg │ │ ├── profile.jpg │ │ ├── promo-1.png │ │ ├── team-1-800x800.jpg │ │ ├── team-2-800x800.jpg │ │ ├── team-3-800x800.jpg │ │ └── team-4-800x800.jpg └── index.html ├── src ├── App.vue ├── assets │ ├── scss │ │ ├── argon.scss │ │ ├── bootstrap │ │ │ ├── _alert.scss │ │ │ ├── _badge.scss │ │ │ ├── _breadcrumb.scss │ │ │ ├── _button-group.scss │ │ │ ├── _buttons.scss │ │ │ ├── _card.scss │ │ │ ├── _carousel.scss │ │ │ ├── _close.scss │ │ │ ├── _code.scss │ │ │ ├── _custom-forms.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _forms.scss │ │ │ ├── _functions.scss │ │ │ ├── _grid.scss │ │ │ ├── _images.scss │ │ │ ├── _input-group.scss │ │ │ ├── _jumbotron.scss │ │ │ ├── _list-group.scss │ │ │ ├── _media.scss │ │ │ ├── _mixins.scss │ │ │ ├── _modal.scss │ │ │ ├── _nav.scss │ │ │ ├── _navbar.scss │ │ │ ├── _pagination.scss │ │ │ ├── _popover.scss │ │ │ ├── _print.scss │ │ │ ├── _progress.scss │ │ │ ├── _reboot.scss │ │ │ ├── _root.scss │ │ │ ├── _tables.scss │ │ │ ├── _tooltip.scss │ │ │ ├── _transitions.scss │ │ │ ├── _type.scss │ │ │ ├── _utilities.scss │ │ │ ├── _variables.scss │ │ │ ├── mixins │ │ │ │ ├── _alert.scss │ │ │ │ ├── _background-variant.scss │ │ │ │ ├── _badge.scss │ │ │ │ ├── _border-radius.scss │ │ │ │ ├── _box-shadow.scss │ │ │ │ ├── _breakpoints.scss │ │ │ │ ├── _buttons.scss │ │ │ │ ├── _caret.scss │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _forms.scss │ │ │ │ ├── _gradients.scss │ │ │ │ ├── _grid-framework.scss │ │ │ │ ├── _grid.scss │ │ │ │ ├── _hover.scss │ │ │ │ ├── _image.scss │ │ │ │ ├── _list-group.scss │ │ │ │ ├── _lists.scss │ │ │ │ ├── _nav-divider.scss │ │ │ │ ├── _pagination.scss │ │ │ │ ├── _reset-text.scss │ │ │ │ ├── _resize.scss │ │ │ │ ├── _screen-reader.scss │ │ │ │ ├── _size.scss │ │ │ │ ├── _table-row.scss │ │ │ │ ├── _text-emphasis.scss │ │ │ │ ├── _text-hide.scss │ │ │ │ ├── _text-truncate.scss │ │ │ │ ├── _transition.scss │ │ │ │ └── _visibility.scss │ │ │ └── utilities │ │ │ │ ├── _align.scss │ │ │ │ ├── _background.scss │ │ │ │ ├── _borders.scss │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _display.scss │ │ │ │ ├── _embed.scss │ │ │ │ ├── _flex.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _position.scss │ │ │ │ ├── _screenreaders.scss │ │ │ │ ├── _shadows.scss │ │ │ │ ├── _sizing.scss │ │ │ │ ├── _spacing.scss │ │ │ │ ├── _text.scss │ │ │ │ └── _visibility.scss │ │ └── custom │ │ │ ├── _accordion.scss │ │ │ ├── _alerts.scss │ │ │ ├── _avatars.scss │ │ │ ├── _badge.scss │ │ │ ├── _buttons.scss │ │ │ ├── _card.scss │ │ │ ├── _carousel.scss │ │ │ ├── _close.scss │ │ │ ├── _custom-forms.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _footer.scss │ │ │ ├── _forms.scss │ │ │ ├── _functions.scss │ │ │ ├── _global.scss │ │ │ ├── _grid.scss │ │ │ ├── _icons.scss │ │ │ ├── _input-group.scss │ │ │ ├── _list-group.scss │ │ │ ├── _mixins.scss │ │ │ ├── _modal.scss │ │ │ ├── _nav.scss │ │ │ ├── _navbar.scss │ │ │ ├── _pagination.scss │ │ │ ├── _popover.scss │ │ │ ├── _progress.scss │ │ │ ├── _reboot.scss │ │ │ ├── _section.scss │ │ │ ├── _type.scss │ │ │ ├── _utilities.scss │ │ │ ├── _variables.scss │ │ │ ├── mixins │ │ │ ├── _alert.scss │ │ │ ├── _background-variant.scss │ │ │ ├── _badge.scss │ │ │ ├── _buttons.scss │ │ │ ├── _forms.scss │ │ │ ├── _icon.scss │ │ │ ├── _modals.scss │ │ │ └── _popover.scss │ │ │ ├── utilities │ │ │ ├── _backgrounds.scss │ │ │ ├── _floating.scss │ │ │ ├── _helper.scss │ │ │ ├── _shadows.scss │ │ │ ├── _sizing.scss │ │ │ ├── _spacing.scss │ │ │ ├── _text.scss │ │ │ └── _transform.scss │ │ │ └── vendor │ │ │ ├── _flatpickr.scss │ │ │ ├── _headroom.scss │ │ │ └── _nouislider.scss │ └── vendor │ │ ├── font-awesome │ │ ├── css │ │ │ ├── font-awesome.css │ │ │ └── font-awesome.min.css │ │ └── fonts │ │ │ ├── FontAwesome.otf │ │ │ ├── fontawesome-webfont.eot │ │ │ ├── fontawesome-webfont.svg │ │ │ ├── fontawesome-webfont.ttf │ │ │ ├── fontawesome-webfont.woff │ │ │ └── fontawesome-webfont.woff2 │ │ └── nucleo │ │ ├── css │ │ ├── nucleo-svg.css │ │ └── nucleo.css │ │ └── fonts │ │ ├── nucleo-icons.eot │ │ ├── nucleo-icons.svg │ │ ├── nucleo-icons.ttf │ │ ├── nucleo-icons.woff │ │ └── nucleo-icons.woff2 ├── components │ ├── Badge.vue │ ├── BaseAlert.vue │ ├── BaseButton.vue │ ├── BaseCheckbox.vue │ ├── BaseDropdown.vue │ ├── BaseInput.vue │ ├── BaseNav.vue │ ├── BasePagination.vue │ ├── BaseProgress.vue │ ├── BaseRadio.vue │ ├── BaseSlider.vue │ ├── BaseSwitch.vue │ ├── Card.vue │ ├── CloseButton.vue │ ├── Icon.vue │ ├── Modal.vue │ ├── NavbarToggleButton.vue │ ├── Tabs │ │ ├── PillsLayout.vue │ │ ├── Tab.vue │ │ ├── TabPane.vue │ │ ├── Tabs.vue │ │ └── TabsLayout.vue │ └── stringUtils.js ├── directives │ └── click-ouside.js ├── layout │ ├── AppFooter.vue │ ├── AppHeader.vue │ └── starter │ │ ├── StarterFooter.vue │ │ └── StarterHeader.vue ├── main.js ├── plugins │ ├── argon-kit.js │ ├── globalComponents.js │ └── globalDirectives.js ├── registerServiceWorker.js ├── router.js ├── starterRouter.js └── views │ ├── Components.vue │ ├── Landing.vue │ ├── Login.vue │ ├── Profile.vue │ ├── Register.vue │ ├── Starter.vue │ └── components │ ├── BasicElements.vue │ ├── Carousel.vue │ ├── CustomControls.vue │ ├── DownloadSection.vue │ ├── Examples.vue │ ├── Hero.vue │ ├── Icons.vue │ ├── Inputs.vue │ ├── JavascriptComponents.vue │ ├── JavascriptComponents │ ├── DatePickers.vue │ ├── Images.vue │ ├── Modals.vue │ ├── ProgressPagination.vue │ ├── TabsSection.vue │ ├── Tooltips.vue │ └── Typography.vue │ ├── Navigation.vue │ └── Navigation │ ├── Menu1.vue │ ├── Menu2.vue │ ├── Menu3.vue │ ├── Menu4.vue │ ├── Menu5.vue │ └── Menu6.vue └── vue.config.js /.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 11 4 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | 'extends': [ 7 | 'plugin:vue/essential' 8 | ], 9 | rules: { 10 | 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 11 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off' 12 | }, 13 | parserOptions: { 14 | parser: 'babel-eslint' 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | name: Autocloser 2 | on: [issues] 3 | jobs: 4 | autoclose: 5 | runs-on: ubuntu-latest 6 | steps: 7 | - name: Issue auto-closer 8 | uses: roots/issue-closer-action@v1.1 9 | with: 10 | repo-token: ${{ secrets.GITHUB_TOKEN }} 11 | issue-close-message: "@${issue.user.login} this issue was automatically closed because it did not follow the bellow rules:\n\n
\n\n\n\nIMPORTANT: Please use the following link to create a new issue:\n\nhttps://www.creative-tim.com/new-issue/vue-argon-design-system\n\n**If your issue was not created using the app above, it will be closed immediately.**\n\n\n\nLove Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:\n👉 https://www.creative-tim.com/bundles\n👉 https://www.creative-tim.com\n\n\n\n\n" 12 | issue-pattern: (\#\#\# Version([\S\s.*]*?)\#\#\# Reproduction link([\S\s.*]*?)\#\#\# Operating System([\S\s.*]*?)\#\#\# Device([\S\s.*]*?)\#\#\# Browser & Version([\S\s.*]*?)\#\#\# Steps to reproduce([\S\s.*]*?)\#\#\# What is expected([\S\s.*]*?)\#\#\# What is actually happening([\S\s.*]*?)---([\S\s.*]*?)\#\#\# Solution([\S\s.*]*?)\#\#\# Additional comments([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>)|(\#\#\# What is your enhancement([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>) 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /.postcssrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | 3 | ##[1.1.0] 2019-02-12 4 | - Package updates 5 | - SSR fixes for checkboxes and radio 6 | - IE fixes 7 | - Best practices & accessibility improvements + pwa support 8 | 9 | ## [1.0.0] 2018-08-14 10 | Initial stable release 11 | ### Original Release 12 | -------------------------------------------------------------------------------- /ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 8 | 9 | 14 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | [ 4 | "@vue/app", 5 | { 6 | "polyfills": ["es7.object.entries", "es6.promise"] 7 | } 8 | ] 9 | ] 10 | }; 11 | -------------------------------------------------------------------------------- /genezio.yaml: -------------------------------------------------------------------------------- 1 | name: vue-argon-design-system 2 | region: us-east-1 3 | frontend: 4 | # Specifies the path of your code. 5 | path: . 6 | # Specifies the folder where the build is located. 7 | # This is the folder that will be deployed. 8 | publish: dist 9 | # Scripts will run in the specified `path` folder. 10 | scripts: 11 | # The command to build your frontend project. This is custom to your project. 12 | # It must to populate the specified `publish` folder with a `index.html` file. 13 | deploy: 14 | - npm install --legacy-peer-deps 15 | - npm run build 16 | yamlVersion: 2 -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-argon-design-system", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "cross-env NODE_OPTIONS=--openssl-legacy-provider cross-env CI=false vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "bootstrap-vue": "^2.0.4", 12 | "flatpickr": "^4.5.1", 13 | "nouislider": "^11.1.0", 14 | "register-service-worker": "^1.5.2", 15 | "vue": "^2.6.6", 16 | "vue-flatpickr-component": "^8.1.1", 17 | "vue-lazyload": "^1.2.6", 18 | "vue-router": "^3.0.2", 19 | "vue2-transitions": "^0.2.3" 20 | }, 21 | "devDependencies": { 22 | "@vue/cli-plugin-babel": "^3.4.0", 23 | "@vue/cli-plugin-eslint": "^3.4.0", 24 | "@vue/cli-plugin-pwa": "^3.4.0", 25 | "@vue/cli-service": "^3.4.0", 26 | "node-sass": "^9.0.0", 27 | "sass-loader": "10.5.2", 28 | "vue-template-compiler": "^2.6.6", 29 | "cross-env": "^7.0.3" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/favicon.ico -------------------------------------------------------------------------------- /public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/favicon.png -------------------------------------------------------------------------------- /public/img/brand/blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/blue.png -------------------------------------------------------------------------------- /public/img/brand/creativetim-white-slim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/creativetim-white-slim.png -------------------------------------------------------------------------------- /public/img/brand/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/favicon.png -------------------------------------------------------------------------------- /public/img/brand/github-white-slim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/github-white-slim.png -------------------------------------------------------------------------------- /public/img/brand/white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/white.png -------------------------------------------------------------------------------- /public/img/icons/common/github.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /public/img/icons/common/google.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /public/img/theme/img-1-1200x1000.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/img-1-1200x1000.jpg -------------------------------------------------------------------------------- /public/img/theme/img-2-1200x1000.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/img-2-1200x1000.jpg -------------------------------------------------------------------------------- /public/img/theme/landing.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/landing.jpg -------------------------------------------------------------------------------- /public/img/theme/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/profile.jpg -------------------------------------------------------------------------------- /public/img/theme/promo-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/promo-1.png -------------------------------------------------------------------------------- /public/img/theme/team-1-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/team-1-800x800.jpg -------------------------------------------------------------------------------- /public/img/theme/team-2-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/team-2-800x800.jpg -------------------------------------------------------------------------------- /public/img/theme/team-3-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/team-3-800x800.jpg -------------------------------------------------------------------------------- /public/img/theme/team-4-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/team-4-800x800.jpg -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |