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

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 (42) hide show
  1. package/base/_video-player.scss +65 -0
  2. package/base/utilities/_all.scss +5 -4
  3. package/base/utilities/_colors.scss +446 -0
  4. package/base/utilities/_customize-bulma.scss +23 -27
  5. package/base/utilities/_extended.scss +3 -2
  6. package/base/utilities/{_default.scss → _global.scss} +146 -298
  7. package/base/utilities/_layouts.scss +157 -0
  8. package/base/utilities/_spacing.scss +96 -0
  9. package/base/utilities/_typography.scss +34 -2
  10. package/components/_ac-accordion.scss +117 -117
  11. package/components/_ac-alert-box.scss +205 -262
  12. package/components/_ac-card.scss +72 -80
  13. package/components/_ac-input.scss +0 -482
  14. package/components/_ac-modal.scss +212 -212
  15. package/components/_ac-multi-select.scss +83 -54
  16. package/components/_ac-options.scss +122 -122
  17. package/components/_ac-table.scss +503 -502
  18. package/components/_ac-tabs.scss +4 -3
  19. package/components/_ac-tags.scss +116 -116
  20. package/components/_ac-terminal.scss +275 -231
  21. package/components/_all.scss +31 -28
  22. package/components/_app-drawer.scss +0 -134
  23. package/components/_breadcumb.scss +0 -71
  24. package/components/_buttons.scss +779 -779
  25. package/components/_dashboard-header.scss +0 -115
  26. package/components/_left-sidebar-menu.scss +346 -475
  27. package/components/_navbar.scss +786 -752
  28. package/components/_pagination.scss +9 -27
  29. package/components/_payment-card.scss +1 -1
  30. package/components/_widget-menu.scss +247 -247
  31. package/components/ui-builder/_ui-builder.scss +1 -1
  32. package/components/ui-builder/_vue-open-api.scss +512 -0
  33. package/main.scss +26 -10
  34. package/package.json +1 -1
  35. package/vue-components/v2/card/Card.vue +1 -1
  36. package/vue-components/v3/cards/Card.vue +1 -1
  37. package/vue-components/v3/cards/Vendor.vue +1 -1
  38. package/vue-components/v3/footer/FooterItem.vue +4 -1
  39. package/vue-components/v3/sidebar/Sidebar.vue +2 -2
  40. package/base/utilities/_derived-variables.scss +0 -24
  41. package/base/utilities/_initial-variables.scss +0 -217
  42. package/components/_basic-card.scss +0 -118
package/components/_dashboard-header.scss CHANGED
@@ -1,115 +0,0 @@
1
- // dashboard inner header start
2
-
3
- // .inner-header {
4
- // padding: 6px 20px;
5
- // border-bottom: 1px solid $primary-90;
6
- // // display: flex;
7
- // // align-items: center;
8
- // }
9
- // // dashboard inner header end
10
- // // .dashboard body header
11
- // .header-items {
12
- // .header-item {
13
- // display: inline-block;
14
- // margin-left: 8px;
15
- // vertical-align: middle;
16
-
17
- // &:first-child {
18
- // margin-left: 0;
19
- // }
20
-
21
- // .select:not(.is-multiple) {
22
- // height: auto;
23
- // }
24
- // }
25
- // }
26
-
27
- // footer control start
28
- .form-footer-controls {
29
- .form-footer-control {
30
- display: inline-block;
31
- margin-left: 8px;
32
- vertical-align: middle;
33
-
34
- &:first-child {
35
- margin-left: 0;
36
- }
37
- }
38
- }
39
-
40
- .dashboard-header {
41
- padding: 10px 20px;
42
- border-radius: 4px;
43
- background-color: $white-100;
44
- min-height: 75px;
45
- display: table;
46
- width: 100%;
47
- border-left: 5px solid $primary;
48
- border-bottom: 1px solid $primary-90;
49
- border-top: 1px solid $primary-90;
50
- border-right: 1px solid $primary-90;
51
-
52
- .dashboard-header-wrapper {
53
- height: 100%;
54
- display: table;
55
- width: 100%;
56
-
57
- .dashboard-header-inner {
58
- display: table-cell;
59
- vertical-align: middle;
60
- }
61
- }
62
- }
63
-
64
- .dashboard-header-inner-top {
65
- height: 100%;
66
- vertical-align: middle;
67
- display: table-cell;
68
- }
69
-
70
- .dashboard-header.is-chart-available {
71
- padding: 10px 30px;
72
-
73
- .dashboard-header-wrapper {
74
- height: 100%;
75
- display: table;
76
- width: 100%;
77
-
78
- .dashboard-header-inner {
79
- display: table-cell;
80
- vertical-align: middle;
81
- }
82
- }
83
- }
84
-
85
- .resource {
86
- display: flex;
87
- align-items: center;
88
- border-left: 1px solid $primary-90;
89
- padding: 0 1.5rem;
90
- margin-top: -10px;
91
- margin-bottom: -10px;
92
- .r-icon {
93
- display: flex;
94
- align-items: center;
95
- max-width: 40px;
96
- }
97
-
98
- .r-data {
99
- margin-left: 0.8rem;
100
- .request,
101
- .limit {
102
- font-weight: 500;
103
- min-width: 50px;
104
- text-align: center;
105
- }
106
- .request {
107
- font-weight: 300;
108
- }
109
- hr {
110
- margin: 0;
111
- padding: 0;
112
- background-color: $primary-90;
113
- }
114
- }
115
- }