npm - @appscode/design-system - Versions diffs - 2.0.40 → 2.0.41-alpha.2 - Mend

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

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 (52) hide show

package/vue-components/styles/components/bbum/_left-sidebar.scss CHANGED Viewed

@@ -55,14 +55,14 @@
               top: 0;
               width: 0px;
               height: 100%;
-              background-color: $primary;
+              background-color: $ac-primary;
               border-radius: 4px 0 0 4px;
               transition: 0.3s ease-in-out;
             }
             &:hover {
               background-color: #f5f9fc;
-              color: $primary;
+              color: $ac-primary;
               &::after {
                 width: 4px;

package/vue-components/styles/components/bbum/_single-post-preview.scss CHANGED Viewed

@@ -143,7 +143,7 @@
     }
     a {
-      color: $primary;
+      color: $ac-primary;
     }
     .count-like-share {
@@ -238,7 +238,7 @@
         }
         &:hover {
-          color: $primary;
+          color: $ac-primary;
         }
       }
     }

package/vue-components/styles/components/bbum/_user-profile.scss CHANGED Viewed

@@ -88,7 +88,7 @@
         margin-top: 20px;
         a {
-          color: $primary;
+          color: $ac-primary;
           display: flex;
           align-items: center;
           margin-bottom: 10px;
@@ -117,7 +117,7 @@
     img {
       width: 120px;
       height: 120px;
-      border: 2px solid $primary;
+      border: 2px solid $ac-primary;
     }
     figcaption {

package/vue-components/styles/components/cards/_info.scss CHANGED Viewed

@@ -62,7 +62,13 @@
     bottom: 0;
     width: 100%;
     height: 1px;
-    background: linear-gradient(-45deg, $primary, $success, $warning, $danger);
+    background: linear-gradient(
+      -45deg,
+      $ac-primary,
+      $success,
+      $warning,
+      $danger
+    );
     background-size: 400% 400%;
     animation: gradient 3s ease infinite;
   }

package/vue-components/styles/components/cards/_org.scss CHANGED Viewed

@@ -13,7 +13,7 @@
   }
   button.ac-button.is-text {
-    color: $primary;
+    color: $ac-primary;
     transition: 0.3s ease-in-out;
     padding: 2px 0;
     height: auto;
@@ -23,7 +23,7 @@
   }
   &:hover:not(.no-data-available) {
-    // border: 1px solid $primary;
+    // border: 1px solid $ac-primary;
     button.ac-button.is-text {
       gap: 16px;
     }

package/vue-components/styles/components/cards/_payment-card.scss CHANGED Viewed

@@ -55,7 +55,7 @@
       width: 14px;
       height: 14px;
       background-color: $white-100;
-      border: 1px solid $primary;
+      border: 1px solid $ac-primary;
       z-index: 1;
       border-radius: 50%;
     }
@@ -63,7 +63,7 @@
     &::before {
       width: 6px;
       height: 6px;
-      background-color: $primary;
+      background-color: $ac-primary;
       border: none;
       left: 9px;
       top: 9px;
@@ -163,7 +163,7 @@
                 color: $color-heading;
                 &:hover {
-                  background-color: $primary;
+                  background-color: $ac-primary;
                   color: $color-heading;
                 }
               }

package/vue-components/styles/components/cards/_vendor.scss CHANGED Viewed

@@ -19,7 +19,7 @@
       font-weight: 500;
       &.free {
-        color: $primary;
+        color: $ac-primary;
       }
     }
   }
