@appscode/design-system 2.0.39 → 2.0.41-alpha.1

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 (53) hide show
  1. package/main.scss +1 -2
  2. package/package.json +1 -1
  3. package/vue-components/styles/base/utilities/_colors.scss +16 -28
  4. package/vue-components/styles/base/utilities/_customize-bulma.scss +1 -1
  5. package/vue-components/styles/base/utilities/_extended.scss +2 -2
  6. package/vue-components/styles/base/utilities/_global.scss +2 -2
  7. package/vue-components/styles/base/utilities/_typography.scss +2 -2
  8. package/vue-components/styles/components/_ac-calendar.scss +1 -1
  9. package/vue-components/styles/components/_ac-tags.scss +2 -2
  10. package/vue-components/styles/components/_accordion.scss +1 -1
  11. package/vue-components/styles/components/_button.scss +26 -4
  12. package/vue-components/styles/components/_direct-deploy.scss +1 -1
  13. package/vue-components/styles/components/_dropdown.scss +1 -1
  14. package/vue-components/styles/components/_getkeeper.scss +1 -1
  15. package/vue-components/styles/components/_options.scss +3 -3
  16. package/vue-components/styles/components/_overview-page.scss +1 -1
  17. package/vue-components/styles/components/_pagination.scss +5 -5
  18. package/vue-components/styles/components/_preloader.scss +1 -1
  19. package/vue-components/styles/components/_preview-modal.scss +2 -2
  20. package/vue-components/styles/components/_progress-bar.scss +7 -7
  21. package/vue-components/styles/components/_table.scss +12 -12
  22. package/vue-components/styles/components/_tabs.scss +13 -13
  23. package/vue-components/styles/components/_terminal.scss +1 -1
  24. package/vue-components/styles/components/_widget-menu.scss +2 -2
  25. package/vue-components/styles/components/_wizard.scss +3 -3
  26. package/vue-components/styles/components/alert/_alert.scss +8 -8
  27. package/vue-components/styles/components/bbum/_card-team.scss +1 -1
  28. package/vue-components/styles/components/bbum/_left-sidebar.scss +2 -2
  29. package/vue-components/styles/components/bbum/_single-post-preview.scss +2 -2
  30. package/vue-components/styles/components/bbum/_user-profile.scss +2 -2
  31. package/vue-components/styles/components/cards/_info.scss +7 -1
  32. package/vue-components/styles/components/cards/_org.scss +2 -2
  33. package/vue-components/styles/components/cards/_payment-card.scss +3 -3
  34. package/vue-components/styles/components/cards/_vendor.scss +4 -4
  35. package/vue-components/styles/components/editor/_filtered-file-editor.scss +2 -2
  36. package/vue-components/styles/components/footer/_footer-area.scss +2 -2
  37. package/vue-components/styles/components/form-fields/_input-card.scss +4 -4
  38. package/vue-components/styles/components/form-fields/_input.scss +10 -10
  39. package/vue-components/styles/components/navbar/_menu-content.scss +4 -4
  40. package/vue-components/styles/components/navbar/_notification.scss +3 -3
  41. package/vue-components/styles/components/select-box/_ac-select-box.scss +1 -1
  42. package/vue-components/styles/components/select-box/_multi-select.scss +3 -3
  43. package/vue-components/styles/components/sidebar/_left-sidebar.scss +3 -3
  44. package/vue-components/styles/components/sidebar-tabs/_sidebar-tabs.scss +3 -3
  45. package/vue-components/styles/components/ui-builder/_ui-builder.scss +9 -9
  46. package/vue-components/styles/components/ui-builder/_vue-open-api.scss +4 -4
  47. package/vue-components/styles/theme/_appscode.scss +5 -24
  48. package/vue-components/v2/pagination/Pagination.vue +4 -4
  49. package/vue-components/v3/header/Header.vue +1 -1
  50. package/vue-components/v3/navbar/ThemeMode.vue +1 -1
  51. package/vue-components/v3/notification/AlertBox.vue +8 -8
  52. package/vue-components/v3/pagination/Pagination.vue +4 -4
  53. package/vue-components/v3/sidebar/Steps.vue +2 -2
