@sunrise-upc/sales-static-components 4.2.0-beta.1 → 4.2.0-beta.3

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 (18) hide show
  1. package/dist/cjs/components/BadgeContainer/BadgeContainer.css +5 -1
  2. package/dist/cjs/components/BadgeContainer/BadgeContainer.js +1 -1
  3. package/dist/cjs/components/BadgeContainer/BadgeContainer.js.map +1 -1
  4. package/dist/cjs/components/BadgeContainer/BadgeContainer.module.scss.css +5 -1
  5. package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.css +11 -0
  6. package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css +11 -0
  7. package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3.css +4 -4
  8. package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3Style.module.scss.css +4 -4
  9. package/dist/esm/components/BadgeContainer/BadgeContainer.css +5 -1
  10. package/dist/esm/components/BadgeContainer/BadgeContainer.js +1 -1
  11. package/dist/esm/components/BadgeContainer/BadgeContainer.js.map +1 -1
  12. package/dist/esm/components/BadgeContainer/BadgeContainer.module.scss.css +5 -1
  13. package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.css +11 -0
  14. package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css +11 -0
  15. package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3.css +4 -4
  16. package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3Style.module.scss.css +4 -4
  17. package/dist/navigation.css +491 -480
  18. package/package.json +1 -1
package/dist/cjs/components/BadgeContainer/BadgeContainer.css CHANGED
@@ -3,9 +3,11 @@
3
3
  position: absolute;
4
4
  top: -18px;
5
5
  left: 16px;
6
+ right: 16px;
6
7
  flex-direction: row;
7
8
  column-gap: 10px;
8
9
  padding: 0 !important;
10
+ --badge-parent-width: 100%;
9
11
  }
10
12
 
11
13
  .BadgeContainer-module__badge___6Brx4 {
@@ -17,6 +19,7 @@
17
19
  column-gap: 4px;
18
20
  padding: 0 8px;
19
21
  width: fit-content;
22
+ max-width: var(--badge-parent-width);
20
23
  }
21
24
 
22
25
  .BadgeContainer-module__badge-icon___pXuK7 {
@@ -31,11 +34,12 @@
31
34
  }
32
35
 
33
36
  .BadgeContainer-module__badge-label___URlLS {
37
+ min-width: 0;
38
+ max-width: var(--badge-parent-width);
34
39
  font-weight: 700;
35
40
  line-height: 20px;
36
41
  font-size: 14px;
37
42
  white-space: nowrap;
38
43
  overflow: hidden;
39
44
  text-overflow: ellipsis;
40
- max-width: 150px;
41
45
  }
package/dist/cjs/components/BadgeContainer/BadgeContainer.js CHANGED
@@ -1,3 +1,3 @@
1
1
  require('./BadgeContainer.css');
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("./BadgeContainer.module.scss.js");const t=({label:t,dynamicLabel:r,icon:l,backgroundGradient:n,backgroundColor:d,textGradient:o,textColor:i})=>{const c=l&&"object"==typeof l&&"filename"in l&&l.filename,s=o?{background:o,backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}:{color:i||"#FFFFFF"};return e.jsxs("div",{className:a.default.badge,style:{background:n||d||"#1F1F1F"},children:[c&&e.jsx("div",{className:a.default["badge-icon"],children:e.jsx("img",{src:l.filename,alt:l.alt||l.name||"badge icon",title:l.title})}),e.jsx("div",{className:a.default["badge-label"],style:s,children:r||t})]})};exports.default=r=>{const l=r.badges;return l&&Array.isArray(l)&&0!==l.length?e.jsx("div",{className:a.default["badge-container"],children:l.map((a,r)=>e.jsx(t,{label:a.label,dynamicLabel:a.dynamicLabel,icon:a.icon,backgroundGradient:a.backgroundGradient,backgroundColor:a.backgroundColor,textGradient:a.textGradient,textColor:a.textColor},`badge-${r}`))}):null};
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("./BadgeContainer.module.scss.js");const r=({label:t,dynamicLabel:r,icon:l,backgroundGradient:n,backgroundColor:i,textGradient:d,textColor:o})=>{const c=l&&"object"==typeof l&&"filename"in l&&l.filename,s=d?{background:d,backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}:{color:o||"#FFFFFF"};return e.jsxs("div",{className:a.default.badge,style:{background:n||i||"#1F1F1F"},children:[c&&e.jsx("div",{className:a.default["badge-icon"],children:e.jsx("img",{src:l.filename,alt:l.alt||l.name||"badge icon",title:l.title})}),e.jsx("div",{className:a.default["badge-label"],style:s,children:r||t})]})};exports.default=l=>{const n=l.badges,i=t.useRef(null);return t.useEffect(()=>{const e=i.current,t=null==e?void 0:e.parentElement;if(!e||!t)return;const a=Math.max(0,t.clientWidth-32);e.style.setProperty("--badge-parent-width",`${a}px`)},[]),n&&Array.isArray(n)&&0!==n.length?e.jsx("div",{ref:i,className:a.default["badge-container"],children:n.map((t,a)=>e.jsx(r,{label:t.label,dynamicLabel:t.dynamicLabel,icon:t.icon,backgroundGradient:t.backgroundGradient,backgroundColor:t.backgroundColor,textGradient:t.textGradient,textColor:t.textColor},`badge-${a}`))}):null};
3
3
  //# sourceMappingURL=BadgeContainer.js.map
