hr-design-system-handlebars 1.35.13 → 1.35.14

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 (9) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/index.css +9 -3
  3. package/dist/views/components/footer/page_footer_search.hbs +1 -1
  4. package/dist/views/components/site_header/navigation_search/quick_search_form.hbs +3 -3
  5. package/dist/views_static/components/footer/page_footer_search.hbs +1 -1
  6. package/dist/views_static/components/site_header/navigation_search/quick_search_form.hbs +3 -3
  7. package/package.json +1 -1
  8. package/src/stories/views/components/footer/page_footer_search.hbs +1 -1
  9. package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.35.14 (Fri Aug 11 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Footer Search: Suggestions open upward [#710](https://github.com/mumprod/hr-design-system-handlebars/pull/710) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (saad.elbaciri@hr.de)
11
+
12
+ ---
13
+
1
14
  # v1.35.13 (Fri Aug 11 2023)
2
15
 
3
16
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1745,6 +1745,9 @@ video {
1745
1745
  .flex-col {
1746
1746
  flex-direction: column;
1747
1747
  }
1748
+ .flex-col-reverse {
1749
+ flex-direction: column-reverse;
1750
+ }
1748
1751
  .flex-wrap {
1749
1752
  flex-wrap: wrap;
1750
1753
  }
@@ -1802,6 +1805,9 @@ video {
1802
1805
  -moz-column-gap: 1.5rem;
1803
1806
  column-gap: 1.5rem;
1804
1807
  }
1808
+ .gap-y-1 {
1809
+ row-gap: 0.25rem;
1810
+ }
1805
1811
  .gap-y-10 {
1806
1812
  row-gap: 2.5rem;
1807
1813
  }
@@ -3025,7 +3031,7 @@ video {
3025
3031
  border-bottom-color: var(--color-secondary-ds);
3026
3032
  }
3027
3033
  .counter-reset {
3028
- counter-reset: cnt1691753693775;
3034
+ counter-reset: cnt1691756089196;
3029
3035
  }
3030
3036
  .hyphens-auto {
3031
3037
  -webkit-hyphens: auto;
@@ -3260,7 +3266,7 @@ video {
3260
3266
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3261
3267
  }
3262
3268
  .-ordered {
3263
- counter-increment: cnt1691753693775 1;
3269
+ counter-increment: cnt1691756089196 1;
3264
3270
  }
3265
3271
  .-ordered::before {
3266
3272
  position: absolute;
@@ -3276,7 +3282,7 @@ video {
3276
3282
  letter-spacing: .0125em;
3277
3283
  --tw-text-opacity: 1;
3278
3284
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3279
- content: counter(cnt1691753693775);
3285
+ content: counter(cnt1691756089196);
3280
3286
  }
3281
3287
  /*! ****************************/
3282
3288
  /*! DataPolicy stuff */
package/dist/views/components/footer/page_footer_search.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="relative mx-auto ">
2
2
  <div class="flex px-8 pt-4 md:pt-0 md:px-0">
3
- {{> components/site_header/navigation_search/quick_search_form }}
3
+ {{> components/site_header/navigation_search/quick_search_form _footer=true }}
4
4
  </div>
5
5
 
6
6
  </div>
package/dist/views/components/site_header/navigation_search/quick_search_form.hbs CHANGED
@@ -6,7 +6,7 @@
6
6
  class="relative flex w-full border rounded lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end"
7
7
  >
8
8
  <div
9
- class="flex w-full lg:h-10"
9
+ class="flex {{~#if _footer}} flex-col-reverse h-10 gap-y-1 {{else}} lg:h-10 {{/if}} w-full"
10
10
  id="search-content"
11
11
  @click.away="active=false; cursorIndex=-1"
12
12
  @keydown.arrow-down="moveDownList()"
@@ -19,7 +19,7 @@
19
19
  name="query"
20
20
  x-model="query"
21
21
  placeholder='{{loca "search_input_placeholder" }}'
22
- class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
22
+ class="w-full px-2 {{~#if _footer}} py-3 {{else}} py-2 {{/if}} text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
23
23
  type="text"
24
24
  id="searchInput--{{getRandom}}"
25
25
  autocomplete="off"
@@ -31,7 +31,7 @@
31
31
  aria-controls="suggestionlist--{{getRandom}}"
32
32
  >
33
33
  <div
34
- class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10"
34
+ class="{{~#unless _footer}} absolute {{/unless}}left-0 w-auto min-w-full z-100 top-8 lg:top-10"
35
35
  x-show="query.length > 1 && active && suggestions.length"
36
36
  x-cloak
37
37
  x-transition:leave="transition ease-in duration-100"
package/dist/views_static/components/footer/page_footer_search.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="relative mx-auto ">
2
2
  <div class="flex px-8 pt-4 md:pt-0 md:px-0">
3
- {{> components/site_header/navigation_search/quick_search_form }}
3
+ {{> components/site_header/navigation_search/quick_search_form _footer=true }}
4
4
  </div>
5
5
 
6
6
  </div>
package/dist/views_static/components/site_header/navigation_search/quick_search_form.hbs CHANGED
@@ -6,7 +6,7 @@
6
6
  class="relative flex w-full border rounded lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end"
7
7
  >
8
8
  <div
9
- class="flex w-full lg:h-10"
9
+ class="flex {{~#if _footer}} flex-col-reverse h-10 gap-y-1 {{else}} lg:h-10 {{/if}} w-full"
10
10
  id="search-content"
11
11
  @click.away="active=false; cursorIndex=-1"
12
12
  @keydown.arrow-down="moveDownList()"
@@ -19,7 +19,7 @@
19
19
  name="query"
20
20
  x-model="query"
21
21
  placeholder='{{loca "search_input_placeholder" }}'
22
- class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
22
+ class="w-full px-2 {{~#if _footer}} py-3 {{else}} py-2 {{/if}} text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
23
23
  type="text"
24
24
  id="searchInput--{{getRandom}}"
25
25
  autocomplete="off"
@@ -31,7 +31,7 @@
31
31
  aria-controls="suggestionlist--{{getRandom}}"
32
32
  >
33
33
  <div
34
- class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10"
34
+ class="{{~#unless _footer}} absolute {{/unless}}left-0 w-auto min-w-full z-100 top-8 lg:top-10"
35
35
  x-show="query.length > 1 && active && suggestions.length"
36
36
  x-cloak
37
37
  x-transition:leave="transition ease-in duration-100"
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.35.13",
9
+ "version": "1.35.14",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/footer/page_footer_search.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="relative mx-auto ">
2
2
  <div class="flex px-8 pt-4 md:pt-0 md:px-0">
3
- {{> components/site_header/navigation_search/quick_search_form }}
3
+ {{> components/site_header/navigation_search/quick_search_form _footer=true }}
4
4
  </div>
5
5
 
6
6
  </div>
package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs CHANGED
@@ -6,7 +6,7 @@
6
6
  class="relative flex w-full border rounded lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end"
7
7
  >
8
8
  <div
9
- class="flex w-full lg:h-10"
9
+ class="flex {{~#if _footer}} flex-col-reverse h-10 gap-y-1 {{else}} lg:h-10 {{/if}} w-full"
10
10
  id="search-content"
11
11
  @click.away="active=false; cursorIndex=-1"
12
12
  @keydown.arrow-down="moveDownList()"
@@ -19,7 +19,7 @@
19
19
  name="query"
20
20
  x-model="query"
21
21
  placeholder='{{loca "search_input_placeholder" }}'
22
- class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
22
+ class="w-full px-2 {{~#if _footer}} py-3 {{else}} py-2 {{/if}} text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
23
23
  type="text"
24
24
  id="searchInput--{{getRandom}}"
25
25
  autocomplete="off"
@@ -31,7 +31,7 @@
31
31
  aria-controls="suggestionlist--{{getRandom}}"
32
32
  >
33
33
  <div
34
- class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10"
34
+ class="{{~#unless _footer}} absolute {{/unless}}left-0 w-auto min-w-full z-100 top-8 lg:top-10"
35
35
  x-show="query.length > 1 && active && suggestions.length"
36
36
  x-cloak
37
37
  x-transition:leave="transition ease-in duration-100"