@onsvisual/svelte-components 1.1.32 → 1.1.34

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 (6) hide show
  1. package/dist/components/Button/Button.svelte +1 -1
  2. package/dist/components/Button/Button.svelte.d.ts +2 -2
  3. package/dist/components/Header/HeaderNav.svelte +11 -6
  4. package/dist/components/Icon/Icon.svelte +17 -1
  5. package/dist/components/Icon/Icon.svelte.d.ts +2 -2
  6. package/package.json +1 -1
package/dist/components/Button/Button.svelte CHANGED
@@ -37,7 +37,7 @@
37
37
  export let small = false;
38
38
  /**
39
39
  * Icon on button, eg. "arrow", "search"
40
- * @type {"arrow"|"carret"|"chevron"|"code"|"cog"|"copy"|"cross"|"download"|"expand"|"external"|"pin"|"print"|"search"|"shrink"|"signout"|"tick"|"upload"|null}
40
+ * @type {"arrow"|"carret"|"chevron"|"code"|"cog"|"copy"|"cross"|"delete"|"download"|"edit"|"expand"|"external"|"pin"|"print"|"save"|"saveas"|"search"|"shrink"|"signout"|"tick"|"upload"|null}
41
41
  */
42
42
  export let icon = null;
43
43
  /**
package/dist/components/Button/Button.svelte.d.ts CHANGED
@@ -9,7 +9,7 @@ export default class Button extends SvelteComponentTyped<{
9
9
  type?: "button" | "reset" | "submit" | undefined;
10
10
  variant?: "primary" | "secondary" | "ghost" | undefined;
11
11
  noScroll?: boolean | undefined;
12
- icon?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | "upload" | null | undefined;
12
+ icon?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "delete" | "download" | "edit" | "expand" | "external" | "pin" | "print" | "save" | "saveas" | "shrink" | "signout" | "tick" | "upload" | null | undefined;
13
13
  iconPosition?: "before" | "after" | undefined;
14
14
  iconRotation?: number | undefined;
15
15
  disabled?: boolean | undefined;
@@ -38,7 +38,7 @@ declare const __propDef: {
38
38
  type?: "button" | "reset" | "submit" | undefined;
39
39
  variant?: "primary" | "secondary" | "ghost" | undefined;
40
40
  noScroll?: boolean | undefined;
41
- icon?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | "upload" | null | undefined;
41
+ icon?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "delete" | "download" | "edit" | "expand" | "external" | "pin" | "print" | "save" | "saveas" | "shrink" | "signout" | "tick" | "upload" | null | undefined;
42
42
  iconPosition?: "before" | "after" | undefined;
43
43
  iconRotation?: number | undefined;
44
44
  disabled?: boolean | undefined;
package/dist/components/Header/HeaderNav.svelte CHANGED
@@ -131,17 +131,17 @@
131
131
  {
132
132
  label_en: "Construction industry",
133
133
  label_cy: "Diwydiant adeiladu",
134
- url: "/businessindustryandtrade/itandinternetindustry"
134
+ url: "/businessindustryandtrade/constructionindustry"
135
135
  },
136
136
  {
137
137
  label_en: "International trade",
138
138
  label_cy: "Masnach ryngwladol",
139
- url: "/businessindustryandtrade/constructionindustry"
139
+ url: "/businessindustryandtrade/internationaltrade"
140
140
  },
141
141
  {
142
142
  label_en: "IT and internet industry",
143
143
  label_cy: "Y diwydiant TGCh a'r rhyngrwyd",
144
- url: "/businessindustryandtrade/internationaltrade"
144
+ url: "/businessindustryandtrade/itandinternetindustry"
145
145
  },
146
146
  {
147
147
  label_en: "Manufacturing and production industry",
@@ -584,7 +584,7 @@
584
584
  </div>
585
585
  </form>
586
586
  </Container>
587
- <Container {width}>
587
+ <!-- <Container {width}>
588
588
  <h2 class="ons-u-fs-r--b ons-u-mb-s ons-header-nav-search__heading">
589
589
  {i18n("Popular searches")}
590
590
  </h2>
@@ -592,13 +592,13 @@
592
592
  {#each menu.searches as item (item.label_en)}
593
593
  <li class="ons-list__item">
594
594
  <a
595
- href="{baseurl}search?q={item[`label_${lang}`]}"
595
+ href="{baseurl}/search?q={item[`label_${lang}`]}"
596
596
  class="ons-u-fs-r ons-header-nav-search__text">{item[`label_${lang}`]}</a
597
597
  >
598
598
  </li>
599
599
  {/each}
600
600
  </ul>
601
- </Container>
601
+ </Container> -->
602
602
  </nav>
603
603
  {/if}
604
604
 
@@ -642,4 +642,9 @@
642
642
  .ons-header__language {
643
643
  display: block;
644
644
  }
645
+ .ons-header-nav-search__input {
646
+ /* This is a shim to avoid having a redundant border under the search box */
647
+ border-bottom: none;
648
+ padding-bottom: 0 !important;
649
+ }
645
650
  </style>