package/dist/cjs/components/BadgeContainer/BadgeContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeContainer.js","sources":["../../../../../src/components/BadgeContainer/BadgeContainer.tsx"],"sourcesContent":[null],"names":["Badge","label","dynamicLabel","icon","backgroundGradient","backgroundColor","textGradient","textColor","hasIcon","filename","labelStyle","background","backgroundClip","WebkitBackgroundClip","WebkitTextFillColor","color","_jsxs","className","Styles","style","_jsx","children","src","alt","name","title","props","badges","Array","isArray","length","map","badge","index"],"mappings":"oJASA,MAAMA,EAAwB,EAC5BC,QACAC,eACAC,OACAC,qBACAC,kBACAC,eACAC,gBAIA,MAAMC,EAAUL,GAAwB,iBAATA,GAAqB,aAAcA,GAASA,EAAeM,SAGpFC,EAAaJ,EACf,CACEK,WAAYL,EACZM,eAAgB,OAChBC,qBAAsB,OACtBC,oBAAqB,eAEvB,CAAEC,MAAOR,GAAa,WAE1B,OACES,OAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAc,MAAGC,MAAO,CAAER,WAAYP,GAAsBC,GAAmB,qBAC5FG,GACCY,MAAA,MAAA,CAAKH,UAAWC,UAAO,cAAaG,SAClCD,MAAA,MAAA,CACEE,IAAMnB,EAAeM,SACrBc,IAAMpB,EAAeoB,KAAQpB,EAAeqB,MAAQ,aACpDC,MAAQtB,EAAesB,UAI7BL,MAAA,MAAA,CAAKH,UAAWC,EAAAA,QAAO,eAAgBC,MAAOT,WAAaR,GAAgBD,wBASxDyB,IACvB,MAAMC,EAASD,EAAMC,OAGrB,OAAKA,GAAWC,MAAMC,QAAQF,IAA6B,IAAlBA,EAAOG,OAK9CV,EAAAA,IAAA,MAAA,CAAKH,UAAWC,EAAAA,QAAO,mBAAkBG,SACtCM,EAAOI,IAAI,CAACC,EAAmBC,IAC9Bb,MAACpB,EAAK,CAEJC,MAAO+B,EAAM/B,MACbC,aAAc8B,EAAM9B,aACpBC,KAAM6B,EAAM7B,KACZC,mBAAoB4B,EAAM5B,mBAC1BC,gBAAiB2B,EAAM3B,gBACvBC,aAAc0B,EAAM1B,aACpBC,UAAWyB,EAAMzB,WAPZ,SAAS0B,QAPb"}
1
+ {"version":3,"file":"BadgeContainer.js","sources":["../../../../../src/components/BadgeContainer/BadgeContainer.tsx"],"sourcesContent":[null],"names":["Badge","label","dynamicLabel","icon","backgroundGradient","backgroundColor","textGradient","textColor","hasIcon","filename","labelStyle","background","backgroundClip","WebkitBackgroundClip","WebkitTextFillColor","color","_jsxs","className","Styles","style","_jsx","children","src","alt","name","title","props","badges","containerRef","useRef","useEffect","container","current","parent","parentElement","availableWidth","Math","max","clientWidth","setProperty","Array","isArray","length","ref","map","badge","index"],"mappings":"uKASA,MAAMA,EAAwB,EAC5BC,QACAC,eACAC,OACAC,qBACAC,kBACAC,eACAC,gBAIA,MAAMC,EAAUL,GAAwB,iBAATA,GAAqB,aAAcA,GAASA,EAAeM,SAGpFC,EAAaJ,EACf,CACEK,WAAYL,EACZM,eAAgB,OAChBC,qBAAsB,OACtBC,oBAAqB,eAEvB,CAAEC,MAAOR,GAAa,WAE1B,OACES,OAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAc,MAAGC,MAAO,CAAER,WAAYP,GAAsBC,GAAmB,qBAC5FG,GACCY,MAAA,MAAA,CAAKH,UAAWC,UAAO,cAAaG,SAClCD,MAAA,MAAA,CACEE,IAAMnB,EAAeM,SACrBc,IAAMpB,EAAeoB,KAAQpB,EAAeqB,MAAQ,aACpDC,MAAQtB,EAAesB,UAI7BL,MAAA,MAAA,CAAKH,UAAWC,EAAAA,QAAO,eAAgBC,MAAOT,WAAaR,GAAgBD,wBASxDyB,IACvB,MAAMC,EAASD,EAAMC,OACfC,EAAeC,EAAAA,OAAuB,MAe5C,OAbAC,EAAAA,UAAU,KACR,MAAMC,EAAYH,EAAaI,QACzBC,EAASF,aAAS,EAATA,EAAWG,cAE1B,IAAKH,IAAcE,EAAQ,OAE3B,MACME,EAAiBC,KAAKC,IAAI,EAAGJ,EAAOK,YADhB,IAG1BP,EAAUZ,MAAMoB,YAAY,uBAAwB,GAAGJ,QACtD,IAGER,GAAWa,MAAMC,QAAQd,IAA6B,IAAlBA,EAAOe,OAK9CtB,EAAAA,IAAA,MAAA,CAAKuB,IAAKf,EAAcX,UAAWC,EAAAA,QAAO,mBAAkBG,SACzDM,EAAOiB,IAAI,CAACC,EAAmBC,IAC9B1B,MAACpB,EAAK,CAEJC,MAAO4C,EAAM5C,MACbC,aAAc2C,EAAM3C,aACpBC,KAAM0C,EAAM1C,KACZC,mBAAoByC,EAAMzC,mBAC1BC,gBAAiBwC,EAAMxC,gBACvBC,aAAcuC,EAAMvC,aACpBC,UAAWsC,EAAMtC,WAPZ,SAASuC,QAPb"}
package/dist/cjs/components/BadgeContainer/BadgeContainer.module.scss.css CHANGED
@@ -3,9 +3,11 @@
3
3
  position: absolute;
