fix(core/blind): adjust padding (#475)

siemens · Apr 11, 2023 · 4eb1cc6 · 4eb1cc6
1 parent 31a2e94
commit 4eb1cc6
Show file tree

Hide file tree

Showing 95 changed files with 818 additions and 22 deletions.
diff --git a/ix.code-workspace b/ix.code-workspace
@@ -58,6 +58,13 @@
       "blankLinesAfter": 0,
       "forceToTop": true
     },
+    "psi-header.lang-config": [
+      {
+        "language": "vue",
+        "begin": "<!--",
+        "end": "-->"
+      }
+    ],
     "psi-header.templates": [
       {
         "language": "*",

diff --git a/packages/angular-test-app/src/preview-examples/blind-header-actions.ts b/packages/angular-test-app/src/preview-examples/blind-header-actions.ts
@@ -16,6 +16,7 @@ import { Component } from '@angular/core';
       <ix-icon-button
         id="context-menu"
         slot="header-actions"
+        ghost
         icon="context-menu"
       ></ix-icon-button>
       <ix-dropdown trigger="context-menu">test</ix-dropdown>

diff --git a/packages/html-test-app/src/preview-examples/blind-header-actions.html b/packages/html-test-app/src/preview-examples/blind-header-actions.html
@@ -15,6 +15,7 @@
       <ix-icon-button
         id="context-menu"
         slot="header-actions"
+        ghost
         icon="context-menu"
       ></ix-icon-button>
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy

diff --git a/packages/react-test-app/src/preview-examples/blind-header-actions.tsx b/packages/react-test-app/src/preview-examples/blind-header-actions.tsx
@@ -19,7 +19,12 @@ export default () => {
   return (
     <>
       <IxBlind label="Example">
-        <IxIconButton icon="info" id="context-menu"></IxIconButton>
+        <IxIconButton
+          id="context-menu"
+          slot="header-actions"
+          ghost
+          icon="info"
+        ></IxIconButton>
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
         eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
         voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet

diff --git a/packages/vue-test-app/src/preview-examples/about-and-legal.vue b/packages/vue-test-app/src/preview-examples/about-and-legal.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import {
   IxBasicNavigation,

diff --git a/packages/vue-test-app/src/preview-examples/aggrid.vue b/packages/vue-test-app/src/preview-examples/aggrid.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { GridOptions } from 'ag-grid-community';
 import { AgGridVue } from 'ag-grid-vue3';

diff --git a/packages/vue-test-app/src/preview-examples/basic-navigation-without-header.vue b/packages/vue-test-app/src/preview-examples/basic-navigation-without-header.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxBasicNavigation, IxMenu, IxMenuItem } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/basic-navigation.vue b/packages/vue-test-app/src/preview-examples/basic-navigation.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxBasicNavigation, IxMenu, IxMenuItem } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/blind-header-actions.vue b/packages/vue-test-app/src/preview-examples/blind-header-actions.vue
@@ -1,18 +1,24 @@
-/*
+<!--
  * SPDX-FileCopyrightText: 2023 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */
+-->
+
 <script setup lang="ts">
 import { IxBlind, IxDropdown, IxIconButton } from '@siemens/ix-vue';
 </script>
 
 <template>
   <IxBlind label="Example">
-    <IxIconButton slot="header-actions" id="context-menu" icon="context-menu"></IxIconButton>
+    <IxIconButton
+      slot="header-actions"
+      id="context-menu"
+      ghost
+      icon="context-menu"
+    ></IxIconButton>
     Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
     eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
     voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet

diff --git a/packages/vue-test-app/src/preview-examples/blind.vue b/packages/vue-test-app/src/preview-examples/blind.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxBlind } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/breadcrumb-next-items.vue b/packages/vue-test-app/src/preview-examples/breadcrumb-next-items.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxBreadcrumb, IxBreadcrumbItem } from '@siemens/ix-vue';
 import { ref } from 'vue';

diff --git a/packages/vue-test-app/src/preview-examples/breadcrumb-truncate.vue b/packages/vue-test-app/src/preview-examples/breadcrumb-truncate.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxBreadcrumb, IxBreadcrumbItem } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/breadcrumb.vue b/packages/vue-test-app/src/preview-examples/breadcrumb.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxBreadcrumb, IxBreadcrumbItem } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/button-ghost.vue b/packages/vue-test-app/src/preview-examples/button-ghost.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxButton } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/button-grey-ghost.vue b/packages/vue-test-app/src/preview-examples/button-grey-ghost.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxButton } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/button-grey-secondary.vue b/packages/vue-test-app/src/preview-examples/button-grey-secondary.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxButton } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/button-grey.vue b/packages/vue-test-app/src/preview-examples/button-grey.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxButton } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/button-group.vue b/packages/vue-test-app/src/preview-examples/button-group.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxButton } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/button-secondary.vue b/packages/vue-test-app/src/preview-examples/button-secondary.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxButton } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/button-selected.vue b/packages/vue-test-app/src/preview-examples/button-selected.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxButton } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/button-text-icon.vue b/packages/vue-test-app/src/preview-examples/button-text-icon.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxButton, IxIcon } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/button-with-icon.vue b/packages/vue-test-app/src/preview-examples/button-with-icon.vue
@@ -1,13 +1,13 @@
-<script setup lang="ts">
-/*
- * SPDX-FileCopyrightText: 2022 Siemens AG
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */
+-->
 
+<script setup lang="ts">
 import { IxIconButton } from '@siemens/ix-vue';
 </script>
 

diff --git a/packages/vue-test-app/src/preview-examples/buttons.vue b/packages/vue-test-app/src/preview-examples/buttons.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxButton } from '@siemens/ix-vue';
 </script>

diff --git a/packages/vue-test-app/src/preview-examples/category-filter-suggestions.vue b/packages/vue-test-app/src/preview-examples/category-filter-suggestions.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxCategoryFilter } from '@siemens/ix-vue';
 import { ref } from 'vue';

diff --git a/packages/vue-test-app/src/preview-examples/category-filter.vue b/packages/vue-test-app/src/preview-examples/category-filter.vue
@@ -1,13 +1,13 @@
-<script setup lang="ts">
-/*
- * SPDX-FileCopyrightText: 2022 Siemens AG
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */
+-->
 
+<script setup lang="ts">
 import { FilterState, LogicalFilterOperator } from '@siemens/ix';
 import { IxCategoryFilter } from '@siemens/ix-vue';
 

diff --git a/packages/vue-test-app/src/preview-examples/checkbox-indeterminate.vue b/packages/vue-test-app/src/preview-examples/checkbox-indeterminate.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 

diff --git a/packages/vue-test-app/src/preview-examples/checkbox.vue b/packages/vue-test-app/src/preview-examples/checkbox.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts"></script>
 
 <template>

diff --git a/packages/vue-test-app/src/preview-examples/chip.vue b/packages/vue-test-app/src/preview-examples/chip.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxChip } from '@siemens/ix-vue';
 

diff --git a/packages/vue-test-app/src/preview-examples/datepicker-range.vue b/packages/vue-test-app/src/preview-examples/datepicker-range.vue
@@ -1,3 +1,12 @@
+<!--
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+-->
+
 <script setup lang="ts">
 import { IxDatePicker } from '@siemens/ix-vue';
 </script>