@sunrise-upc/sales-static-components 3.8.5 → 3.8.6-beta.1

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 (67) hide show
  1. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.css +145 -0
  2. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js +3 -0
  3. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js.map +1 -0
  4. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.css +145 -0
  5. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.js +3 -0
  6. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.js.map +1 -0
  7. package/dist/cjs/components/FalconMainNavigation/FalconHeader/useScrollCheck.js +1 -1
  8. package/dist/cjs/components/FalconMainNavigation/FalconHeader/useScrollCheck.js.map +1 -1
  9. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.css +18 -0
  10. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  11. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  12. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.module.scss.css +18 -0
  13. package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.css +240 -0
  14. package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js +3 -0
  15. package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -0
  16. package/dist/cjs/components/RibbonComponent/RibbonComponent.js +1 -1
  17. package/dist/cjs/components/RibbonComponent/RibbonComponent.js.map +1 -1
  18. package/dist/cjs/components/RibbonComponent/utils.js +1 -2
  19. package/dist/cjs/components/RibbonComponent/utils.js.map +1 -1
  20. package/dist/cjs/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.js +1 -1
  21. package/dist/cjs/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.js.map +1 -1
  22. package/dist/cjs/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js +1 -1
  23. package/dist/cjs/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js.map +1 -1
  24. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  25. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  26. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  27. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  28. package/dist/cjs/index.js +1 -1
  29. package/dist/esm/components/FalconButtonV3/FalconButtonV3.css +145 -0
  30. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js +3 -0
  31. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js.map +1 -0
  32. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css +145 -0
  33. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.js +3 -0
  34. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.js.map +1 -0
  35. package/dist/esm/components/FalconMainNavigation/FalconHeader/useScrollCheck.js +1 -1
  36. package/dist/esm/components/FalconMainNavigation/FalconHeader/useScrollCheck.js.map +1 -1
  37. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.css +18 -0
  38. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  39. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  40. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.module.scss.css +18 -0
  41. package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.css +240 -0
  42. package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js +3 -0
  43. package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -0
  44. package/dist/esm/components/RibbonComponent/RibbonComponent.js +1 -1
  45. package/dist/esm/components/RibbonComponent/RibbonComponent.js.map +1 -1
  46. package/dist/esm/components/RibbonComponent/utils.js +1 -2
  47. package/dist/esm/components/RibbonComponent/utils.js.map +1 -1
  48. package/dist/esm/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.js +1 -1
  49. package/dist/esm/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.js.map +1 -1
  50. package/dist/esm/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js +1 -1
  51. package/dist/esm/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js.map +1 -1
  52. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  53. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  54. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  55. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  56. package/dist/esm/index.js +1 -1
  57. package/dist/index.d.ts +93 -11
  58. package/dist/navigation.css +198 -180
  59. package/package.json +1 -1
  60. package/dist/cjs/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.css +0 -134
  61. package/dist/cjs/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js +0 -3
  62. package/dist/cjs/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js.map +0 -1
  63. package/dist/cjs/components/RibbonComponent/utils.css +0 -134
  64. package/dist/esm/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.css +0 -134
  65. package/dist/esm/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js +0 -3
  66. package/dist/esm/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js.map +0 -1
  67. package/dist/esm/components/RibbonComponent/utils.css +0 -134
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { FC, JSX } from 'react';
1
+ import React, { FC, JSX } from 'react';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
 