4
4
  top: -18px;
5
5
  left: 16px;
6
+ right: 16px;
6
7
  flex-direction: row;
7
8
  column-gap: 10px;
8
9
  padding: 0 !important;
10
+ --badge-parent-width: 100%;
9
11
  }
10
12
 
11
13
  .BadgeContainer-module__badge___6Brx4 {
@@ -17,6 +19,7 @@
17
19
  column-gap: 4px;
18
20
  padding: 0 8px;
19
21
  width: fit-content;
22
+ max-width: var(--badge-parent-width);
20
23
  }
21
24
 
22
25
  .BadgeContainer-module__badge-icon___pXuK7 {
@@ -31,11 +34,12 @@
31
34
  }
32
35
 
33
36
  .BadgeContainer-module__badge-label___URlLS {
37
+ min-width: 0;
38
+ max-width: var(--badge-parent-width);
34
39
  font-weight: 700;
35
40
  line-height: 20px;
36
41
  font-size: 14px;
37
42
  white-space: nowrap;
38
43
  overflow: hidden;
39
44
  text-overflow: ellipsis;
40
- max-width: 150px;
41
45
  }
package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.css CHANGED
@@ -27,6 +27,9 @@
27
27
  -webkit-transition: all 1s ease-out;
28
28
  transition: all 1s ease-out;
29
29
  }
30
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
31
+ opacity: 0;
32
+ }
30
33
  @media (max-width: 1023px) {
31
34
  .FalconHeader-module__container___r3bIZ {
32
35
  background-color: #da291c;
@@ -71,6 +74,14 @@
71
74
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
72
75
  background-color: #111111;
73
76
  }
77
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
78
+ background-color: #da291c;
79
+ }
80
+ @media (max-width: 1023px) {
81
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
82
+ background-color: #da291c;
83
+ }
84
+ }
74
85
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
75
86
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
76
87
  color: #ffffff;
