@appscode/design-system 1.1.0-beta.3 → 1.1.0-beta.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/base/utilities/_colors.scss +81 -186
  2. package/base/utilities/_global.scss +24 -18
  3. package/base/utilities/_typography.scss +2 -2
  4. package/base/utilities/dark-theme.scss +2 -8
  5. package/components/_ac-alert-box.scss +8 -8
  6. package/components/_ac-code-highlight.scss +9 -12
  7. package/components/_ac-drag.scss +4 -4
  8. package/components/_ac-modal.scss +2 -2
  9. package/components/_ac-multi-select.scss +18 -18
  10. package/components/_ac-select-box.scss +5 -5
  11. package/components/_ac-table.scss +10 -10
  12. package/components/_ac-tabs.scss +29 -26
  13. package/components/_all.scss +6 -4
  14. package/components/_buttons.scss +10 -10
  15. package/components/_image-upload.scss +6 -6
  16. package/components/_input-card.scss +232 -0
  17. package/components/_input.scss +947 -0
  18. package/components/_left-sidebar-menu.scss +9 -13
  19. package/components/_monaco-editor.scss +2 -2
  20. package/components/_navbar.scss +7 -7
  21. package/components/_nested-list.scss +2 -2
  22. package/components/_overview-info.scss +3 -3
  23. package/components/_pricing-table.scss +5 -5
  24. package/components/_progress-bar.scss +61 -74
  25. package/components/_subscription-card.scss +8 -10
  26. package/components/_table-of-content.scss +4 -4
  27. package/components/{_ac-terminal.scss → _terminal.scss} +55 -38
  28. package/components/_widget-menu.scss +7 -12
  29. package/components/_wizard.scss +518 -793
  30. package/components/ac-toaster/_ac-toasted.scss +6 -11
  31. package/components/bbum/_information-center.scss +8 -10
  32. package/components/bbum/_mobile-desktop.scss +9 -14
  33. package/components/bbum/_single-post-preview.scss +9 -9
  34. package/components/ui-builder/_ui-builder.scss +163 -9
  35. package/components/ui-builder/_vue-open-api.scss +3 -2
  36. package/layouts/_code-preview.scss +6 -7
  37. package/main.scss +4 -4
  38. package/package.json +1 -1
  39. package/plugins/theme.js +11 -9
  40. package/plugins/vue-toaster.js +1 -1
  41. package/vue-components/types/importFlow.ts +16 -0
  42. package/vue-components/v2/banner/Banner.vue +1 -1
  43. package/vue-components/v2/editor/FilteredFileEditor.vue +2 -2
  44. package/vue-components/v2/modal/Modal.vue +1 -1
  45. package/vue-components/v2/pagination/Pagination.vue +1 -0
  46. package/vue-components/v3/alert/Alert.vue +7 -7
  47. package/vue-components/v3/banner/Banner.vue +2 -2
  48. package/vue-components/v3/breadcrumbs/Breadcrumb.vue +4 -2
  49. package/vue-components/v3/button/Button.vue +26 -11
  50. package/vue-components/v3/cards/Cluster.vue +3 -4
  51. package/vue-components/v3/cards/Counter.vue +12 -0
  52. package/vue-components/v3/cards/FeatureCard.vue +31 -0
  53. package/vue-components/v3/cards/InfoCard.vue +4 -9
  54. package/vue-components/v3/cards/Monitoring.vue +1 -1
  55. package/vue-components/v3/cards/Vendor.vue +67 -5
  56. package/vue-components/v3/content/ContentTable.vue +7 -2
  57. package/vue-components/v3/editor/FilteredFileEditor.vue +200 -3
  58. package/vue-components/v3/footer/Info.vue +10 -8
  59. package/vue-components/v3/footer/Status.vue +21 -23
  60. package/vue-components/v3/footer/Usage.vue +20 -30
  61. package/vue-components/v3/form/Form.vue +0 -3
  62. package/vue-components/v3/form-fields/AcSingleInput.vue +9 -1
  63. package/vue-components/v3/header/Header.vue +5 -4
  64. package/vue-components/v3/loaders/InfoCardLoader.vue +65 -0
  65. package/vue-components/v3/modal/Modal.vue +1 -1
  66. package/vue-components/v3/navbar/Navbar.vue +3 -1
  67. package/vue-components/v3/navbar/User.vue +4 -4
  68. package/vue-components/v3/notification/AlertBox.vue +234 -4
  69. package/vue-components/v3/option-dots/Options.vue +2 -1
  70. package/vue-components/v3/pagination/Pagination.vue +2 -1
  71. package/vue-components/v3/preloader/Preloader.vue +1 -1
  72. package/vue-components/v3/searchbars/SearchBar.vue +10 -2
  73. package/vue-components/v3/sidebar/ClusterSwitcher.vue +35 -31
  74. package/vue-components/v3/sidebar/Sidebar.vue +5 -9
  75. package/vue-components/v3/sidebar/SidebarFooter.vue +3 -3
  76. package/vue-components/v3/sidebar/SidebarHeader.vue +3 -3
  77. package/vue-components/v3/sidebar/Steps.vue +152 -0
  78. package/vue-components/v3/table/InfoTable.vue +6 -4
  79. package/vue-components/v3/table/Table.vue +38 -31
  80. package/vue-components/v3/table/TableRow.vue +2 -2
  81. package/components/_ac-card.scss +0 -589
  82. package/components/_ac-input.scss +0 -394
  83. /package/components/{_ac-accordion.scss → _accordion.scss} +0 -0
  84. /package/components/{_ac-report.scss → _report.scss} +0 -0
@@ -14,7 +14,7 @@
14
14
  // padding-left: 20px;
15
15
 
16
16
  // &.is-active {
17
- // background-color: $ac-bg;
17
+ // background-color: transparent;
18
18
  // color: $primary;
19
19
  // }
20
20
 
@@ -161,7 +161,7 @@
161
161
  // &:after {
162
162
  // width: 100%;
163
163
  // border-radius: 0;
164
- // background-color: $ac-bg;
164
+ // background-color: transparent;
165
165
  // }
166
166
  // }
167
167
  // }
@@ -252,21 +252,16 @@
252
252
  Responsive Classes
253
253
  *****************************************/
254
254
  // Extra small devices (portrait phones, less than 576px)
255
- @media (max-width: 575.98px) {
256
- }
255
+ @media (max-width: 575.98px) {}
257
256
 
258
257
  // Small devices (landscape phones, 576px and up)
259
- @media (min-width: 576px) and (max-width: 767.98px) {
260
- }
258
+ @media (min-width: 576px) and (max-width: 767.98px) {}
261
259
 
262
260
  // Medium devices (tablets, 768px and up)
263
- @media (min-width: 768px) and (max-width: 991.98px) {
264
- }
261
+ @media (min-width: 768px) and (max-width: 991.98px) {}
265
262
 
266
263
  // Large devices (desktops, 992px and up)
267
- @media (min-width: 992px) and (max-width: 1199.98px) {
268
- }
264
+ @media (min-width: 992px) and (max-width: 1199.98px) {}
269
265
 
270
266
  // Extra large devices (large desktops, 1200px and up)
271
- @media (min-width: 1200px) {
272
- }
267
+ @media (min-width: 1200px) {}