package/dist/components/Icon/Icon.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script>
2
2
  /**
3
3
  * Set the type of icon
4
- * @type {"arrow"|"carret"|"chevron"|"code"|"cog"|"copy"|"cross"|"download"|"expand"|"external"|"pin"|"print"|"search"|"shrink"|"signout"|"tick"|"upload"}
4
+ * @type {"arrow"|"carret"|"chevron"|"code"|"cog"|"copy"|"cross"|"delete"|"download"|"edit"|"expand"|"external"|"pin"|"print"|"save"|"saveas"|"search"|"shrink"|"signout"|"tick"|"upload"}
5
5
  */
6
6
  export let type = "arrow";
7
7
  /**
@@ -64,10 +64,18 @@
64
64
  d: "M12 1.2086L10.7914 0L6 4.79155L1.20857 0L0 1.2086L4.79143 6.00015L0 10.7917L1.20857 12.0003L6 7.20875L10.7914 12.0003L12 10.7917L7.20857 6.00015L12 1.2086Z",
65
65
  viewBox: "0 0 12 12"
66
66
  },
67
+ delete: {
68
+ d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z",
69
+ viewBox: "4 4 16 16"
70
+ },
67
71
  download: {
68
72
  d: "M5.6 9a.48.48 0 0 0 .7 0l3-3.2a.48.48 0 0 0 0-.7C9.3 5 9.2 5 9 5H7.5V.5A.47.47 0 0 0 7 0H5a.47.47 0 0 0-.5.5V5H3a.47.47 0 0 0-.5.5.37.37 0 0 0 .1.3Z M11.5 9H11a.47.47 0 0 0-.5.5v1h-9v-1A.47.47 0 0 0 1 9H.5a.47.47 0 0 0-.5.5v2a.47.47 0 0 0 .5.5h11a.47.47 0 0 0 .5-.5v-2a.47.47 0 0 0-.5-.5Z",
69
73
  viewBox: "0 0 12 12"
70
74
  },
75
+ edit: {
76
+ d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z",
77
+ viewBox: "4 4 16 16"
78
+ },
71
79
  expand: {
72
80
  d: "M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z",
73
81
  viewBox: "4 4 16 16"
@@ -84,6 +92,14 @@
84
92
  d: "M17 4H3C1.3 4 0 5.2 0 6.8v5.5h4V16h12v-3.7h4V6.8C20 5.2 18.7 4 17 4zm-3 10H6V9h8v5zm3-6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-1-8H4v3h12V0z",
85
93
  viewBox: "4 0 16 16"
86
94
  },
95
+ save: {
96
+ d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z",
97
+ viewBox: "4 4 16 16"
98
+ },
99
+ saveas: {
100
+ d: "M21 12.4V7l-4-4H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h7.4zM15 15c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3M6 6h9v4H6zm13.99 10.25 1.77 1.77L16.77 23H15v-1.77zm3.26.26-.85.85-1.77-1.77.85-.85c.2-.2.51-.2.71 0l1.06 1.06c.2.2.2.52 0 .71",
101
+ viewBox: "4 4 16 16"
102
+ },
87
103
  search: {
88
104
  d: "M11.86 10.23 8.62 6.99a4.63 4.63 0 1 0-6.34 1.64 4.55 4.55 0 0 0 2.36.64 4.65 4.65 0 0 0 2.33-.65l3.24 3.23a.46.46 0 0 0 .65 0l1-1a.48.48 0 0 0 0-.62Zm-5-3.32a3.28 3.28 0 0 1-2.31.93 3.22 3.22 0 1 1 2.35-.93Z",
89
105
  viewBox: "0 0 12 12"
package/dist/components/Icon/Icon.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  /** @typedef {typeof __propDef.events} IconEvents */
3
3
  /** @typedef {typeof __propDef.slots} IconSlots */
4
4
  export default class Icon extends SvelteComponentTyped<{
5
- type?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | "upload" | undefined;
5
+ type?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "delete" | "download" | "edit" | "expand" | "external" | "pin" | "print" | "save" | "saveas" | "shrink" | "signout" | "tick" | "upload" | undefined;
6
6
  size?: "s" | "m" | "l" | "xl" | "2xl" | "3xl" | null | undefined;
7
7
  rotation?: number | undefined;
8
8
  svgPath?: string | null | undefined;
@@ -19,7 +19,7 @@ export type IconSlots = typeof __propDef.slots;
19
19
  import { SvelteComponentTyped } from "svelte";
20
20
  declare const __propDef: {
21
21
  props: {
22
- type?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | "upload" | undefined;
22
+ type?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "delete" | "download" | "edit" | "expand" | "external" | "pin" | "print" | "save" | "saveas" | "shrink" | "signout" | "tick" | "upload" | undefined;
23
23
  size?: "s" | "m" | "l" | "xl" | "2xl" | "3xl" | null | undefined;
24
24
  rotation?: number | undefined;
25
25
  svgPath?: string | null | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onsvisual/svelte-components",
3
- "version": "1.1.32",
3
+ "version": "1.1.34",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "npm run build:package && npm run build:docs",