package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css CHANGED
@@ -27,6 +27,9 @@
27
27
  -webkit-transition: all 1s ease-out;
28
28
  transition: all 1s ease-out;
29
29
  }
30
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
31
+ opacity: 0;
32
+ }
30
33
  @media (max-width: 1023px) {
31
34
  .FalconHeader-module__container___r3bIZ {
32
35
  background-color: #da291c;
@@ -71,6 +74,14 @@
71
74
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
72
75
  background-color: #111111;
73
76
  }
77
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
78
+ background-color: #da291c;
79
+ }
80
+ @media (max-width: 1023px) {
81
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
82
+ background-color: #da291c;
83
+ }
84
+ }
74
85
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
75
86
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
76
87
  color: #ffffff;
package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3.css CHANGED
@@ -74,22 +74,22 @@
74
74
  }
75
75
 
76
76
  @media (max-width: 1023px) {
77
- .StageTeaserSwiperV3Style-module__slide___nq64P {
77
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
78
78
  width: 660px;
79
79
  }
80
80
  }
81
81
  @media (max-width: 767px) {
82
- .StageTeaserSwiperV3Style-module__slide___nq64P {
82
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
83
83
  width: 320px;
84
84
  }
85
85
  }
86
86
  @media (min-width: 1024px) {
87
- .StageTeaserSwiperV3Style-module__slide___nq64P {
87
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
88
88
  width: 960px;
89
89
  }
90
90
  }
91
91
  @media (min-width: 1920px) {
92
- .StageTeaserSwiperV3Style-module__slide___nq64P {
92
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
93
93
  width: 1368px;
94
94
  }
95
95
  }
package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3Style.module.scss.css CHANGED
@@ -74,22 +74,22 @@
74
74
  }
75
75
 
76
76
  @media (max-width: 1023px) {
77
- .StageTeaserSwiperV3Style-module__slide___nq64P {
77
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
78
78
  width: 660px;
79
79
  }
80
80
  }
81
81
  @media (max-width: 767px) {
82
- .StageTeaserSwiperV3Style-module__slide___nq64P {
82
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
83
83
  width: 320px;
84
84
  }
85
85
  }
86
86
  @media (min-width: 1024px) {
87
- .StageTeaserSwiperV3Style-module__slide___nq64P {
87
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
88
88
  width: 960px;
89
89
  }
90
90
  }
91
91
  @media (min-width: 1920px) {
92
- .StageTeaserSwiperV3Style-module__slide___nq64P {
92
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
93
93
  width: 1368px;
94
94
  }
95
95
  }
package/dist/esm/components/BadgeContainer/BadgeContainer.css CHANGED
@@ -3,9 +3,11 @@
3
3
  position: absolute;
4
4
  top: -18px;
5
5
  left: 16px;
6
+ right: 16px;
6
7
  flex-direction: row;
7
8
  column-gap: 10px;
8
9
  padding: 0 !important;
10
+ --badge-parent-width: 100%;
9
11
  }
10
12
 
11
13
  .BadgeContainer-module__badge___6Brx4 {
@@ -17,6 +19,7 @@
17
19
  column-gap: 4px;
18
20
  padding: 0 8px;
19
21
  width: fit-content;
22
+ max-width: var(--badge-parent-width);
20
23
  }
21
24
 
22
25
  .BadgeContainer-module__badge-icon___pXuK7 {
@@ -31,11 +34,12 @@
31
34
  }
32
35
 
33
36
  .BadgeContainer-module__badge-label___URlLS {
37
+ min-width: 0;
38
+ max-width: var(--badge-parent-width);
34
39
  font-weight: 700;
35
40
  line-height: 20px;
36
41
  font-size: 14px;
37
42
  white-space: nowrap;
38
43
  overflow: hidden;
39
44
  text-overflow: ellipsis;
40
- max-width: 150px;
41
45
  }