@@ -42,15 +42,15 @@
     }
   }
   &.is-selected {
-    border: 1px solid $primary !important;
+    border: 1px solid $ac-primary !important;
   }
   &:hover {
-    border: 1px solid $primary;
+    border: 1px solid $ac-primary;
     .ac-card-title {
       h4 {
         a {
-          color: $primary;
+          color: $ac-primary;
         }
       }
     }

package/vue-components/styles/components/editor/_filtered-file-editor.scss CHANGED Viewed

@@ -18,7 +18,7 @@
 //   }
 //   &:hover {
-//     background-color: $primary;
+//     background-color: $ac-primary;
 //   }
 // }
@@ -111,7 +111,7 @@
             li {
               &.is-active {
                 a {
-                  background-color: $primary;
+                  background-color: $ac-primary;
                   border-radius: 5px;
                   color: $white-100;
                   padding: 10px 10px;

package/vue-components/styles/components/form-fields/_input-card.scss CHANGED Viewed

@@ -48,7 +48,7 @@
       border: none;
       label {
-        color: $primary !important;
+        color: $ac-primary !important;
       }
     }
@@ -72,7 +72,7 @@
     }
     .ac-single-radio .is-checkradio[type="radio"]:checked + label {
-      color: $primary;
+      color: $ac-primary;
     }
     .ac-single-radio {
@@ -97,7 +97,7 @@
   }
   &.is-selected {
-    border: 1px solid $primary;
+    border: 1px solid $ac-primary;
   }
   &:last-child {
@@ -188,7 +188,7 @@
         font-weight: 400;
         &:hover {
-          color: $primary;
+          color: $ac-primary;
         }
       }
     }

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

@@ -31,11 +31,11 @@
     input,
     .ac-card,
     textarea {
-      border: 1px solid $primary !important;
+      border: 1px solid $ac-primary !important;
     }
     p {
-      color: $primary;
+      color: $ac-primary;
     }
   }
@@ -350,7 +350,7 @@
           &:hover {
             background-color: $primary-20;
-            color: $primary;
+            color: $ac-primary;
           }
         }
       }
@@ -378,7 +378,7 @@
       &:focus {
         outline: none;
-        border: 1px solid $primary;
+        border: 1px solid $ac-primary;
       }
     }
   }
@@ -397,7 +397,7 @@
     font-size: 13px;
     &:hover {
-      border-color: $primary;
+      border-color: $ac-primary;
     }
     &.bg-white {
@@ -405,11 +405,11 @@
     }
     &.StripeElement--focus {
-      border: 1px solid $primary;
+      border: 1px solid $ac-primary;
     }
     &:focus {
-      border: 1px solid $primary;
+      border: 1px solid $ac-primary;
       outline: none;
       background-color: $white-100;
     }
@@ -499,14 +499,14 @@
 .is-checkradio[type="radio"] + label::after,
 .is-checkradio[type="radio"] + label:after {
-  background: $primary;
+  background: $ac-primary;
 }
 .is-checkradio[type="checkbox"]:checked + label::before,
 .is-checkradio[type="checkbox"]:checked + label:before,
 .is-checkradio[type="radio"]:checked + label::before,
 .is-checkradio[type="radio"]:checked + label:before {
-  border: 0.2rem solid $primary;
+  border: 0.2rem solid $ac-primary;
 }
 .is-checkradio[type="checkbox"]:hover:not([disabled]) + label::before,
@@ -519,7 +519,7 @@
 .is-checkradio[type="checkbox"] + label::after,
 .is-checkradio[type="checkbox"] + label:after {
   border-width: 0.2rem;
-  border-color: $primary;
+  border-color: $ac-primary;
 }
 // file upload

package/vue-components/styles/components/header/_header.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 .inner-header {
   padding: 6px 20px;
-  border-bottom: 1px solid $color-border;
+  border-bottom: 1px solid $color-border-light;
   position: sticky;
   background: $white-100;
   z-index: 99;

package/vue-components/styles/components/navbar/_menu-content.scss CHANGED Viewed

@@ -183,7 +183,7 @@
             font-size: 13px;
             &.is-active {
-              background-color: $primary;
+              background-color: $ac-primary;
               color: $white-100;
               img {
@@ -192,7 +192,7 @@
             }
             &:hover {
-              background-color: $primary;
+              background-color: $ac-primary;
               color: $white-100;
               img {
@@ -278,7 +278,7 @@
             background-color: $primary-95;
             p {
-              color: $primary !important;
+              color: $ac-primary !important;
             }
           }
         }
@@ -375,7 +375,7 @@
             &:hover {
               background-color: $primary-97;
-              color: $primary;
+              color: $ac-primary;
             }
           }
         }

