ost-components 0.0.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 (76) hide show
  1. package/README.md +136 -0
  2. package/dist/896f1dcf256d0c8af555.svg +3 -0
  3. package/dist/components/Button/Button.d.ts +16 -0
  4. package/dist/components/Button/Button.d.ts.map +1 -0
  5. package/dist/components/Button/index.css +165 -0
  6. package/dist/components/Button/index.d.ts +2 -0
  7. package/dist/components/Button/index.d.ts.map +1 -0
  8. package/dist/components/Button/index.js +1 -0
  9. package/dist/components/FAQ/FAQ.d.ts +20 -0
  10. package/dist/components/FAQ/FAQ.d.ts.map +1 -0
  11. package/dist/components/FAQ/index.css +101 -0
  12. package/dist/components/FAQ/index.d.ts +2 -0
  13. package/dist/components/FAQ/index.d.ts.map +1 -0
  14. package/dist/components/FAQ/index.js +1 -0
  15. package/dist/components/Footer/Footer.d.ts +12 -0
  16. package/dist/components/Footer/Footer.d.ts.map +1 -0
  17. package/dist/components/Footer/index.css +411 -0
  18. package/dist/components/Footer/index.d.ts +2 -0
  19. package/dist/components/Footer/index.d.ts.map +1 -0
  20. package/dist/components/Footer/index.js +1 -0
  21. package/dist/components/Header/Header.d.ts +21 -0
  22. package/dist/components/Header/Header.d.ts.map +1 -0
  23. package/dist/components/Header/Modal.d.ts +1 -0
  24. package/dist/components/Header/Modal.d.ts.map +1 -0
  25. package/dist/components/Header/index.css +321 -0
  26. package/dist/components/Header/index.d.ts +3 -0
  27. package/dist/components/Header/index.d.ts.map +1 -0
  28. package/dist/components/Header/index.js +1 -0
  29. package/dist/components/Heading/Heading.d.ts +11 -0
  30. package/dist/components/Heading/Heading.d.ts.map +1 -0
  31. package/dist/components/Heading/index.css +46 -0
  32. package/dist/components/Heading/index.d.ts +3 -0
  33. package/dist/components/Heading/index.d.ts.map +1 -0
  34. package/dist/components/Heading/index.js +1 -0
  35. package/dist/components/HotelCard/HotelCard.d.ts +18 -0
  36. package/dist/components/HotelCard/HotelCard.d.ts.map +1 -0
  37. package/dist/components/HotelCard/index.css +150 -0
  38. package/dist/components/HotelCard/index.d.ts +3 -0
  39. package/dist/components/HotelCard/index.d.ts.map +1 -0
  40. package/dist/components/HotelCard/index.js +1 -0
  41. package/dist/components/Text/Text.d.ts +12 -0
  42. package/dist/components/Text/Text.d.ts.map +1 -0
  43. package/dist/components/Text/index.css +65 -0
  44. package/dist/components/Text/index.d.ts +3 -0
  45. package/dist/components/Text/index.d.ts.map +1 -0
  46. package/dist/components/Text/index.js +1 -0
  47. package/dist/components/index.d.ts +10 -0
  48. package/dist/components/index.d.ts.map +1 -0
  49. package/dist/index.css +741 -0
  50. package/dist/index.d.ts +3 -0
  51. package/dist/index.d.ts.map +1 -0
  52. package/dist/index.js +1 -0
  53. package/dist/store/fluidMode.d.ts +37 -0
  54. package/dist/store/fluidMode.d.ts.map +1 -0
  55. package/dist/store/fluidMode.js +1 -0
  56. package/dist/storybook/decorator.d.ts +3 -0
  57. package/dist/storybook/decorator.d.ts.map +1 -0
  58. package/dist/themes/layout.d.ts +3 -0
  59. package/dist/themes/layout.d.ts.map +1 -0
  60. package/dist/themes/ostrovok/index.css +8 -0
  61. package/dist/themes/ostrovok/index.d.ts +9 -0
  62. package/dist/themes/ostrovok/index.d.ts.map +1 -0
  63. package/dist/themes/ostrovok/index.js +1 -0
  64. package/dist/themes/ostrovok/ostrovok.d.ts +64 -0
  65. package/dist/themes/ostrovok/ostrovok.d.ts.map +1 -0
  66. package/dist/themes/ostrovok/ostrovok.js +1 -0
  67. package/dist/utils/classes.d.ts +2 -0
  68. package/dist/utils/classes.d.ts.map +1 -0
  69. package/dist/utils/index.d.ts +3 -0
  70. package/dist/utils/index.d.ts.map +1 -0
  71. package/dist/utils/index.js +1 -0
  72. package/dist/utils/isValidEmail.d.ts +2 -0
  73. package/dist/utils/isValidEmail.d.ts.map +1 -0
  74. package/dist/utils/throttle.d.ts +2 -0
  75. package/dist/utils/throttle.d.ts.map +1 -0
  76. package/package.json +147 -0