package/dist/esm/components/BadgeContainer/BadgeContainer.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import './BadgeContainer.css';
2
- import{jsx as e,jsxs as a}from"react/jsx-runtime";import t from"./BadgeContainer.module.scss.js";const r=({label:r,dynamicLabel:n,icon:l,backgroundGradient:o,backgroundColor:i,textGradient:d,textColor:c})=>{const b=l&&"object"==typeof l&&"filename"in l&&l.filename,s=d?{background:d,backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}:{color:c||"#FFFFFF"};return a("div",{className:t.badge,style:{background:o||i||"#1F1F1F"},children:[b&&e("div",{className:t["badge-icon"],children:e("img",{src:l.filename,alt:l.alt||l.name||"badge icon",title:l.title})}),e("div",{className:t["badge-label"],style:s,children:n||r})]})},n=a=>{const n=a.badges;return n&&Array.isArray(n)&&0!==n.length?e("div",{className:t["badge-container"],children:n.map((a,t)=>e(r,{label:a.label,dynamicLabel:a.dynamicLabel,icon:a.icon,backgroundGradient:a.backgroundGradient,backgroundColor:a.backgroundColor,textGradient:a.textGradient,textColor:a.textColor},`badge-${t}`))}):null};export{n as default};
2
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as a,useEffect as r}from"react";import n from"./BadgeContainer.module.scss.js";const l=({label:a,dynamicLabel:r,icon:l,backgroundGradient:o,backgroundColor:i,textGradient:d,textColor:c})=>{const b=l&&"object"==typeof l&&"filename"in l&&l.filename,s=d?{background:d,backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}:{color:c||"#FFFFFF"};return t("div",{className:n.badge,style:{background:o||i||"#1F1F1F"},children:[b&&e("div",{className:n["badge-icon"],children:e("img",{src:l.filename,alt:l.alt||l.name||"badge icon",title:l.title})}),e("div",{className:n["badge-label"],style:s,children:r||a})]})},o=t=>{const o=t.badges,i=a(null);return r(()=>{const e=i.current,t=null==e?void 0:e.parentElement;if(!e||!t)return;const a=Math.max(0,t.clientWidth-32);e.style.setProperty("--badge-parent-width",`${a}px`)},[]),o&&Array.isArray(o)&&0!==o.length?e("div",{ref:i,className:n["badge-container"],children:o.map((t,a)=>e(l,{label:t.label,dynamicLabel:t.dynamicLabel,icon:t.icon,backgroundGradient:t.backgroundGradient,backgroundColor:t.backgroundColor,textGradient:t.textGradient,textColor:t.textColor},`badge-${a}`))}):null};export{o as default};
3
3
  //# sourceMappingURL=BadgeContainer.js.map
