@appscode/design-system 2.0.41-alpha.2 → 2.0.41-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "2.0.41-alpha.2",
+  "version": "2.0.41-alpha.4",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/styles/base/utilities/_global.scss

@@ -663,7 +663,7 @@ body:has(.has-info-content) {
   margin-left: auto;
   position: fixed;
   right: 0;
-  background: #fff;
+  background: $white-100;
   top: 0;
   z-index: 99999;
   box-shadow: -3px 2px 10px 3px rgba(0, 0, 0, 0.1);
@@ -675,6 +675,8 @@ body:has(.has-info-content) {
 
 .tag:not(body) {
   &.is-primary {
+    background-color: $primary;
+    color: $white-100;
     &.is-light {
       color: $ac-primary;
       background-color: $primary-95;

package/vue-components/styles/base/utilities/_typography.scss

@@ -138,3 +138,6 @@ strong {
 .material-icons {
   font-size: 1em;
 }
+.has-text-primary {
+  color: $ac-primary;
+}

package/vue-components/styles/components/_button.scss

@@ -4,6 +4,10 @@
     &:hover {
       background-color: $primary-30;
     }
+    &:disabled {
+      background-color: $ac-primary;
+      border-color: $ac-primary;
+    }
     &.is-outlined {
       border-color: $ac-primary;
       // background-color: $ac-primary;

package/vue-components/styles/components/form-fields/_input.scss

@@ -516,6 +516,11 @@
   border-color: $primary-30 !important;
 }
 
+.switch[type="checkbox"].is-primary:checked + label::before,
+.switch[type="checkbox"].is-primary:checked + label:before {
+  background-color: $ac-primary;
+}
+
 .is-checkradio[type="checkbox"] + label::after,
 .is-checkradio[type="checkbox"] + label:after {
   border-width: 0.2rem;

package/vue-components/v3/notification/AlertBox.vue

@@ -256,7 +256,7 @@ AC Toast
 
 // is-primary
 .ac-toast.is-primary {
-  @include acToast($primary);
+  @include acToast($ac-primary);
 }
 
 // is-info