4
4
  declare interface NativeColorPicker {
@@ -32,34 +32,35 @@ declare interface RibbonComponentInterface {
32
32
  interface RibbonComponentSchema {
33
33
  _uid: string;
34
34
  backgroundColor: string;
35
- buttonIcon: Asset$1;
35
+ buttonIcon: Asset$2;
36
36
  buttonText: string;
37
37
  buttonType: string;
38
- closeIcon: Asset$1;
39
- darkModeCloseIcon: Asset$1;
38
+ closeIcon: Asset$2;
39
+ darkModeCloseIcon: Asset$2;
40
40
  deviceLimit: string;
41
41
  description: Array<object>;
42
42
  enableDarkMode: boolean;
43
43
  target: string;
44
44
  hotlineNumber: string;
45
- icon: Asset$1;
46
- darkModeIcon: Asset$1;
45
+ icon: Asset$2;
46
+ darkModeIcon: Asset$2;
47
47
  iconAlign: string;
48
48
  isCloseIcon: boolean;
49
- link: MultiLink$1;
49
+ link: MultiLink$2;
50
50
  teaserTimer: TimerSchema[];
51
51
  targetCustomer: string;
52
52
  bannerPromotionName: string;
53
53
  bannerLocation: string;
54
+ isMaintenance?: boolean;
54
55
  }
55
- interface MultiLink$1 {
56
+ interface MultiLink$2 {
56
57
  id: string;
57
58
  url: string;
58
59
  linktype: 'url' | 'story';
59
60
  fieldtype: 'multilink';
60
61
  cached_url: string;
61
62
  }
62
- interface Asset$1 {
63
+ interface Asset$2 {
63
64
  id: number;
64
65
  alt?: string;
65
66
  name: string;
@@ -72,6 +73,87 @@ interface Asset$1 {
72
73
 
73
74
  declare const RibbonComponent: FC<RibbonComponentInterface>;
74
75
 
76
+ interface GlobalPromoRibbonInterface {
77
+ content: GlobalPromoRibbonSchema;
78
+ }
79
+ interface GlobalPromoRibbonSchema {
80
+ _uid: string;
81
+ backgroundColor?: string;
82
+ closeIcon?: Asset$1;
83
+ title?: string;
84
+ titleColor?: string;
85
+ icon?: Asset$1;
86
+ showCloseIcon?: boolean;
87
+ isMaintenance?: boolean;
88
+ teaserTimer: TimerSchema[];
89
+ bannerPromotionName?: string;
90
+ bannerLocation?: string;
91
+ buttons?: GlobalPromoRibbonButtonSchema[];
92
+ slimVersion?: boolean;
93
+ gradientBackgroundGlobal?: string;
94
+ customerType?: string | string[];
95
+ tealiumAudiences?: string | string[];
96
+ }
97
+ interface GlobalPromoRibbonButtonSchema {
98
+ href?: string;
99
+ buttonLink?: MultiLink$1;
100
+ buttonLabel?: string;
101
+ label?: string;
102
+ buttonType?: string;
103
+ target?: string;
104
+ linkTarget?: string;
105
+ rel?: string;
106
+ buttonIcon?: Asset$1;
107
+ iconFilename?: string;
108
+ iconPosition?: 'before' | 'after';
109
+ }
110
+ interface MultiLink$1 {
111
+ id?: string;
112
+ url?: string;
113
+ linktype?: 'url' | 'story';
114
+ fieldtype?: 'multilink';
115
+ cached_url?: string;
116
+ }
117
+ interface Asset$1 {
118
+ id: number;
119
+ alt?: string;
120
+ name: string;
121
+ focus?: string;
122
+ title?: string;
123
+ filename: string;
124
+ copyright?: string;
125
+ fieldtype: 'asset';
126
+ }
127
+
128
+ /**
129
+ * GlobalPromoRibbon Component
130
+ *
131
+ * A centralized promotional ribbon component that handles dynamic height calculation
132
+ * based on header size and provides maintenance mode support.
133
+ *
134
+ * Features:
135
+ * - Responsive height calculation based on .header-section element
136
+ * - Maintenance mode support with dynamic margin positioning
137
+ * - Window resize listener with cleanup
138
+ * - Integrated with RibbonComponent for rendering
139
+ */
140
+ declare const GlobalPromoRibbon: ({ content }: GlobalPromoRibbonInterface) => React.JSX.Element;
141
+
142
+ interface FalconButtonV3Props {
143
+ href: string;
144
+ label: React.ReactNode;
145
+ buttonType?: string;
146
+ target?: string;
147
+ rel?: string;
148
+ onClick?: React.MouseEventHandler<HTMLAnchorElement>;
149
+ iconFilename?: string;
150
+ iconPosition?: 'before' | 'after';
151
+ wrapperClassName?: string;
152
+ buttonClassName?: string;
153
+ iconClassName?: string;
154
+ }
155
+ declare const FalconButtonV3: ({ href, label, buttonType, target, rel, onClick, iconFilename, iconPosition, wrapperClassName, buttonClassName, iconClassName, }: FalconButtonV3Props) => React.JSX.Element;
156
+
75
157
  declare const StageTeaserComponent: FC<any>;
76
158
 
77
159
  declare const ImageComponent: FC<any>;
@@ -354,5 +436,5 @@ declare class CustomerPropConfig {
354
436
  static create: (p_config: CustomerPropConfigSchema) => void;
355
437
  }
356
438
 
357
- export { ButtonGroup, CustomerPropConfig, FalconMainNavigation, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCardsBenefits, LineCheckV2, LinecheckBasicPropConfig, MinimizedHeader, PromoBubble, RibbonComponent, SearchWrapper, StageTeaserComponent, StageTeaserV3, TextComponent };
358
- export type { CustomerPropConfigSchema, LinecheckBasicPropConfigSchema };
439
+ export { ButtonGroup, CustomerPropConfig, FalconButtonV3, FalconMainNavigation, GlobalPromoRibbon, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCardsBenefits, LineCheckV2, LinecheckBasicPropConfig, MinimizedHeader, PromoBubble, RibbonComponent, SearchWrapper, StageTeaserComponent, StageTeaserV3, TextComponent };
440
+ export type { CustomerPropConfigSchema, LinecheckBasicPropConfigSchema, RibbonComponentSchema };
@@ -1,173 +1,4 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/ResponsiveRow/row.module.scss */
2
- /* center a block element */
3
- /* use this to any of the pseudo elements as these are the mandatory properties */
4
- /* setting styles in separate formats for cross browser support */
5
- /* specify the max width for an element and apply ellipses and truncate the overflow */
6
- /* vertically center alilgn any HTML element */
7
- /* add basePath to assets */
8
- .row-module__sr-def-row___us1ph {
9
- margin-left: auto;
10
- margin-right: auto;
11
- padding-left: 16px;
12
- padding-right: 16px;
13
- max-width: 1308px;
14
- width: 100%;
15
- }
16
- .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
17
- padding: 0px;
18
- max-width: 100%;
19
- }
20
- @media (min-width: 1024px) and (max-width: 1439px) {
21
- .row-module__sr-def-row___us1ph {
22
- max-width: 972px;
23
- }
24
- }
25
- @media (min-width: 768px) and (max-width: 1023px) {
26
- .row-module__sr-def-row___us1ph {
27
- max-width: 720px;
28
- }
29
- }
30
- @media (max-width: 767px) {
31
- .row-module__sr-def-row___us1ph {
32
- max-width: 100%;
33
- }
34
- }
35
-
36
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/MinimizedHeader/MinimizedHeader.module.scss */
37
- /* center a block element */
38
- /* use this to any of the pseudo elements as these are the mandatory properties */
39
- /* setting styles in separate formats for cross browser support */
40
- /* specify the max width for an element and apply ellipses and truncate the overflow */
41
- /* vertically center alilgn any HTML element */
42
- /* add basePath to assets */
43
- @media (min-width: 768px) {
44
- .MinimizedHeader-module__outer___JOzJC {
45
- background-color: #ffffff;
46
- border-top: 4px solid #da291c;
47
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
48
- height: 72px;
49
- }
50
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
51
- position: fixed;
52
- top: 0;
53
- left: 0;
54
- padding: 4px 8px;
55
- font-size: 14px;
56
- z-index: 10000;
57
- color: #5f5955;
58
- background: #ffffff;
59
- }
60
- }
61
- @media (min-width: 768px) and (max-width: 850px) {
62
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
63
- padding: 0 4px;
64
- font-size: 8px;
65
- }
66
- }
67
- @media (min-width: 768px) {
68
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
69
- width: 100%;
70
- display: inline-block;
71
- }
72
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
73
- display: flex;
74
- float: left;
75
- align-items: center;
76
- margin: 10px 0;
77
- }
78
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
79
- padding-left: 10px;
80
- }
81
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
82
- float: right;
83
- display: flex;
84
- margin: 24px 0 24px 0;
85
- }
86
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
87
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
88
- background-repeat: no-repeat;
89
- background-size: contain;
90
- display: block;
91
- height: 24px;
92
- margin-right: 6px;
93
- width: 24px;
94
- }
95
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
96
- color: #da291c;
97
- font-weight: 700;
98
- font-size: 18px;
99
- line-height: 24px;
100
- }
101
- }
102
- @media (max-width: 767px) {
103
- .MinimizedHeader-module__outer___JOzJC {
104
- background-color: #ffffff;
105
- border-top: 4px solid #da291c;
106
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
107
- height: 48px;
108
- }
109
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
110
- width: 100%;
111
- display: inline-block;
112
- }
113
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
114
- display: flex;
115
- float: left;
116
- }
117
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
118
- margin-top: 12px;
119
- }
120
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
121
- height: 24px;
122
- width: 24px;
123
- float: left;
124
- }
125
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
126
- margin-top: 8px;
127
- padding-left: 6px;
128
- }
129
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
130
- height: 20px;
131
- }
132
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
133
- float: right;
134
- display: flex;
135
- margin: 12px 0 12px 0;
136
- }
137
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
138
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
139
- background-repeat: no-repeat;
140
- background-size: contain;
141
- display: block;
142
- height: 20px;
143
- margin-right: 6px;
144
- width: 20px;
145
- }
146
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
147
- color: #da291c;
148
- font-weight: 700;
149
- font-size: 18px;
150
- line-height: 24px;
151
- }
152
- }
153
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
154
- position: fixed;
155
- top: 0;
156
- left: 0;
157
- padding: 4px 8px;
158
- font-size: 14px;
159
- z-index: 10000;
160
- color: #5f5955;
161
- background: #ffffff;
162
- }
163
- @media (max-width: 850px) {
164
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
165
- padding: 0 4px;
166
- font-size: 8px;
167
- }
168
- }
169
-
170
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
1
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
171
2
  /* center a block element */
