int-components 0.0.23 → 0.0.25

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/index.css +21 -1
  2. package/dist/rh-components/HeroSection/index.css +16 -0
  3. package/dist/rh-components/HotelCard/index.css +3 -0
  4. package/dist/rh-components/HotelsLanding/index.css +21 -1
  5. package/dist/rh-components/HotelsSection/index.css +5 -1
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -939,6 +939,13 @@
939
939
  }
940
940
  }
941
941
 
942
+ @media (min-width: 1152px) {
943
+
944
+ .HeroSection-module__hero--lpuv4 {
945
+ background-image: var(--background-desktop-2x);
946
+ }
947
+ }
948
+
942
949
  .HeroSection-module__heroContainer--brVZ4 {
943
950
  display: flex;
944
951
  justify-content: var(--slogan-justify-content, end);
@@ -947,6 +954,9 @@
947
954
  margin: 0 auto;
948
955
  padding: 26em 15em;
949
956
  box-sizing: border-box;
957
+ word-wrap: break-word;
958
+ overflow-wrap: break-word;
959
+ word-break: break-word;
950
960
  }
951
961
 
952
962
  @media (min-width: 500px) {
@@ -973,12 +983,18 @@
973
983
  text-align: var(--slogan-text-align, right);
974
984
  font-family: var(--font-secondary, "ABCGravity", sans-serif);
975
985
  font-weight: 900;
986
+ word-wrap: break-word;
987
+ overflow-wrap: break-word;
988
+ word-break: break-word;
976
989
  }
977
990
 
978
991
  .HeroSection-module__sloganText--_hwUn {
979
992
  font-size: 45em;
980
993
  line-height: 90%;
981
994
  text-transform: uppercase;
995
+ word-wrap: break-word;
996
+ overflow-wrap: break-word;
997
+ word-break: break-word;
982
998
  }
983
999
 
984
1000
  @media (min-width: 500px) {
@@ -1089,6 +1105,9 @@
1089
1105
  flex-direction: column;
1090
1106
  gap: 4em;
1091
1107
  flex: 1;
1108
+ word-wrap: break-word;
1109
+ overflow-wrap: break-word;
1110
+ word-break: break-word;
1092
1111
  }
1093
1112
 
1094
1113
  .HotelCard-module__stars--jTODO {
@@ -1188,6 +1207,7 @@
1188
1207
  max-width: 1392px;
1189
1208
  margin-inline: auto;
1190
1209
  margin-bottom: 60em;
1210
+ padding-top: 45em;
1191
1211
  }
1192
1212
 
1193
1213
  @media (min-width: 1152px) {
@@ -1202,7 +1222,7 @@
1202
1222
  flex-direction: column;
1203
1223
  gap: 16em;
1204
1224
  padding: 0 16em;
1205
- margin: 45em 0;
1225
+ margin: 0 0 45em;
1206
1226
  }
1207
1227
 
1208
1228
  @media (min-width: 500px) {
package/dist/rh-components/HeroSection/index.css CHANGED
@@ -29,6 +29,13 @@
29
29
  }
30
30
  }
31
31
 
32
+ @media (min-width: 1152px) {
33
+
34
+ .HeroSection-module__hero--lpuv4 {
35
+ background-image: var(--background-desktop-2x);
36
+ }
37
+ }
38
+
32
39
  .HeroSection-module__heroContainer--brVZ4 {
33
40
  display: flex;
34
41
  justify-content: var(--slogan-justify-content, end);
@@ -37,6 +44,9 @@
37
44
  margin: 0 auto;
38
45
  padding: 26em 15em;
39
46
  box-sizing: border-box;
47
+ word-wrap: break-word;
48
+ overflow-wrap: break-word;
49
+ word-break: break-word;
40
50
  }
41
51
 
42
52
  @media (min-width: 500px) {
@@ -63,12 +73,18 @@
63
73
  text-align: var(--slogan-text-align, right);
64
74
  font-family: var(--font-secondary, "ABCGravity", sans-serif);
65
75
  font-weight: 900;
76
+ word-wrap: break-word;
77
+ overflow-wrap: break-word;
78
+ word-break: break-word;
66
79
  }
67
80
 
68
81
  .HeroSection-module__sloganText--_hwUn {
69
82
  font-size: 45em;
70
83
  line-height: 90%;
71
84
  text-transform: uppercase;
85
+ word-wrap: break-word;
86
+ overflow-wrap: break-word;
87
+ word-break: break-word;
72
88
  }