@@ -0,0 +1,411 @@
1
+ .layout-module__fluidLayout--BNE04[class] {
2
+ font-size: 1rem;
3
+ }
4
+
5
+ .layout-module__staticLayout--x_6dR[class] {
6
+ font-size: 1px;
7
+ }
8
+
9
+ .Button-module__text--fXCJk {
10
+ font-size: var(--button-font-size, 16em);
11
+ white-space: nowrap;
12
+ }
13
+
14
+ .Button-module__root--JgX5G {
15
+ all: unset;
16
+ display: inline-flex;
17
+ border-radius: 60em;
18
+ font-family: var(--font-family);
19
+ font-weight: 500;
20
+ cursor: pointer;
21
+ box-sizing: border-box;
22
+ line-height: var(--button-line-height, 1.5);
23
+ color: var(--button-color);
24
+ background-color: var(--button-bg);
25
+ align-items: center;
26
+ justify-content: center;
27
+ -webkit-font-smoothing: antialiased;
28
+ -moz-osx-font-smoothing: grayscale;
29
+ }
30
+
31
+ @media (hover: hover) and (pointer: fine) {
32
+ .Button-module__root--JgX5G:hover {
33
+ --button-bg: var(--button-bg-hover);
34
+ }
35
+
36
+ .Button-module__root--JgX5G:active {
37
+ --button-bg: var(--button-bg-active);
38
+ }
39
+ }
40
+
41
+ .Button-module__root--JgX5G:disabled {
42
+ cursor: default;
43
+ --button-bg: var(--button-bg-disabled);
44
+ --button-color: var(--button-color-disabled);
45
+ }
46
+
47
+ .Button-module__root--JgX5G:disabled .Button-module__text--fXCJk {
48
+ opacity: var(--disabled-text-opacity, 0.4);
49
+ }
50
+
51
+ .Button-module__xs--QiLu6 {
52
+ padding: 5em 16em 7em;
53
+ }
54
+
55
+ .Button-module__s--BPnwl {
56
+ padding: 7em 18em 9em;
57
+ }
58
+
59
+ .Button-module__m--Za884 {
60
+ padding: 10em 22em 12em;
61
+ --button-line-height: 1.444;
62
+ --button-font-size: 18em;
63
+ }
64
+
65
+ .Button-module__l--ERI3t {
66
+ padding: 13em 28em 15em;
67
+ --button-line-height: 1.333;
68
+ --button-font-size: 24em;
69
+ }
70
+
71
+ .Button-module__primary--cdc4_.Button-module__green--alhqL {
72
+ --button-color: var(--primary-green-button-text);
73
+ --button-bg: var(--primary-green-button-bg);
74
+ --button-bg-hover: var(--primary-green-button-bg-hover);
75
+ --button-bg-active: var(--primary-green-button-bg-active);
76
+ --button-bg-disabled: var(--primary-green-button-bg-disabled);
77
+ }
78
+
79
+ .Button-module__primary--cdc4_.Button-module__blue--NCGMs {
80
+ --button-color: var(--primary-blue-button-text);
81
+ --button-bg: var(--primary-blue-button-bg);
82
+ --button-bg-hover: var(--primary-blue-button-bg-hover);
83
+ --button-bg-active: var(--primary-blue-button-bg-active);
84
+ --button-bg-disabled: var(--primary-blue-button-bg-disabled);
85
+ --button-color-disabled: var(--primary-blue-button-color-disabled);
86
+ }
87
+
88
+ .Button-module__primary--cdc4_.Button-module__white--zRU5W {
89
+ --button-color: var(--primary-white-button-text);
90
+ --button-bg: var(--primary-white-button-bg);
91
+ --button-bg-hover: var(--primary-white-button-bg-hover);
92
+ --button-bg-active: var(--primary-white-button-bg-active);
93
+ --button-bg-disabled: var(--primary-white-button-bg-disabled);
94
+ }
95
+
96
+ .Button-module__primary--cdc4_.Button-module__black--Yi4Rj {
97
+ --button-color: var(--primary-black-button-text);
98
+ --button-bg: var(--primary-black-button-bg);
99
+ --button-bg-hover: var(--primary-black-button-bg-hover);
100
+ --button-bg-active: var(--primary-black-button-bg-active);
101
+ --button-bg-disabled: var(--primary-black-button-bg-disabled);
102
+ --button-color-disabled: var(--primary-black-button-color-disabled);
103
+ }
104
+
105
+ .Button-module__secondary--pJ5lp {
106
+ box-shadow: inset 0 0 0 var(--secondary-border-width, 1em)
107
+ var(--secondary-border-color);
108
+ }
109
+
110
+ .Button-module__secondary--pJ5lp.Button-module__l--ERI3t {
111
+ --secondary-border-width: 2em;
112
+ }
113
+
114
+ .Button-module__secondary--pJ5lp.Button-module__green--alhqL {
115
+ --disabled-text-opacity: 0.6;
116
+ --button-color: var(--secondary-green-button-text);
117
+ --secondary-border-color: var(--secondary-green-button-border);
118
+ --secondary-button-border-hover: var(--secondary-green-button-border-hover);
119
+ --secondary-button-color-hover: var(--secondary-green-button-color-hover);
120
+ --secondary-button-border-active: var(
121
+ --secondary-green-button-border-active
122
+ );
123
+ --secondary-button-color-active: var(--secondary-green-button-color-active);
124
+ --secondary-button-color-disabled: var(
125
+ --secondary-green-button-color-disabled
126
+ );
127
+ --secondary-button-border-disabled: var(
128
+ --secondary-green-button-border-disabled
129
+ );
130
+ }
131
+
132
+ .Button-module__secondary--pJ5lp.Button-module__blue--NCGMs {
133
+ --button-color: var(--secondary-blue-button-text);
134
+ --secondary-border-color: var(--secondary-blue-button-border);
135
+ --secondary-button-border-hover: var(--secondary-blue-button-border-hover);
136
+ --secondary-button-color-hover: var(--secondary-blue-button-color-hover);
137
+ --secondary-button-border-active: var(
138
+ --secondary-blue-button-border-active
139
+ );
140
+ --secondary-button-color-active: var(--secondary-blue-button-color-active);
141
+ --secondary-button-color-disabled: var(
142
+ --secondary-blue-button-color-disabled
143
+ );
144
+ --secondary-button-border-disabled: var(
145
+ --secondary-blue-button-border-disabled
146
+ );
147
+ }
148
+
149
+ @media (hover: hover) and (pointer: fine) {
150
+ .Button-module__secondary--pJ5lp:hover {
151
+ --button-color: var(--secondary-button-color-hover);
152
+ --secondary-border-color: var(--secondary-button-border-hover);
153
+ }
154
+
155
+ .Button-module__secondary--pJ5lp:active {
156
+ --button-color: var(--secondary-button-color-active);
157
+ --secondary-border-color: var(--secondary-button-border-active);
158
+ }
159
+ }
160
+
161
+ .Button-module__secondary--pJ5lp:disabled {
162
+ --button-color: var(--secondary-button-color-disabled);
163
+ --secondary-border-color: var(--secondary-button-border-disabled);
164
+ }
165
+
166
+ .Header-module__root--r3HBs {
167
+ font-family: var(--font-family);
168
+ display: grid;
169
+ padding: 0 20em;
170
+ grid-auto-flow: column;
171
+ position: relative;
172
+ }
173
+
174
+ .Header-module__root--r3HBs.Header-module__exposedMode--yUNI8 {
175
+ grid-auto-flow: unset;
176
+ }
177
+
178
+ .Header-module__light--pMjK9 {
179
+ --general-color: var(--general-light-color);
180
+ --secondary-color: var(--secondary-light-color);
181
+ }
182
+
183
+ .Header-module__dark--K0YDF {
184
+ --general-color: var(--general-dark-color);
185
+ --secondary-color: var(--secondary-dark-color);
186
+ }
187
+
188
+ .Header-module__leftContainer--PZgyr {
189
+ display: grid;
190
+ align-items: center;
191
+ justify-self: start;
192
+ height: 80em;
193
+ }
194
+
195
+ .Header-module__rightContainer--UkVek {
196
+ display: grid;
197
+ grid-auto-flow: column;
198
+ justify-content: end;
199
+ align-items: center;
200
+ grid-gap: 16em;
201
+ gap: 16em;
202
+ justify-self: end;
203
+ }
204
+
205
+ .Header-module__rightContainer--UkVek.Header-module__hidden--hKTxA {
206
+ visibility: hidden;
207
+ position: absolute;
208
+ right: 0;
209
+ }
210
+
211
+ .Header-module__navList--E6aFg {
212
+ list-style: none;
213
+ display: grid;
214
+ grid-gap: 16em;
215
+ gap: 16em;
216
+ grid-auto-flow: column;
217
+ padding: 0;
218
+ }
219
+
220
+ .Header-module__menuLink--QLzUK {
221
+ all: unset;
222
+ color: var(--menu-link-color);
223
+ cursor: pointer;
224
+ white-space: nowrap;
225
+ }
226
+
227
+ @media (hover: hover) and (pointer: fine) {
228
+ .Header-module__menuLink--QLzUK:hover {
229
+ color: var(--menu-link-color-hover);
230
+ }
231
+ }
232
+
233
+ .Header-module__light--pMjK9 .Header-module__menuLink--QLzUK {
234
+ --menu-link-color: var(--general-color);
235
+ --menu-link-color-hover: var(--link-blue-color-hover);
236
+ }
237
+
238
+ .Header-module__dark--K0YDF .Header-module__menuLink--QLzUK {
239
+ --menu-link-color: var(--general-color);
240
+ --menu-link-color-hover: var(--link-green-color-hover);
241
+ }
242
+
243
+ .Header-module__menuLinkText--J8TxL {
244
+ font-size: 16em;
245
+ }
246
+
247
+ .Header-module__burgerMenuContainer--nMgsS {
248
+ display: grid;
249
+ justify-self: end;
250
+ align-self: center;
251
+ }
252
+
253
+ .Header-module__burgerMenuButton--hrBJQ {
254
+ all: unset;
255
+ cursor: pointer;
256
+ display: inline-grid;
257
+ }
258
+
259
+ .Header-module__burgerMenu--wpknD {
260
+ padding: 20em;
261
+ display: grid;
262
+ grid-gap: 20em;
263
+ gap: 20em;
264
+ grid-auto-rows: -webkit-min-content;
265
+ grid-auto-rows: min-content;
266
+ grid-auto-columns: -webkit-min-content;
267
+ grid-auto-columns: min-content;
268
+
269
+ position: fixed;
270
+ z-index: 10000;
271
+ top: 0;
272
+ left: 0;
273
+ width: -webkit-fill-available;
274
+ height: -webkit-fill-available;
275
+ background: var(--mobile-menu-bg);
276
+ }
277
+
278
+ .Header-module__light--pMjK9 .Header-module__burgerMenu--wpknD {
279
+ --mobile-menu-bg: var(--mobile-menu-blue-bg);
280
+ }
281
+
282
+ .Header-module__dark--K0YDF .Header-module__burgerMenu--wpknD {
283
+ --mobile-menu-bg: var(--mobile-menu-black-bg);
284
+ }
285
+
286
+ .Header-module__burgerMenu--wpknD .Header-module__navList--E6aFg {
287
+ grid-auto-flow: row;
288
+ gap: 20em;
289
+ }
290
+
291
+ .Header-module__burgerMenu--wpknD .Header-module__menuLinkText--J8TxL {
292
+ font-size: 20em;
293
+ }
294
+
295
+ .Header-module__exposedMenu--L54Cl {
296
+ display: grid;
297
+ grid-gap: 20em;
298
+ gap: 20em;
299
+ justify-items: start;
300
+ }
301
+
302
+ .Header-module__exposedMenu--L54Cl .Header-module__navList--E6aFg {
303
+ grid-auto-flow: row;
304
+ }
305
+
306
+ .Header-module__logo--Kmtwb {
307
+ width: 152em;
308
+ height: 28em;
309
+ }
310
+
311
+ @media screen and (max-width: 768px) {
312
+ .Header-module__leftContainer--PZgyr {
313
+ height: 60em;
314
+ }
315
+
316
+ .Header-module__logo--Kmtwb {
317
+ width: 108em;
318
+ height: 20em;
319
+ }
320
+ }
321
+
322
+ .Footer-module__root--VMT_P {
323
+ font-family: var(--font-family);
324
+ background-color: var(--footer-bg);
325
+ display: grid;
326
+ grid-gap: 32em;
327
+ gap: 32em;
328
+ padding: 0 0 28em;
329
+ }
330
+
331
+ .Footer-module__light--K1Vx3 {
332
+ --general-color: var(--general-light-color);
333
+ --secondary-color: var(--secondary-light-color);
334
+ --footer-bg: var(--footer-light-bg);
335
+ --footer-contrast-color: var(--footer-light-contrast-color);
336
+ }
337
+
338
+ .Footer-module__dark--GblEw {
339
+ --general-color: var(--general-dark-color);
340
+ --secondary-color: var(--secondary-dark-color);
341
+ --footer-bg: var(--footer-dark-bg);
342
+ --footer-contrast-color: var(--footer-dark-contrast-color);
343
+ }
344
+
345
+ .Footer-module__light--K1Vx3 .Footer-module__footerLink--XLvvf[class] {
346
+ --menu-link-color: var(--footer-light-link-color);
347
+ }
348
+
349
+ .Footer-module__dark--GblEw .Footer-module__footerLink--XLvvf[class] {
350
+ --menu-link-color: var(--footer-dark-link-color);
351
+ }
352
+
353
+ .Footer-module__bottomContent--UdZCW {
354
+ padding: 0 20em;
355
+ display: grid;
356
+ grid-auto-rows: -webkit-min-content;
357
+ grid-auto-rows: min-content;
358
+ }
359
+
360
+ .Footer-module__copyright--YlZ8a {
361
+ display: flex;
362
+ flex-wrap: wrap;
363
+ gap: 16em;
364
+ align-items: baseline;
365
+ }
366
+
367
+ .Footer-module__footerCrumb--OuDMq {
368
+ text-decoration: none;
369
+ font-size: 16em;
370
+ justify-self: start;
371
+ opacity: 0.5;
372
+ color: var(--footer-contrast-color);
373
+ }
374
+
375
+ @media (hover: hover) and (pointer: fine) {
376
+ .Footer-module__footerCrumb--OuDMq:link:hover {
377
+ text-decoration: underline;
378
+ }
379
+ }
380
+
381
+ .Footer-module__social--LDpZU {
382
+ display: grid;
383
+ grid-auto-flow: column;
384
+ grid-gap: 12em;
385
+ gap: 12em;
386
+ flex: 1;
387
+ justify-content: end;
388
+ }
389
+
390
+ .Footer-module__light--K1Vx3 .Footer-module__socialLink--wHUYf:hover {
391
+ --general-color: var(--blue60);
392
+ }
393
+
394
+ .Footer-module__dark--GblEw .Footer-module__socialLink--wHUYf:hover {
395
+ --general-color: var(--green40);
396
+ }
397
+
398
+ @media screen and (max-width: 768px) {
399
+ .Footer-module__root--VMT_P {
400
+ padding-bottom: 32em;
401
+ }
402
+
403
+ .Footer-module__copyright--YlZ8a {
404
+ flex-direction: column;
405
+ }
406
+ .Footer-module__social--LDpZU {
407
+ justify-content: start;
408
+ padding-top: 16em;
409
+ }
410
+ }
411
+
@@ -0,0 +1,2 @@
1
+ export { default } from './Footer';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1 @@
1
+ import*as e from"react/jsx-runtime";import*as t from"react";var n={39:(e,t,n)=>{n.d(t,{L:()=>r});const r=(...e)=>e.filter(Boolean).join(" ")},58:(e,t,n)=>{n.d(t,{N:()=>o,u:()=>l}),n(178);var r=n(992);const o=({theme:e,children:t,fluidMode:n=!1})=>{fluidModeState.state=n;const r=[];Object.entries(e).forEach(([e,t])=>{r.push(`--${e}: ${t}`)});const o=`\n @font-face {\n font-family: 'FactorA';\n src: url('https://of.worldota.net/fonts/factora/Factor-A-Regular-Web.woff2') format('woff2');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'FactorA';\n src: url('https://of.worldota.net/fonts/factora/Factor-A-Medium-Web.woff2') format('woff2');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n \n @font-face {\n font-family: 'Spoof';\n src: url('https://of.worldota.net/fonts/spoof/Spoof-Regular.woff2') format('woff2');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Spoof';\n src: url('https://of.worldota.net/fonts/spoof/Spoof-Medium.woff2') format('woff2');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n\n :root {\n ${r.join(";\n")};\n }\n ${n?fluidLayoutCss:staticLayoutCss};\n `;return _jsxs(_Fragment,{children:[_jsx("style",{dangerouslySetInnerHTML:{__html:o}}),t]})},l=e=>("boolean"==typeof e?e:r.b.state)?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR"},89:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(178),o=n(58),l=n(39);const a={text:"Button-module__text--fXCJk",root:"Button-module__root--JgX5G",xs:"Button-module__xs--QiLu6",s:"Button-module__s--BPnwl",m:"Button-module__m--Za884",l:"Button-module__l--ERI3t",primary:"Button-module__primary--cdc4_",green:"Button-module__green--alhqL",blue:"Button-module__blue--NCGMs",white:"Button-module__white--zRU5W",black:"Button-module__black--Yi4Rj",secondary:"Button-module__secondary--pJ5lp"},s=({className:e,children:t,dimension:n="s",fluidMode:s,theme:c="primary",onClick:i,disabled:u=!1,type:d="button",variant:f="green",url:m})=>{const h=(0,o.u)(s),g=a[n]||"",p=a[c]||"",_=a[f]||"",v=m?"a":"button",w=m?{target:"_blank",href:m}:{type:d};return(0,r.jsx)(v,{...w,onClick:i,className:(0,l.L)(a.root,e,g,p,_,h),disabled:u,children:(0,r.jsx)("span",{className:a.text,children:t})})}},178:(t,n,r)=>{var o,l;t.exports=(o={jsx:()=>e.jsx,jsxs:()=>e.jsxs},l={},r.d(l,o),l)},433:(e,t,n)=>{n.d(t,{A:()=>w});var r,o=n(178),l=n(89),a=n(58),s=n(39),c=n(649);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(null,arguments)}const u=e=>c.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},e),r||(r=c.createElement("path",{stroke:"var(--general-color)",strokeLinecap:"round",strokeWidth:1.5,d:"M6 8h20M6 16h20M6 24h20"})));var d,f;function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(null,arguments)}const h=e=>c.createElement("svg",m({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},e),d||(d=c.createElement("circle",{cx:16,cy:16,r:16,fill:"var(--general-color)"})),f||(f=c.createElement("path",{stroke:"var(--secondary-color)",strokeWidth:2,d:"M9.212 22.788 22.788 9.212m0 13.576L9.212 9.212"})));var g;function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(null,arguments)}const _=e=>c.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 152 28"},e),g||(g=c.createElement("path",{fill:"var(--general-color)",d:"M65.782 6.249c-2.03 0-3.89.955-5.192 2.575l-.151-2.147h-3.47V28h3.87v-6.032l-.177-1.6c1.302 1.54 3.122 2.463 5.12 2.463 4.081 0 7.525-3.662 7.525-8.186s-3.437-8.403-7.525-8.403zm-.48 13.335c-2.675 0-4.68-2.246-4.68-4.939s2.005-4.939 4.68-4.939c2.451 0 4.456 2.246 4.456 4.939s-2.004 4.939-4.456 4.939M32.463 9.916c1.722 0 3.227 1.08 4.081 2.588l3.227-1.726c-1.288-2.798-4.081-4.524-7.308-4.524-4.515 0-8.17 3.662-8.17 8.403s3.655 8.186 8.17 8.186c3.227 0 6.02-1.726 7.308-4.524l-3.227-1.726c-.86 1.508-2.366 2.588-4.081 2.588-2.366 0-4.515-2.153-4.515-4.524 0-2.588 2.149-4.741 4.515-4.741m8.386.211h5.159v12.275h3.654V10.127h5.159v-3.45H40.849zM11.18 0C4.941 0 0 5.17 0 11.419s4.942 11.419 11.18 11.419c6.236 0 11.395-4.952 11.395-11.42C22.575 4.953 17.633 0 11.179 0Zm0 18.953c-3.872 0-7.31-3.445-7.31-7.54 0-3.88 3.438-7.324 7.31-7.324 4.08 0 7.307 3.445 7.307 7.323 0 4.09-3.227 7.54-7.308 7.54Zm136.012 3.885a2.586 2.586 0 0 0 2.583-2.588 2.586 2.586 0 0 0-2.583-2.589 2.586 2.586 0 0 0-2.584 2.589 2.586 2.586 0 0 0 2.584 2.588m1.613-7.54L149.882 0h-5.376l1.078 15.298zm-12.516-.864c1.288-.217 2.149-.862 3.01-3.016l1.722-4.741h-3.766L135.75 11.2c-.427 1.29-1.177 1.725-2.254 1.725h-1.827v-6.25h-3.766v15.726h3.766v-6.25h1.61c1.288 0 1.82.429 2.464 1.726l1.932 4.524h4.193l-2.365-5.17c-.861-1.724-1.933-2.587-3.227-2.798zm-31.57-.031s2.123-.889 2.123-3.628c0-2.463-1.932-4.09-5.376-4.09h-7.742v15.726h8.116c3.438 0 5.646-1.521 5.646-4.452s-2.767-3.483-2.767-3.483zm-7.334-4.689h3.871c1.288 0 1.932.455 1.932 1.6 0 .685-.217 1.831-1.722 1.831h-4.081zm4.081 9.674h-4.081v-3.661h4.298c1.078 0 1.932.645 1.932 1.725 0 1.29-.861 1.936-2.149 1.936M83.197 6.254c-4.515 0-8.17 3.662-8.17 8.403s3.655 8.186 8.17 8.186 8.169-3.662 8.169-8.186-3.654-8.403-8.17-8.403Zm-.106 13.138c-2.582 0-4.515-2.153-4.515-4.741s1.933-4.742 4.515-4.742c2.583 0 4.732 2.153 4.732 4.742s-2.149 4.741-4.732 4.741m34.276-13.138c-4.515 0-8.169 3.662-8.169 8.403s3.654 8.186 8.169 8.186 8.169-3.662 8.169-8.186-3.654-8.403-8.169-8.403m-.105 13.138c-2.583 0-4.515-2.153-4.515-4.741s1.932-4.742 4.515-4.742 4.732 2.153 4.732 4.742-2.149 4.741-4.732 4.741"}))),v={root:"Header-module__root--r3HBs",exposedMode:"Header-module__exposedMode--yUNI8",light:"Header-module__light--pMjK9",dark:"Header-module__dark--K0YDF",leftContainer:"Header-module__leftContainer--PZgyr",rightContainer:"Header-module__rightContainer--UkVek",hidden:"Header-module__hidden--hKTxA",navList:"Header-module__navList--E6aFg",menuLink:"Header-module__menuLink--QLzUK",menuLinkText:"Header-module__menuLinkText--J8TxL",burgerMenuContainer:"Header-module__burgerMenuContainer--nMgsS",burgerMenuButton:"Header-module__burgerMenuButton--hrBJQ",burgerMenu:"Header-module__burgerMenu--wpknD",exposedMenu:"Header-module__exposedMenu--L54Cl",logo:"Header-module__logo--Kmtwb"},w=({theme:e="light",className:t="",menu:n,rightButton:r,noBurgerMenu:i,linkClass:d,fluidMode:f})=>{const m=v[e],g=(0,a.u)(f),p=n&&n.length>0,[w,b]=(0,c.useState)(!1),[x,j]=(0,c.useState)(!1),y=(0,c.useRef)(null),k=(0,c.useRef)(null),M=(0,c.useRef)(null),C=(0,c.useCallback)((()=>{let e=!1;return(...t)=>{e||((()=>{if(!y.current||!M.current||!k.current)return;const e=Number(k.current.getAttribute("viewBox")?.split(" ")[2]);if(!e)return;const t=window.getComputedStyle(y.current),n=parseInt(t.paddingLeft,10),r=parseInt(t.paddingRight,10),o=y.current.offsetWidth-n-r-(e+M.current.offsetWidth)<10;b(o),o||j(!1)})(...t),e=!0,setTimeout(()=>{e=!1},100))}})(),[]);(0,c.useEffect)(()=>(window.addEventListener("resize",C),C(),()=>{window.removeEventListener("resize",C)}),[C]);const L=Boolean(p||r),E=p?(0,o.jsx)("nav",{className:v.navMenu,children:(0,o.jsx)("ul",{className:v.navList,children:n?.map(e=>{const t=e.url?"a":"button",n=e.url?{target:"_blank",href:e.url}:{type:"button"};return(0,o.jsx)("li",{children:(0,o.jsx)(t,{className:(0,s.L)(v.menuLink,d,g),onClick:e.onClick,...n,children:(0,o.jsx)("span",{className:v.menuLinkText,children:e.title})})},e.title)})})}):null,N=r?(0,o.jsx)(l.A,{className:v.rightButton,theme:"secondary",variant:"dark"===e?"green":"blue",dimension:"s",onClick:r.onClick,url:r.url,children:r.text}):null;return(0,o.jsxs)("div",{className:(0,s.L)(v.root,t,m,g,i&&w&&v.exposedMode),ref:y,children:[(0,o.jsx)("div",{className:v.leftContainer,children:(0,o.jsx)(_,{className:v.logo,ref:k})}),(0,o.jsxs)("div",{className:`${v.rightContainer} ${w?v.hidden:""}`,ref:M,children:[E,N]}),w&&L&&!i&&(0,o.jsx)("div",{className:v.burgerMenuContainer,children:(0,o.jsx)("button",{className:v.burgerMenuButton,onClick:()=>j(!x),type:"button",children:x?(0,o.jsx)(h,{}):(0,o.jsx)(u,{})})}),w&&L&&i&&(0,o.jsxs)("div",{className:v.exposedMenu,children:[E,N]}),x&&(0,o.jsxs)("div",{className:v.burgerMenu,style:{top:y.current?.offsetHeight||0},children:[E,N]})]})}},649:(e,n,r)=>{var o,l;e.exports=(o={createElement:()=>t.createElement,useCallback:()=>t.useCallback,useEffect:()=>t.useEffect,useRef:()=>t.useRef,useState:()=>t.useState},l={},r.d(l,o),l)},992:(e,t,n)=>{n.d(t,{b:()=>r}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const r=globalThis.__fluidModeState}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var l=r[e]={exports:{}};return n[e](l,l.exports,o),l.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l,a,s=o(178),c=o(433),i=o(58),u=o(39),d=o(649);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(null,arguments)}const m=e=>d.createElement("svg",f({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),l||(l=d.createElement("g",{fill:"var(--general-color)",clipPath:"url(#dzen_svg__a)"},d.createElement("path",{d:"M24 12.129c-5.314.162-7.74.3-9.685 2.185C12.429 16.26 12.3 18.686 12.129 24c6.525-.068 11.802-5.345 11.87-11.87ZM11.872 24c-.163-5.314-.3-7.74-2.186-9.686C7.74 12.43 5.315 12.3.001 12.13.069 18.655 5.346 23.932 11.871 24ZM24 11.871C23.93 5.346 18.654.07 12.129.001c.163 5.313.3 7.74 2.186 9.685C16.26 11.57 18.685 11.7 24 11.87ZM11.872 0C5.346.07.069 5.347 0 11.872c5.314-.162 7.74-.3 9.685-2.185C11.572 7.74 11.7 5.314 11.872 0"}))),a||(a=d.createElement("defs",null,d.createElement("clipPath",{id:"dzen_svg__a"},d.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"})))));var h;function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(null,arguments)}const p=e=>d.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),h||(h=d.createElement("path",{fill:"var(--general-color)",d:"M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0m3.348 11.965a.147.147 0 0 0-.223-.022c-.88.753-1.96 1.24-3.126 1.24s-2.246-.487-3.126-1.24a.165.165 0 0 0-.223.022l-.932 1.271a.16.16 0 0 0 .021.201 6.6 6.6 0 0 0 2.65 1.293l-1.972 3.476c-.053.095.021.222.127.223h1.929c.063 0 .117-.031.138-.095l1.377-3.073 1.378 3.073a.15.15 0 0 0 .138.095h1.929c.116 0 .18-.117.127-.223l-1.971-3.476a6.45 6.45 0 0 0 2.65-1.293c.084-.053.094-.137.041-.2zm-3.349-6.37a3.17 3.17 0 0 0-2.246.933 3.173 3.173 0 0 0 0 4.494 3.173 3.173 0 0 0 4.493 0 3.17 3.17 0 0 0 0-4.494A3.17 3.17 0 0 0 12 5.596Zm0 1.728c.403 0 .763.16 1.018.424a1.435 1.435 0 0 1 0 2.034 1.44 1.44 0 0 1-1.018.424 1.4 1.4 0 0 1-1.018-.424 1.44 1.44 0 0 1-.423-1.016c0-.392.17-.753.423-1.018A1.44 1.44 0 0 1 12 7.323Z"})));var _,v;function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(null,arguments)}const b=e=>d.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),_||(_=d.createElement("g",{clipPath:"url(#tg_svg__a)"},d.createElement("path",{fill:"var(--general-color)",fillRule:"evenodd",d:"M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12M12.43 8.859q-1.75.728-6.998 3.014-.852.339-.893.663c-.046.366.412.51 1.034.705q.128.04.263.084c.613.199 1.437.432 1.865.441q.583.012 1.302-.48 4.902-3.31 5.061-3.346c.075-.017.179-.039.249.024.07.062.063.18.056.212-.046.193-1.84 1.862-2.77 2.726-.29.269-.495.46-.537.504q-.143.145-.282.279c-.57.548-.996.96.024 1.632.49.323.882.59 1.273.856.427.291.853.581 1.405.943q.21.14.405.28c.497.355.944.673 1.496.623.32-.03.652-.331.82-1.23.397-2.126 1.179-6.73 1.36-8.628a2 2 0 0 0-.02-.472.5.5 0 0 0-.172-.325c-.143-.117-.365-.142-.465-.14-.451.008-1.143.249-4.476 1.635",clipRule:"evenodd"}))),v||(v=d.createElement("defs",null,d.createElement("clipPath",{id:"tg_svg__a"},d.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"})))));var x;function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},j.apply(null,arguments)}const y=e=>d.createElement("svg",j({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),x||(x=d.createElement("path",{fill:"var(--general-color)",fillRule:"evenodd",d:"M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12M5 7.63c.114 5.457 2.842 8.737 7.625 8.737h.271v-3.122c1.758.175 3.087 1.46 3.62 3.122H19c-.682-2.484-2.475-3.857-3.594-4.381 1.12-.648 2.693-2.221 3.07-4.355h-2.257c-.49 1.731-1.941 3.305-3.323 3.454V7.63H10.64v6.051c-1.399-.35-3.165-2.046-3.244-6.051z",clipRule:"evenodd"}))),k={root:"Footer-module__root--VMT_P",light:"Footer-module__light--K1Vx3",dark:"Footer-module__dark--GblEw",footerLink:"Footer-module__footerLink--XLvvf",bottomContent:"Footer-module__bottomContent--UdZCW",copyright:"Footer-module__copyright--YlZ8a",footerCrumb:"Footer-module__footerCrumb--OuDMq",social:"Footer-module__social--LDpZU",socialLink:"Footer-module__socialLink--wHUYf"},M=({theme:e="light",className:t="",menu:n,rightButton:r,fluidMode:o})=>{const l=k[e],a=(0,i.u)(o);return(0,s.jsxs)("footer",{className:(0,u.L)(k.root,t,l,a),children:[(0,s.jsx)(c.A,{noBurgerMenu:!0,menu:n,theme:e,rightButton:r,linkClass:k.footerLink}),(0,s.jsx)("div",{className:k.bottomContent,children:(0,s.jsxs)("div",{className:k.copyright,children:[(0,s.jsxs)("span",{className:k.footerCrumb,children:["© ",(new Date).getFullYear()," Группа компаний «Островок»"]}),(0,s.jsx)("a",{className:k.footerCrumb,href:"https://ostrovok.ru/legal/site/privacy-policy/",children:"Политика конфиденциальности"}),(0,s.jsxs)("div",{className:k.social,children:[(0,s.jsx)("a",{href:"https://vk.com/ostrovok_ru",target:"_blank",rel:"noopener",className:k.socialLink,children:(0,s.jsx)(y,{})}),(0,s.jsx)("a",{href:"https://t.me/ostrovok_travel",target:"_blank",rel:"noopener",className:k.socialLink,children:(0,s.jsx)(b,{})}),(0,s.jsx)("a",{href:"https://ok.ru/ostrovok.ru/",target:"_blank",rel:"noopener",className:k.socialLink,children:(0,s.jsx)(p,{})}),(0,s.jsx)("a",{href:"https://dzen.ru/blog_ostrovok_ru",target:"_blank",rel:"noopener",className:k.socialLink,children:(0,s.jsx)(m,{})})]})]})})]})};export{M as default};
@@ -0,0 +1,21 @@
1
+ import type React from 'react';
2
+ export interface HeaderProps {
3
+ theme?: Theme;
4
+ className?: string;
5
+ menu?: {
6
+ title: string;
7
+ url?: string;
8
+ onClick?: () => void;
9
+ }[];
10
+ noBurgerMenu?: boolean;
11
+ rightButton?: {
12
+ text: React.ReactNode;
13
+ onClick?: () => void;
14
+ url?: string;
15
+ };
16
+ linkClass?: string;
17
+ fluidMode?: boolean;
18
+ }
19
+ declare const Header: React.FC<HeaderProps>;
20
+ export default Header;
21
+ //# sourceMappingURL=Header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,EAAE,CAAC;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0JjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=Modal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Modal.tsx"],"names":[],"mappings":""}