172
3
  /* use this to any of the pseudo elements as these are the mandatory properties */
173
4
  /* setting styles in separate formats for cross browser support */
@@ -410,6 +241,24 @@
410
241
  }
411
242
  }
412
243
 
244
+ .page-top,
245
+ #main {
246
+ padding-top: var(--main-nav-height, 72px);
247
+ transition: padding-top 500ms ease-out;
248
+ }
249
+
250
+ @media (max-width: 767px) {
251
+ .page-top,
252
+ #main {
253
+ padding-top: var(--main-nav-height, 50px);
254
+ }
255
+ }
256
+ @media (prefers-reduced-motion: reduce) {
257
+ .page-top,
258
+ #main {
259
+ transition: none;
260
+ }
261
+ }
413
262
  .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
414
263
  background-color: #1f1f1f;
415
264
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
@@ -443,7 +292,42 @@
443
292
  }
444
293
  }
445
294
 
446
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
295
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
296
+ /* center a block element */
297
+ /* use this to any of the pseudo elements as these are the mandatory properties */
298
+ /* setting styles in separate formats for cross browser support */
299
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
300
+ /* vertically center alilgn any HTML element */
301
+ /* add basePath to assets */
302
+ .row-module__sr-def-row___us1ph {
303
+ margin-left: auto;
304
+ margin-right: auto;
305
+ padding-left: 16px;
306
+ padding-right: 16px;
307
+ max-width: 1308px;
308
+ width: 100%;
309
+ }
310
+ .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
311
+ padding: 0px;
312
+ max-width: 100%;
313
+ }
314
+ @media (min-width: 1024px) and (max-width: 1439px) {
315
+ .row-module__sr-def-row___us1ph {
316
+ max-width: 972px;
317
+ }
318
+ }
319
+ @media (min-width: 768px) and (max-width: 1023px) {
320
+ .row-module__sr-def-row___us1ph {
321
+ max-width: 720px;
322
+ }
323
+ }
324
+ @media (max-width: 767px) {
325
+ .row-module__sr-def-row___us1ph {
326
+ max-width: 100%;
327
+ }
328
+ }
329
+
330
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
447
331
  /* center a block element */