package/vue-components/styles/components/navbar/_notification.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 .notification-count {
   position: absolute;
-  background-color: $primary;
+  background-color: $ac-primary;
   color: $white-100;
   padding: 4px;
   font-size: 11px;
@@ -55,7 +55,7 @@
       width: 36px;
       height: 36px;
       background-color: $primary-95;
-      color: $primary;
+      color: $ac-primary;
       font-size: 14px;
       display: flex;
       align-items: center;
@@ -93,7 +93,7 @@
     justify-content: center;
     width: 100%;
     padding: 8px;
-    color: $primary;
+    color: $ac-primary;
     cursor: pointer;
     transition: 0.3s ease-in-out;
     &:hover {

package/vue-components/styles/components/select-box/_ac-select-box.scss CHANGED Viewed

@@ -17,7 +17,7 @@
 //     &:focus {
 //       outline: none;
 //       box-shadow: none;
-//       border: 1px solid $primary;
+//       border: 1px solid $ac-primary;
 //     }
 //   }

package/vue-components/styles/components/select-box/_multi-select.scss CHANGED Viewed

@@ -118,12 +118,12 @@
             var(--hsl-lightness),
             0.2
           );
-          color: $primary;
+          color: $ac-primary;
         }
         &.multiselect__option--highlight {
           background-color: $white-100;
-          color: $primary;
+          color: $ac-primary;
           &:hover {
             background-color: $primary-97;
           }
@@ -135,7 +135,7 @@
               var(--hsl-lightness),
               0.2
             );
-            color: $primary;
+            color: $ac-primary;
           }
         }
       }

package/vue-components/styles/components/sidebar/_left-sidebar.scss CHANGED Viewed

@@ -66,7 +66,7 @@
             top: 0;
             width: calc(100% - 20px);
             height: 100%;
-            background: $primary;
+            background: $ac-primary;
             border-radius: 4px;
             z-index: -1;
             transition: 0.3s ease-in-out;
@@ -109,7 +109,7 @@
             background-color: transparent;
             &:after {
-              color: $primary;
+              color: $ac-primary;
               opacity: 0.2;
               visibility: visible;
             }

package/vue-components/styles/components/sidebar-tabs/_sidebar-tabs.scss CHANGED Viewed

@@ -32,7 +32,7 @@
           transition: 0.3s ease-in-out;
         }
         &:hover {
-          color: $primary;
+          color: $ac-primary;
           &:after {
             opacity: 1;
@@ -41,7 +41,7 @@
           }
         }
         &.is-active {
-          color: $primary;
+          color: $ac-primary;
           &:hover {
             &::after {
               background-color: $color-border;
@@ -169,7 +169,7 @@
               width: 8px;
               height: 8px;
               border-radius: 50%;
-              background-color: $primary;
+              background-color: $ac-primary;
               transition: 0.3s ease-in-out;
               opacity: 0;
               visibility: hidden;

package/vue-components/styles/components/ui-builder/_ui-builder.scss CHANGED Viewed

@@ -67,18 +67,18 @@
   &.is-active {
     &::after {
-      border: 1px dashed $primary;
+      border: 1px dashed $ac-primary;
     }
     &::before {
-      background-color: $primary;
+      background-color: $ac-primary;
     }
     .nested-header {
       h6 {
         .collaps-icon {
-          border: 1px solid $primary !important;
-          color: $primary !important;
+          border: 1px solid $ac-primary !important;
+          color: $ac-primary !important;
         }
       }
     }
@@ -199,8 +199,8 @@
 //   }
 //   .is-selected {
-//     border: 1px solid $primary;
-//     border-bottom: 1px solid $primary !important;
+//     border: 1px solid $ac-primary;
+//     border-bottom: 1px solid $ac-primary !important;
 //     border-radius: 4px;
 //   }
 // }
@@ -223,7 +223,7 @@
 //     &.is-selected {
 //       background-color: $primary-97;
 //       strong {
-//         color: $primary;
+//         color: $ac-primary;
 //       }
 //     }
 //   }
@@ -383,14 +383,14 @@
     height: 18px;
     cursor: pointer;
     border: none;
-    color: $primary;
+    color: $ac-primary;
     background-color: $color-border;
     transition: 0.3s ease-in-out;
     &:hover {
       background-color: $primary-80;
     }
     &.is-primary {
-      background-color: $primary;
+      background-color: $ac-primary;
       color: $white-100;
       &:hover {
         background-color: $primary-30;

package/vue-components/styles/components/ui-builder/_vue-open-api.scss CHANGED Viewed

@@ -133,11 +133,11 @@
       input,
       .ac-card,
       textarea {
-        border: 1px solid $primary !important;
+        border: 1px solid $ac-primary !important;
       }
       p {
-        color: $primary;
+        color: $ac-primary;
       }
     }
@@ -485,7 +485,7 @@
                 var(--hsl-lightness),
                 0.2
               );
-              color: $primary;
+              color: $ac-primary;
             }
           }
         }
@@ -513,7 +513,7 @@
         &:focus {
           outline: none;
-          border: 1px solid $primary;
+          border: 1px solid $ac-primary;
         }
       }
     }

