@appscode/design-system 1.1.0-beta.71 → 1.1.0-beta.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "1.1.0-beta.71",
+  "version": "1.1.0-beta.73",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v3/editor/Editor.vue

@@ -20,7 +20,7 @@ const props = withDefaults(defineProps<Props>(), {
   showMinimap: false,
   editorHeight: 40,
   editorTheme: "",
-  wordWrap: "off",
+  wordWrap: "on",
 });
 
 const emit = defineEmits(["update:modelValue"]);

package/vue-components/v3/editor/FilteredFileEditor.vue

@@ -10,6 +10,7 @@ interface Props {
   previewYamls?: Array<PreviewYamlType>;
   showMinimap?: boolean;
   editorHeight?: number;
+  wordWrap?: string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -20,6 +21,7 @@ const props = withDefaults(defineProps<Props>(), {
   previewYamls: () => [],
   showMinimap: false,
   editorHeight: 60,
+  wordWrap: "on",
 });
 
 const emit = defineEmits(["setActiveKey"]);
@@ -174,6 +176,7 @@ watch(
               :read-only="isEditorReadOnly"
               :editor-height="editorHeight"
               :show-minimap="showMinimap"
+              :word-wrap="wordWrap"
             />
           </div>
         </template>

package/vue-components/v3/editor/ResourceKeyValueEditor.vue

@@ -14,6 +14,7 @@ interface Props {
   deleteModalStatus?: string;
   editorHeight?: number;
   hideHeader?: boolean;
+  editorWordWrap?: string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -28,6 +29,7 @@ const props = withDefaults(defineProps<Props>(), {
   deleteModalStatus: "closed",
   editorHeight: 60,
   hideHeader: false,
+  editorWordWrap: "on",
 });
 
 const emit = defineEmits(["activeKey"]);
@@ -95,6 +97,7 @@ watch(
         :show-minimap="showMinimap"
         :editor-height="editorHeight"
         @setActiveKey="setActiveKey"
+        :word-wrap="editorWordWrap"
       />
     </template>
   </content-table>

package/vue-components/v3/modal/Modal.vue

@@ -97,8 +97,8 @@ watch(
             <slot name="modal-header-controls" />
             <header-item>
               <ac-button
+                v-if="!isCloseOptionDisabled"
                 modifier-classes="is-square is-transparent"
-                :disabled="isCloseOptionDisabled"
                 :icon-image="crossIcon"
                 @click.stop="destroyModal"
                 data-testid="modal-generic-close-icon"

package/vue-components/v3/modals/JsonShowModal.vue

@@ -85,6 +85,7 @@ const closeModal = () => {
       :read-only="true"
       language="json"
       :show-minimap="false"
+      word-wrap="on"
     />
   </modal>
 </template>