@appscode/design-system 1.0.43-alpha.205 → 1.0.43-alpha.206

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.
@@ -173,6 +173,11 @@
173
173
  }
174
174
  }
175
175
 
176
+ &.is-disabled {
177
+ opacity: 0.5;
178
+ cursor: not-allowed;
179
+ }
180
+
176
181
  &:hover {
177
182
  border: 1px solid $ac-primary;
178
183
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "1.0.43-alpha.205",
3
+ "version": "1.0.43-alpha.206",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
@@ -43,11 +43,7 @@
43
43
  <!-- modal footer start -->
44
44
  <div
45
45
  v-if="!hideActionFooter"
46
- class="
47
- ac-modal-footer
48
- action-footer
49
- is-flex is-align-items-center is-justify-content-space-between
50
- "
46
+ class="ac-modal-footer action-footer is-flex is-align-items-center is-justify-content-space-between"
51
47
  >
52
48
  <div>
53
49
  <slot name="modal-footer-left" />
@@ -65,6 +61,11 @@
65
61
  <script>
66
62
  import { defineComponent, defineAsyncComponent } from "vue";
67
63
 
64
+ const modalCloseIcon = import.meta.glob(
65
+ "/src/assets/icons/modal/close-icon.svg",
66
+ { eager: true }
67
+ );
68
+
68
69
  export default defineComponent({
69
70
  props: {
70
71
  open: {
@@ -112,9 +113,8 @@ export default defineComponent({
112
113
  data() {
113
114
  return {
114
115
  showModal: false,
115
- crossIcon: import.meta.globEager(
116
- "/src/assets/icons/modal/close-icon.svg"
117
- )["/src/assets/icons/modal/close-icon.svg"].default,
116
+ crossIcon:
117
+ modalCloseIcon["/src/assets/icons/modal/close-icon.svg"].default,
118
118
  };
119
119
  },
120
120