package/vue-components/v3/notification/AlertBox.vue CHANGED
@@ -70,13 +70,13 @@ const getSanitizedHtml = (content: string) => {
70
70
  .ac-notification {
71
71
  background-color: $primary-95;
72
72
  font-size: 13px;
73
- color: $primary;
73
+ color: $ac-primary;
74
74
  min-height: 36px;
75
75
  display: flex;
76
76
  align-items: center;
77
77
  padding: 8px 16px;
78
78
  overflow: hidden;
79
- border: 1px solid $primary;
79
+ border: 1px solid $ac-primary;
80
80
  border-radius: 4px;
81
81
  justify-content: flex-start;
82
82
  position: relative;
@@ -84,7 +84,7 @@ const getSanitizedHtml = (content: string) => {
84
84
  min-width: 280px;
85
85
 
86
86
  p {
87
- color: $primary;
87
+ color: $ac-primary;
88
88
  margin-bottom: 0;
89
89
 
90
90
  .close-icon {
@@ -94,7 +94,7 @@ const getSanitizedHtml = (content: string) => {
94
94
 
95
95
  a {
96
96
  text-decoration: underline;
97
- color: $primary;
97
+ color: $ac-primary;
98
98
 
99
99
  &:hover {
100
100
  color: hsla(
@@ -151,16 +151,16 @@ const getSanitizedHtml = (content: string) => {
151
151
  0.2
152
152
  );
153
153
  color: $white-100;
154
- border-color: $primary;
154
+ border-color: $ac-primary;
155
155
 
156
156
  p {
157
- color: $primary;
157
+ color: $ac-primary;
158
158
 
159
159
  a {
160
- color: $primary;
160
+ color: $ac-primary;
161
161
 
162
162
  &:hover {
163
- color: $primary;
163
+ color: $ac-primary;
164
164
  opacity: 0.8;
165
165
  }
166
166
  }
package/vue-components/v3/pagination/Pagination.vue CHANGED
@@ -183,11 +183,11 @@ watch(
183
183
  font-weight: 500;
184
184
  border-radius: 4px;
185
185
  border: 1px solid $color-border;
186
- color: $primary;
186
+ color: $ac-primary;
187
187
  margin-left: 4px;
188
188
 
189
189
  &:hover {
190
- background-color: $primary !important;
190
+ background-color: $ac-primary !important;
191
191
  color: $white-100;
192
192
  border: 1px solid $color-border;
193
193
  }
@@ -201,7 +201,7 @@ watch(
201
201
  }
202
202
 
203
203
  &.is-current {
204
- background-color: $primary;
204
+ background-color: $ac-primary;
205
205
  color: $white-100;
206
206
  }
207
207
  }
@@ -232,7 +232,7 @@ watch(
232
232
  &:focus,
233
233
  &:active,
234
234
  &:focus-visible {
235
- border: 1px solid $primary;
235
+ border: 1px solid $ac-primary;
236
236
  outline: none;
237
237
  }
238
238
  }
package/vue-components/v3/sidebar/Steps.vue CHANGED
@@ -105,7 +105,7 @@ ul {
105
105
  color: $primary-80;
106
106
  font-size: 16px;
107
107
  &.is-active {
108
- background-color: $primary;
108
+ background-color: $ac-primary;
109
109
  color: $white-100;
110
110
  border: 1px solid $color-border;
111
111
  }
@@ -119,7 +119,7 @@ ul {
119
119
  &.is-active {
120
120
  strong {
121
121
  .step-count {
122
- background-color: $primary;
122
+ background-color: $ac-primary;
123
123
  color: $white-100;
124
124
  border: 1px solid $color-border;
125
125
  }