448
332
  /* use this to any of the pseudo elements as these are the mandatory properties */
449
333
  /* setting styles in separate formats for cross browser support */
@@ -485,7 +369,7 @@
485
369
  width: 24px;
486
370
  }
487
371
 
488
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
372
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
489
373
  /* center a block element */
490
374
  /* use this to any of the pseudo elements as these are the mandatory properties */
491
375
  /* setting styles in separate formats for cross browser support */
@@ -564,7 +448,7 @@
564
448
  color: #ffffff;
565
449
  }
566
450
 
567
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
451
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
568
452
  /* center a block element */
569
453
  /* use this to any of the pseudo elements as these are the mandatory properties */
570
454
  /* setting styles in separate formats for cross browser support */
@@ -646,7 +530,7 @@
646
530
  position: relative;
647
531
  }
648
532
 
649
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
533
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
650
534
  /* center a block element */
651
535
  /* use this to any of the pseudo elements as these are the mandatory properties */
652
536
  /* setting styles in separate formats for cross browser support */
@@ -735,7 +619,141 @@
735
619
  visibility: visible;
736
620
  }
737
621
 
738
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
622
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
623
+ /* center a block element */
624
+ /* use this to any of the pseudo elements as these are the mandatory properties */
625
+ /* setting styles in separate formats for cross browser support */
626
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
627
+ /* vertically center alilgn any HTML element */
628
+ /* add basePath to assets */
629
+ @media (min-width: 768px) {
630
+ .MinimizedHeader-module__outer___JOzJC {
631
+ background-color: #ffffff;
632
+ border-top: 4px solid #da291c;
633
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
634
+ height: 72px;
635
+ }
636
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
637
+ position: fixed;
638
+ top: 0;
639
+ left: 0;
640
+ padding: 4px 8px;
641
+ font-size: 14px;
642
+ z-index: 10000;
643
+ color: #5f5955;
644
+ background: #ffffff;
645
+ }
646
+ }
647
+ @media (min-width: 768px) and (max-width: 850px) {
648
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
649
+ padding: 0 4px;
650
+ font-size: 8px;
651
+ }
652
+ }
653
+ @media (min-width: 768px) {
654
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
655
+ width: 100%;
656
+ display: inline-block;
657
+ }
658
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
659
+ display: flex;
660
+ float: left;
661
+ align-items: center;
662
+ margin: 10px 0;
663
+ }
664
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
665
+ padding-left: 10px;
666
+ }
667
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
668
+ float: right;
669
+ display: flex;
670
+ margin: 24px 0 24px 0;
671
+ }
672
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
673
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
674
+ background-repeat: no-repeat;
675
+ background-size: contain;
676
+ display: block;
677
+ height: 24px;
678
+ margin-right: 6px;
679
+ width: 24px;
680
+ }
681
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
682
+ color: #da291c;
683
+ font-weight: 700;
684
+ font-size: 18px;
685
+ line-height: 24px;
686
+ }
687
+ }
688
+ @media (max-width: 767px) {
689
+ .MinimizedHeader-module__outer___JOzJC {
690
+ background-color: #ffffff;
691
+ border-top: 4px solid #da291c;
692
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
693
+ height: 48px;
694
+ }
695
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
696
+ width: 100%;
697
+ display: inline-block;
698
+ }
699
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
700
+ display: flex;
701
+ float: left;
702
+ }
703
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
704
+ margin-top: 12px;
705
+ }
706
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
707
+ height: 24px;
708
+ width: 24px;
709
+ float: left;
710
+ }
711
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
712
+ margin-top: 8px;
713
+ padding-left: 6px;
714
+ }
715
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
716
+ height: 20px;
717
+ }
718
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
719
+ float: right;
720
+ display: flex;
721
+ margin: 12px 0 12px 0;
722
+ }
723
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
724
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
725
+ background-repeat: no-repeat;
726
+ background-size: contain;
727
+ display: block;
728
+ height: 20px;
729
+ margin-right: 6px;
730
+ width: 20px;
731
+ }
732
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
733
+ color: #da291c;
734
+ font-weight: 700;
735
+ font-size: 18px;
736
+ line-height: 24px;
737
+ }
738
+ }
739
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
740
+ position: fixed;
741
+ top: 0;
742
+ left: 0;
743
+ padding: 4px 8px;
744
+ font-size: 14px;
745
+ z-index: 10000;
746
+ color: #5f5955;
747
+ background: #ffffff;
748
+ }
749
+ @media (max-width: 850px) {
750
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
751
+ padding: 0 4px;
752
+ font-size: 8px;
753
+ }
754
+ }
755
+
756
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
739
757
  /* center a block element */