package/dist/esm/components/BadgeContainer/BadgeContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeContainer.js","sources":["../../../../../src/components/BadgeContainer/BadgeContainer.tsx"],"sourcesContent":[null],"names":["Badge","label","dynamicLabel","icon","backgroundGradient","backgroundColor","textGradient","textColor","hasIcon","filename","labelStyle","background","backgroundClip","WebkitBackgroundClip","WebkitTextFillColor","color","_jsxs","className","Styles","style","_jsx","children","src","alt","name","title","BadgeContainer","props","badges","Array","isArray","length","map","badge","index"],"mappings":"iGASA,MAAMA,EAAwB,EAC5BC,QACAC,eACAC,OACAC,qBACAC,kBACAC,eACAC,gBAIA,MAAMC,EAAUL,GAAwB,iBAATA,GAAqB,aAAcA,GAASA,EAAeM,SAGpFC,EAAaJ,EACf,CACEK,WAAYL,EACZM,eAAgB,OAChBC,qBAAsB,OACtBC,oBAAqB,eAEvB,CAAEC,MAAOR,GAAa,WAE1B,OACES,EAAA,MAAA,CAAKC,UAAWC,EAAc,MAAGC,MAAO,CAAER,WAAYP,GAAsBC,GAAmB,qBAC5FG,GACCY,EAAA,MAAA,CAAKH,UAAWC,EAAO,cAAaG,SAClCD,EAAA,MAAA,CACEE,IAAMnB,EAAeM,SACrBc,IAAMpB,EAAeoB,KAAQpB,EAAeqB,MAAQ,aACpDC,MAAQtB,EAAesB,UAI7BL,EAAA,MAAA,CAAKH,UAAWC,EAAO,eAAgBC,MAAOT,WAAaR,GAAgBD,QAS3EyB,EAAmBC,IACvB,MAAMC,EAASD,EAAMC,OAGrB,OAAKA,GAAWC,MAAMC,QAAQF,IAA6B,IAAlBA,EAAOG,OAK9CX,EAAA,MAAA,CAAKH,UAAWC,EAAO,mBAAkBG,SACtCO,EAAOI,IAAI,CAACC,EAAmBC,IAC9Bd,EAACpB,EAAK,CAEJC,MAAOgC,EAAMhC,MACbC,aAAc+B,EAAM/B,aACpBC,KAAM8B,EAAM9B,KACZC,mBAAoB6B,EAAM7B,mBAC1BC,gBAAiB4B,EAAM5B,gBACvBC,aAAc2B,EAAM3B,aACpBC,UAAW0B,EAAM1B,WAPZ,SAAS2B,QAPb"}
1
+ {"version":3,"file":"BadgeContainer.js","sources":["../../../../../src/components/BadgeContainer/BadgeContainer.tsx"],"sourcesContent":[null],"names":["Badge","label","dynamicLabel","icon","backgroundGradient","backgroundColor","textGradient","textColor","hasIcon","filename","labelStyle","background","backgroundClip","WebkitBackgroundClip","WebkitTextFillColor","color","_jsxs","className","Styles","style","_jsx","children","src","alt","name","title","BadgeContainer","props","badges","containerRef","useRef","useEffect","container","current","parent","parentElement","availableWidth","Math","max","clientWidth","setProperty","Array","isArray","length","ref","map","badge","index"],"mappings":"+IASA,MAAMA,EAAwB,EAC5BC,QACAC,eACAC,OACAC,qBACAC,kBACAC,eACAC,gBAIA,MAAMC,EAAUL,GAAwB,iBAATA,GAAqB,aAAcA,GAASA,EAAeM,SAGpFC,EAAaJ,EACf,CACEK,WAAYL,EACZM,eAAgB,OAChBC,qBAAsB,OACtBC,oBAAqB,eAEvB,CAAEC,MAAOR,GAAa,WAE1B,OACES,EAAA,MAAA,CAAKC,UAAWC,EAAc,MAAGC,MAAO,CAAER,WAAYP,GAAsBC,GAAmB,qBAC5FG,GACCY,EAAA,MAAA,CAAKH,UAAWC,EAAO,cAAaG,SAClCD,EAAA,MAAA,CACEE,IAAMnB,EAAeM,SACrBc,IAAMpB,EAAeoB,KAAQpB,EAAeqB,MAAQ,aACpDC,MAAQtB,EAAesB,UAI7BL,EAAA,MAAA,CAAKH,UAAWC,EAAO,eAAgBC,MAAOT,WAAaR,GAAgBD,QAS3EyB,EAAmBC,IACvB,MAAMC,EAASD,EAAMC,OACfC,EAAeC,EAAuB,MAe5C,OAbAC,EAAU,KACR,MAAMC,EAAYH,EAAaI,QACzBC,EAASF,aAAS,EAATA,EAAWG,cAE1B,IAAKH,IAAcE,EAAQ,OAE3B,MACME,EAAiBC,KAAKC,IAAI,EAAGJ,EAAOK,YADhB,IAG1BP,EAAUb,MAAMqB,YAAY,uBAAwB,GAAGJ,QACtD,IAGER,GAAWa,MAAMC,QAAQd,IAA6B,IAAlBA,EAAOe,OAK9CvB,EAAA,MAAA,CAAKwB,IAAKf,EAAcZ,UAAWC,EAAO,mBAAkBG,SACzDO,EAAOiB,IAAI,CAACC,EAAmBC,IAC9B3B,EAACpB,EAAK,CAEJC,MAAO6C,EAAM7C,MACbC,aAAc4C,EAAM5C,aACpBC,KAAM2C,EAAM3C,KACZC,mBAAoB0C,EAAM1C,mBAC1BC,gBAAiByC,EAAMzC,gBACvBC,aAAcwC,EAAMxC,aACpBC,UAAWuC,EAAMvC,WAPZ,SAASwC,QAPb"}
package/dist/esm/components/BadgeContainer/BadgeContainer.module.scss.css CHANGED
@@ -3,9 +3,11 @@
3
3
  position: absolute;
4
4
  top: -18px;
5
5
  left: 16px;
6
+ right: 16px;
6
7
  flex-direction: row;
7
8
  column-gap: 10px;