package/vue-components/v2/pagination/Pagination.vue CHANGED Viewed

@@ -184,11 +184,11 @@ export default {
         font-weight: 500;
         border-radius: 4px;
         border: 1px solid $color-border;
-        color: $primary;
+        color: $ac-primary;
         margin-left: 4px;
         &:hover {
-          background-color: $primary !important;
+          background-color: $ac-primary !important;
           color: $white-100;
           border: 1px solid $color-border;
         }
@@ -199,7 +199,7 @@ export default {
           background-color: $primary-97;
         }
         &.is-current {
-          background-color: $primary;
+          background-color: $ac-primary;
           color: $white-100;
         }
       }
@@ -227,7 +227,7 @@ export default {
     &:focus,
     &:active,
     &:focus-visible {
-      border: 1px solid $primary;
+      border: 1px solid $ac-primary;
       outline: none;
     }
   }

package/vue-components/v3/header/Header.vue CHANGED Viewed

@@ -61,7 +61,7 @@ withDefaults(defineProps<Props>(), {
 //   min-height: 75px;
 //   display: table;
 //   width: 100%;
-//   border-left: 5px solid $primary;
+//   border-left: 5px solid $ac-primary;
 //   border-bottom: 1px solid $color-border;
 //   border-top: 1px solid $color-border;
 //   border-right: 1px solid $color-border;

package/vue-components/v3/navbar/ThemeMode.vue CHANGED Viewed

@@ -129,7 +129,7 @@ watch(themeMode, (n) => {
     &.is-active {
       background: $color-border;
-      color: $primary;
+      color: $ac-primary;
     }
   }
 }

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

@@ -70,13 +70,13 @@ const getSanitizedHtml = (content: string) => {
 .ac-notification {
   background-color: $primary-95;
   font-size: 13px;
-  color: $primary;
+  color: $ac-primary;
   min-height: 36px;
   display: flex;
   align-items: center;
   padding: 8px 16px;
   overflow: hidden;
-  border: 1px solid $primary;
+  border: 1px solid $ac-primary;
   border-radius: 4px;
   justify-content: flex-start;
   position: relative;
@@ -84,7 +84,7 @@ const getSanitizedHtml = (content: string) => {
   min-width: 280px;
   p {
-    color: $primary;
+    color: $ac-primary;
     margin-bottom: 0;
     .close-icon {
@@ -94,7 +94,7 @@ const getSanitizedHtml = (content: string) => {
     a {
       text-decoration: underline;
-      color: $primary;
+      color: $ac-primary;
       &:hover {
         color: hsla(
@@ -151,16 +151,16 @@ const getSanitizedHtml = (content: string) => {
     0.2
   );
   color: $white-100;
-  border-color: $primary;
+  border-color: $ac-primary;
   p {
-    color: $primary;
+    color: $ac-primary;
     a {
-      color: $primary;
+      color: $ac-primary;
       &:hover {
-        color: $primary;
+        color: $ac-primary;
         opacity: 0.8;
       }
     }

package/vue-components/v3/pagination/Pagination.vue CHANGED Viewed

@@ -183,11 +183,11 @@ watch(
         font-weight: 500;
         border-radius: 4px;
         border: 1px solid $color-border;
-        color: $primary;
+        color: $ac-primary;
         margin-left: 4px;
         &:hover {
-          background-color: $primary !important;
+          background-color: $ac-primary !important;
           color: $white-100;
           border: 1px solid $color-border;
         }
@@ -201,7 +201,7 @@ watch(
         }
         &.is-current {
-          background-color: $primary;
+          background-color: $ac-primary;
           color: $white-100;
         }
       }
@@ -232,7 +232,7 @@ watch(
     &:focus,
     &:active,
     &:focus-visible {
-      border: 1px solid $primary;
+      border: 1px solid $ac-primary;
       outline: none;
     }
   }

package/vue-components/v3/sidebar/Steps.vue CHANGED Viewed

@@ -105,7 +105,7 @@ ul {
         color: $primary-80;
         font-size: 16px;
         &.is-active {
-          background-color: $primary;
+          background-color: $ac-primary;
           color: $white-100;
           border: 1px solid $color-border;
         }
@@ -119,7 +119,7 @@ ul {
         &.is-active {
           strong {
             .step-count {
-              background-color: $primary;
+              background-color: $ac-primary;
               color: $white-100;
               border: 1px solid $color-border;
             }