740
758
  /* use this to any of the pseudo elements as these are the mandatory properties */
741
759
  /* setting styles in separate formats for cross browser support */
@@ -880,7 +898,7 @@
880
898
  }
881
899
  }
882
900
 
883
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
901
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
884
902
  /* center a block element */
885
903
  /* use this to any of the pseudo elements as these are the mandatory properties */
886
904
  /* setting styles in separate formats for cross browser support */
@@ -1123,7 +1141,7 @@
1123
1141
  }
1124
1142
  }
1125
1143
 
1126
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1144
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1127
1145
  /* center a block element */
1128
1146
  /* use this to any of the pseudo elements as these are the mandatory properties */
1129
1147
  /* setting styles in separate formats for cross browser support */
@@ -1181,7 +1199,7 @@
1181
1199
  filter: brightness(0) invert(0.9);
1182
1200
  }
1183
1201
 
1184
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1202
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1185
1203
  /* center a block element */
1186
1204
  /* use this to any of the pseudo elements as these are the mandatory properties */
1187
1205
  /* setting styles in separate formats for cross browser support */
@@ -1268,7 +1286,7 @@
1268
1286
  background-color: #1f1f1f;
1269
1287
  }
1270
1288
 
1271
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1289
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1272
1290
  /* center a block element */
1273
1291
  /* use this to any of the pseudo elements as these are the mandatory properties */
1274
1292
  /* setting styles in separate formats for cross browser support */
@@ -1378,7 +1396,7 @@
1378
1396
  border: none;
1379
1397
  }
1380
1398
 
1381
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1399
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1382
1400
  /* center a block element */
1383
1401
  /* use this to any of the pseudo elements as these are the mandatory properties */
1384
1402
  /* setting styles in separate formats for cross browser support */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "3.8.5",
3
+ "version": "3.8.6-beta.1",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",