8
9
  padding: 0 !important;
10
+ --badge-parent-width: 100%;
9
11
  }
10
12
 
11
13
  .BadgeContainer-module__badge___6Brx4 {
@@ -17,6 +19,7 @@
17
19
  column-gap: 4px;
18
20
  padding: 0 8px;
19
21
  width: fit-content;
22
+ max-width: var(--badge-parent-width);
20
23
  }
21
24
 
22
25
  .BadgeContainer-module__badge-icon___pXuK7 {
@@ -31,11 +34,12 @@
31
34
  }
32
35
 
33
36
  .BadgeContainer-module__badge-label___URlLS {
37
+ min-width: 0;
38
+ max-width: var(--badge-parent-width);
34
39
  font-weight: 700;
35
40
  line-height: 20px;
36
41
  font-size: 14px;
37
42
  white-space: nowrap;
38
43
  overflow: hidden;
39
44
  text-overflow: ellipsis;
40
- max-width: 150px;
41
45
  }
package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.css CHANGED
@@ -27,6 +27,9 @@
27
27
  -webkit-transition: all 1s ease-out;
28
28
  transition: all 1s ease-out;
29
29
  }
30
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
31
+ opacity: 0;
32
+ }
30
33
  @media (max-width: 1023px) {
31
34
  .FalconHeader-module__container___r3bIZ {
32
35
  background-color: #da291c;
@@ -71,6 +74,14 @@
71
74
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
72
75
  background-color: #111111;
73
76
  }
77
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
78
+ background-color: #da291c;
79
+ }
80
+ @media (max-width: 1023px) {
81
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
82
+ background-color: #da291c;
83
+ }
84
+ }
74
85
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
75
86
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
76
87
  color: #ffffff;
package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css CHANGED
@@ -27,6 +27,9 @@
27
27
  -webkit-transition: all 1s ease-out;
28
28
  transition: all 1s ease-out;
29
29
  }
30
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
31
+ opacity: 0;
32
+ }
30
33
  @media (max-width: 1023px) {
31
34
  .FalconHeader-module__container___r3bIZ {
32
35
  background-color: #da291c;
@@ -71,6 +74,14 @@
71
74
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
72
75
  background-color: #111111;
73
76
  }
77
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
78
+ background-color: #da291c;
79
+ }
80
+ @media (max-width: 1023px) {
81
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
82
+ background-color: #da291c;
83
+ }
84
+ }
74
85
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
75
86
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
76
87
  color: #ffffff;
package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3.css CHANGED
@@ -74,22 +74,22 @@
74
74
  }
75
75
 
76
76
  @media (max-width: 1023px) {
77
- .StageTeaserSwiperV3Style-module__slide___nq64P {
77
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
78
78
  width: 660px;
79
79
  }
80
80
  }
81
81
  @media (max-width: 767px) {
82
- .StageTeaserSwiperV3Style-module__slide___nq64P {
82
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
83
83
  width: 320px;
84
84
  }
85
85
  }
86
86
  @media (min-width: 1024px) {
87
- .StageTeaserSwiperV3Style-module__slide___nq64P {
87
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
88
88
  width: 960px;
89
89
  }
90
90
  }
91
91
  @media (min-width: 1920px) {
92
- .StageTeaserSwiperV3Style-module__slide___nq64P {
92
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
93
93
  width: 1368px;
94
94
  }
95
95
  }
package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3Style.module.scss.css CHANGED
@@ -74,22 +74,22 @@
74
74
  }
75
75
 
76
76
  @media (max-width: 1023px) {
77
- .StageTeaserSwiperV3Style-module__slide___nq64P {
77
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
78
78
  width: 660px;
79
79
  }
80
80
  }
81
81
  @media (max-width: 767px) {
82
- .StageTeaserSwiperV3Style-module__slide___nq64P {
82
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
83
83
  width: 320px;
84
84
  }
85
85
  }
86
86
  @media (min-width: 1024px) {
87
- .StageTeaserSwiperV3Style-module__slide___nq64P {
87
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
88
88
  width: 960px;
89
89
  }
90
90
  }
91
91
  @media (min-width: 1920px) {
92
- .StageTeaserSwiperV3Style-module__slide___nq64P {
92
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .StageTeaserSwiperV3Style-module__slide___nq64P {
93
93
  width: 1368px;
94
94
  }
95
95
  }