hr-design-system-handlebars 0.99.3 → 0.99.4

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v0.99.4 (Wed Dec 07 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - fixes background issue in mixed navi [#422](https://github.com/mumprod/hr-design-system-handlebars/pull/422) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
1
13
  # v0.99.3 (Wed Dec 07 2022)
2
14
 
3
15
  #### 🐛 Bug Fix
@@ -2107,7 +2107,7 @@ video {
2107
2107
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2108
2108
  }
2109
2109
  .counter-reset {
2110
- counter-reset: cnt1670429172774;
2110
+ counter-reset: cnt1670432695998;
2111
2111
  }
2112
2112
  .line-clamp-4 {
2113
2113
  overflow: hidden;
@@ -2465,7 +2465,7 @@ video {
2465
2465
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2466
2466
  }
2467
2467
  .-ordered {
2468
- counter-increment: cnt1670429172774 1;
2468
+ counter-increment: cnt1670432695998 1;
2469
2469
  }
2470
2470
  .-ordered::before {
2471
2471
  position: absolute;
@@ -2481,7 +2481,7 @@ video {
2481
2481
  letter-spacing: .0125em;
2482
2482
  --tw-text-opacity: 1;
2483
2483
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2484
- content: counter(cnt1670429172774);
2484
+ content: counter(cnt1670432695998);
2485
2485
  }
2486
2486
  .\[-T\:\+Z\] {
2487
2487
  --t: +Z;
@@ -3522,14 +3522,18 @@ video {
3522
3522
  border-style: none;
3523
3523
  }
3524
3524
 
3525
+ .md\:border-blue-congress {
3526
+ --tw-border-opacity: 1;
3527
+ border-color: rgba(0, 82, 147, var(--tw-border-opacity));
3528
+ }
3529
+
3525
3530
  .md\:border-white {
3526
3531
  --tw-border-opacity: 1;
3527
3532
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
3528
3533
  }
3529
3534
 
3530
- .md\:border-blue-congress {
3531
- --tw-border-opacity: 1;
3532
- border-color: rgba(0, 82, 147, var(--tw-border-opacity));
3535
+ .md\:bg-transparent {
3536
+ background-color: transparent;
3533
3537
  }
3534
3538
 
3535
3539
  .md\:bg-neutral-200 {
@@ -9,7 +9,7 @@
9
9
 
10
10
  <div x-show="shouldDropdownBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
11
11
  :class="contentNavDropdownIsOpen ? 'shadow-[1px_4px_5px_0px_rgba(50,50,93,0.10)]' : ''"
12
- class="relative flex w-auto h-10 mx-2 mb-0 overflow-hidden bg-white border md:mx-0 z-1002 border-blue-congress whitespace-nowrap text-blue-congress fill-congress"
12
+ class="relative flex w-auto h-10 mx-2 mb-0 overflow-hidden bg-white border md:mx-0 z-1002 md:border-blue-congress whitespace-nowrap text-blue-congress fill-congress"
13
13
  >
14
14
  <span class="self-center w-full p-2 text-base">{{_buttonText}}</span>
15
15
  <div class="flex self-center w-auto h-full px-3 py-1 border-l border-blue-congress">
@@ -30,7 +30,7 @@
30
30
  <div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
31
31
  aria-haspopup="true"
32
32
  :class="contentNavDropdownIsOpen ? 'z-9999 w-auto relative' : ' z-1003'"
33
- class="{{#if this.isDropdown}} mx-2 md:mx-0 {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
33
+ class="{{#if this.isDropdown}} mx-2 md:mx-0 {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
34
34
  {{~decorator_body~}}
35
35
  </div>
36
36
 
@@ -1,4 +1,4 @@
1
- <ul class=" flex bg-white flex-wrap {{#if this.isListOrFlow}} w-full gap-x-2 gap-y-2 {{else}} {{/if}} z-1003 md:!px-0 last:border-b-0 {{#if this.isDropdown }} w-full {{/if}}"
1
+ <ul class=" flex bg-white md:bg-transparent flex-wrap {{#if this.isListOrFlow}} w-full gap-x-2 gap-y-2 {{else}} {{/if}} z-1003 md:!px-0 last:border-b-0 {{#if this.isDropdown }} w-full {{/if}}"
2
2
  :class="( ({{this.isMixed}} && {{_teasersize}} < 50 ) || ( {{this.isMixed}} && window.innerWidth < 768 ) || {{this.isDropdown}} ) && contentNavDropdownIsOpen == true ? '!shadow-[1px_8px_9px_0px_rgba(50,50,93,0.10)] mt-0 w-full ' : ''"
3
3
  >
4
4
 
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": "0.99.3",
9
+ "version": "0.99.4",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
@@ -9,7 +9,7 @@
9
9
 
10
10
  <div x-show="shouldDropdownBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
11
11
  :class="contentNavDropdownIsOpen ? 'shadow-[1px_4px_5px_0px_rgba(50,50,93,0.10)]' : ''"
12
- class="relative flex w-auto h-10 mx-2 mb-0 overflow-hidden bg-white border md:mx-0 z-1002 border-blue-congress whitespace-nowrap text-blue-congress fill-congress"
12
+ class="relative flex w-auto h-10 mx-2 mb-0 overflow-hidden bg-white border md:mx-0 z-1002 md:border-blue-congress whitespace-nowrap text-blue-congress fill-congress"
13
13
  >
14
14
  <span class="self-center w-full p-2 text-base">{{_buttonText}}</span>
15
15
  <div class="flex self-center w-auto h-full px-3 py-1 border-l border-blue-congress">
@@ -30,7 +30,7 @@
30
30
  <div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
31
31
  aria-haspopup="true"
32
32
  :class="contentNavDropdownIsOpen ? 'z-9999 w-auto relative' : ' z-1003'"
33
- class="{{#if this.isDropdown}} mx-2 md:mx-0 {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
33
+ class="{{#if this.isDropdown}} mx-2 md:mx-0 {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
34
34
  {{~decorator_body~}}
35
35
  </div>
36
36
 
@@ -1,4 +1,4 @@
1
- <ul class=" flex bg-white flex-wrap {{#if this.isListOrFlow}} w-full gap-x-2 gap-y-2 {{else}} {{/if}} z-1003 md:!px-0 last:border-b-0 {{#if this.isDropdown }} w-full {{/if}}"
1
+ <ul class=" flex bg-white md:bg-transparent flex-wrap {{#if this.isListOrFlow}} w-full gap-x-2 gap-y-2 {{else}} {{/if}} z-1003 md:!px-0 last:border-b-0 {{#if this.isDropdown }} w-full {{/if}}"
2
2
  :class="( ({{this.isMixed}} && {{_teasersize}} < 50 ) || ( {{this.isMixed}} && window.innerWidth < 768 ) || {{this.isDropdown}} ) && contentNavDropdownIsOpen == true ? '!shadow-[1px_8px_9px_0px_rgba(50,50,93,0.10)] mt-0 w-full ' : ''"
3
3
  >
4
4