73
89
 
74
90
  @media (min-width: 500px) {
package/dist/rh-components/HotelCard/index.css CHANGED
@@ -74,6 +74,9 @@
74
74
  flex-direction: column;
75
75
  gap: 4em;
76
76
  flex: 1;
77
+ word-wrap: break-word;
78
+ overflow-wrap: break-word;
79
+ word-break: break-word;
77
80
  }
78
81
 
79
82
  .HotelCard-module__stars--jTODO {
package/dist/rh-components/HotelsLanding/index.css CHANGED
@@ -939,6 +939,13 @@
939
939
  }
940
940
  }
941
941
 
942
+ @media (min-width: 1152px) {
943
+
944
+ .HeroSection-module__hero--lpuv4 {
945
+ background-image: var(--background-desktop-2x);
946
+ }
947
+ }
948
+
942
949
  .HeroSection-module__heroContainer--brVZ4 {
943
950
  display: flex;
944
951
  justify-content: var(--slogan-justify-content, end);
@@ -947,6 +954,9 @@
947
954
  margin: 0 auto;
948
955
  padding: 26em 15em;
949
956
  box-sizing: border-box;
957
+ word-wrap: break-word;
958
+ overflow-wrap: break-word;
959
+ word-break: break-word;
950
960
  }
951
961
 
952
962
  @media (min-width: 500px) {
@@ -973,12 +983,18 @@
973
983
  text-align: var(--slogan-text-align, right);
974
984
  font-family: var(--font-secondary, "ABCGravity", sans-serif);
975
985
  font-weight: 900;
986
+ word-wrap: break-word;
987
+ overflow-wrap: break-word;
988
+ word-break: break-word;
976
989
  }
977
990
 
978
991
  .HeroSection-module__sloganText--_hwUn {
979
992
  font-size: 45em;
980
993
  line-height: 90%;
981
994
  text-transform: uppercase;
995
+ word-wrap: break-word;
996
+ overflow-wrap: break-word;
997
+ word-break: break-word;
982
998
  }
983
999
 
984
1000
  @media (min-width: 500px) {
@@ -1104,6 +1120,9 @@
1104
1120
  flex-direction: column;
1105
1121
  gap: 4em;
1106
1122
  flex: 1;
1123
+ word-wrap: break-word;
1124
+ overflow-wrap: break-word;
1125
+ word-break: break-word;
1107
1126
  }
1108
1127
 
1109
1128
  .HotelCard-module__stars--jTODO {
@@ -1188,6 +1207,7 @@
1188
1207
  max-width: 1392px;
1189
1208
  margin-inline: auto;
1190
1209
  margin-bottom: 60em;
1210
+ padding-top: 45em;
1191
1211
  }
1192
1212
 
1193
1213
  @media (min-width: 1152px) {
@@ -1202,7 +1222,7 @@
1202
1222
  flex-direction: column;
1203
1223
  gap: 16em;
1204
1224
  padding: 0 16em;
1205
- margin: 45em 0;
1225
+ margin: 0 0 45em;
1206
1226
  }
1207
1227
 
1208
1228
  @media (min-width: 500px) {
package/dist/rh-components/HotelsSection/index.css CHANGED
@@ -74,6 +74,9 @@
74
74
  flex-direction: column;
75
75
  gap: 4em;
76
76
  flex: 1;
77
+ word-wrap: break-word;
78
+ overflow-wrap: break-word;
79
+ word-break: break-word;
77
80
  }
78
81
 
79
82
  .HotelCard-module__stars--jTODO {
@@ -158,6 +161,7 @@
158
161
  max-width: 1392px;
159
162
  margin-inline: auto;
160
163
  margin-bottom: 60em;
164
+ padding-top: 45em;
161
165
  }
162
166
 
163
167
  @media (min-width: 1152px) {
@@ -172,7 +176,7 @@
172
176
  flex-direction: column;
173
177
  gap: 16em;
174
178
  padding: 0 16em;
175
- margin: 45em 0;
179
+ margin: 0 0 45em;
176
180
  }
177
181
 
178
182
  @media (min-width: 500px) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "int-components",
3
- "version": "0.0.23",
3
+ "version": "0.0.25",
4
4
  "type": "module",
5
5
  "sideEffects": [
6
6
  "**/*.css"