oraculo-ui 0.1.9 → 0.1.10

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 (24) hide show
  1. package/dist/{OraculoSeccionBonoBienvenida-EDS6UQVL.mjs → OraculoSeccionBonoBienvenida-2APXZQQA.mjs} +1 -2
  2. package/dist/{OraculoSeccionVirtuales-OP2CSKUP.css → OraculoSeccionCasino-RFXPS2MW.css} +181 -0
  3. package/dist/{OraculoSeccionCasino-GXRRODCJ.mjs → OraculoSeccionCasino-WBPCNYC5.mjs} +5 -4
  4. package/dist/OraculoSeccionDestacados-IMREYQ6W.mjs +12 -0
  5. package/dist/OraculoSeccionTopJuegos-DWEO36ND.mjs +12 -0
  6. package/dist/{OraculoSeccionCasino-Q2VV44XD.css → OraculoSeccionTopJuegos-FMFAEVQK.css} +181 -0
  7. package/dist/OraculoSeccionVirtuales-6RBECPDW.css +397 -0
  8. package/dist/{OraculoSeccionVirtuales-MGW5X23B.mjs → OraculoSeccionVirtuales-IBYOMEJV.mjs} +5 -4
  9. package/dist/{chunk-WPLILXPP.mjs → chunk-4LBAYKDQ.mjs} +116 -30
  10. package/dist/{chunk-PXIOKT7L.mjs → chunk-VYYKDD5L.mjs} +817 -95
  11. package/dist/index.d.mts +2 -1
  12. package/dist/index.d.ts +2 -1
  13. package/dist/index.js +192 -158
  14. package/dist/index.mjs +11 -23
  15. package/package.json +1 -1
  16. package/dist/OraculoSeccionDestacados-QU6BT2NM.mjs +0 -18
  17. package/dist/OraculoSeccionTopJuegos-3AR4L7SZ.css +0 -59
  18. package/dist/OraculoSeccionTopJuegos-FZUYQEMC.mjs +0 -8
  19. package/dist/chunk-5GTDKE3I.mjs +0 -30
  20. package/dist/chunk-AFPCFXMZ.mjs +0 -174
  21. package/dist/chunk-AIT7B2J3.mjs +0 -192
  22. package/dist/chunk-DKP3HTEP.mjs +0 -183
  23. package/dist/chunk-VHW77D2M.mjs +0 -91
  24. package/dist/chunk-YY5T37WR.mjs +0 -175
package/dist/{OraculoSeccionBonoBienvenida-EDS6UQVL.mjs → OraculoSeccionBonoBienvenida-2APXZQQA.mjs} RENAMED
@@ -1,7 +1,6 @@
1
1
  import {
2
2
  OraculoSeccionBonoBienvenida_default
3
- } from "./chunk-WPLILXPP.mjs";
4
- import "./chunk-VHW77D2M.mjs";
3
+ } from "./chunk-4LBAYKDQ.mjs";
5
4
  import "./chunk-IJQLK4NO.mjs";
6
5
  import "./chunk-VIPLL6XT.mjs";
7
6
  export {
package/dist/{OraculoSeccionVirtuales-OP2CSKUP.css → OraculoSeccionCasino-RFXPS2MW.css} RENAMED
@@ -214,3 +214,184 @@
214
214
  .orc-btn--fullHeight {
215
215
  height: 100%;
216
216
  }
217
+
218
+ /* src/atoms/OraculoCarouselDots/OraculoCarouselDots.css */
219
+ .orc-dots {
220
+ --dot-size: 8px;
221
+ --dot-cell: 20px;
222
+ --dot-active-h: 8px;
223
+ --dot-active-w: 20px;
224
+ --dot-bg: #ffffff;
225
+ --dot-surface: #ffffff;
226
+ --dot-accent: #9EE86E;
227
+ display: flex;
228
+ gap: 0px;
229
+ justify-content: center;
230
+ margin-top: 10px;
231
+ }
232
+ .orc-dots__cell {
233
+ width: var(--dot-cell);
234
+ display: inline-flex;
235
+ justify-content: center;
236
+ }
237
+ .orc-dots__dot {
238
+ width: var(--dot-size);
239
+ height: var(--dot-size);
240
+ border-radius: 9999px;
241
+ background: var(--dot-bg);
242
+ border: 0;
243
+ padding: 0;
244
+ cursor: pointer;
245
+ position: relative;
246
+ transition:
247
+ transform .15s ease,
248
+ background .15s ease,
249
+ width .2s ease,
250
+ height .2s ease;
251
+ }
252
+ .orc-dots__dot:hover {
253
+ transform: scale(1.06);
254
+ }
255
+ .orc-dots__dot--active {
256
+ width: var(--dot-active-w);
257
+ height: var(--dot-active-h);
258
+ border-radius: 9999px;
259
+ background: #fff;
260
+ position: relative;
261
+ overflow: hidden;
262
+ }
263
+ .orc-dots__dot--active::after {
264
+ content: "";
265
+ position: absolute;
266
+ top: 0;
267
+ bottom: 0;
268
+ left: 0;
269
+ width: 40%;
270
+ background: var(--dot-accent);
271
+ border-radius: inherit;
272
+ }
273
+ .orc-dots__dot--active {
274
+ outline: 0;
275
+ outline-offset: 0;
276
+ }
277
+ .orc-dots__dot:focus-visible {
278
+ outline: 2px solid var(--dot-accent);
279
+ outline-offset: 2px;
280
+ }
281
+
282
+ /* src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css */
283
+ .orc-co-wrap {
284
+ --orc-co-art-w: 887px;
285
+ --orc-co-art-h: 510px;
286
+ --orc-co-text: #ffffff;
287
+ --orc-co-art-left: clamp(120px, 18vw, 280px);
288
+ --orc-co-art-top: 20px;
289
+ --orc-co-logo-left: 163px;
290
+ --orc-co-logo-top: 120px;
291
+ --orc-co-logo-w: 220px;
292
+ --orc-co-content-left: 120px;
293
+ --orc-co-content-top: 290px;
294
+ min-height: var(--orc-co-minH, 520px);
295
+ position: relative;
296
+ }
297
+ .orc-co-fullBleed {
298
+ width: 100vw;
299
+ margin-left: 50%;
300
+ transform: translateX(-50%);
301
+ }
302
+ .orc-co-bottom {
303
+ position: absolute;
304
+ left: 50%;
305
+ transform: translateX(-50%);
306
+ bottom: 20px;
307
+ z-index: 2;
308
+ display: grid;
309
+ justify-items: center;
310
+ gap: 12px;
311
+ border-radius: 12px;
312
+ }
313
+ .orc-co-caption {
314
+ color: var(--orc-co-text);
315
+ font-size: 14px;
316
+ text-align: center;
317
+ font-weight: 400;
318
+ text-wrap: balance;
319
+ line-height: 1.4;
320
+ }
321
+ .orc-co-bgMobile {
322
+ position: relative;
323
+ width: 100%;
324
+ min-height: 360px;
325
+ overflow: hidden;
326
+ }
327
+ .orc-co-bgMobileImg {
328
+ width: 100%;
329
+ height: 100%;
330
+ object-fit: cover;
331
+ }
332
+ .orc-co-bgDesktop,
333
+ .orc-co-logo,
334
+ .orc-co-desktopContent {
335
+ display: none;
336
+ }
337
+ @media (min-width: 1024px) {
338
+ .orc-co-bgMobile {
339
+ display: none;
340
+ }
341
+ .orc-co-bottom {
342
+ display: none;
343
+ }
344
+ .orc-co-bgDesktop {
345
+ position: absolute;
346
+ inset: 0;
347
+ z-index: 0;
348
+ display: block;
349
+ }
350
+ .orc-co-bgDesktop > .orc-co-fillHost {
351
+ position: absolute;
352
+ width: var(--orc-co-art-w);
353
+ height: var(--orc-co-art-h);
354
+ top: var(--orc-co-art-top);
355
+ left: var(--orc-co-art-left);
356
+ }
357
+ .orc-co-bgDesktopImg {
358
+ width: 100%;
359
+ height: 100%;
360
+ object-fit: cover;
361
+ display: block;
362
+ }
363
+ .orc-co-logo {
364
+ display: block;
365
+ position: absolute;
366
+ left: var(--orc-co-logo-left);
367
+ top: var(--orc-co-logo-top);
368
+ width: var(--orc-co-logo-w);
369
+ aspect-ratio: 3 / 2;
370
+ z-index: 2;
371
+ }
372
+ .orc-co-logoImg {
373
+ width: 100%;
374
+ height: 100%;
375
+ object-fit: contain;
376
+ display: block;
377
+ }
378
+ .orc-co-desktopContent {
379
+ display: grid;
380
+ position: absolute;
381
+ left: var(--orc-co-content-left);
382
+ top: var(--orc-co-content-top);
383
+ gap: 16px;
384
+ justify-items: center;
385
+ text-align: center;
386
+ z-index: 2;
387
+ }
388
+ .orc-co-captionDesktop {
389
+ margin: 0;
390
+ color: var(--orc-co-text);
391
+ font-family: var(--clmc-font, inherit);
392
+ font-weight: 400;
393
+ font-size: clamp(14px, 1.5vw, 18px);
394
+ max-width: 28ch;
395
+ text-wrap: balance;
396
+ }
397
+ }
package/dist/{OraculoSeccionCasino-GXRRODCJ.mjs → OraculoSeccionCasino-WBPCNYC5.mjs} RENAMED
@@ -1,9 +1,10 @@
1
1
  import {
2
2
  OraculoSeccionCasino_default
3
- } from "./chunk-AFPCFXMZ.mjs";
4
- import "./chunk-AIT7B2J3.mjs";
5
- import "./chunk-5GTDKE3I.mjs";
6
- import "./chunk-VHW77D2M.mjs";
3
+ } from "./chunk-VYYKDD5L.mjs";
4
+ import "./chunk-2D7ZJMJV.mjs";
5
+ import "./chunk-PZJSZNXJ.mjs";
6
+ import "./chunk-PVY5Z3JS.mjs";
7
+ import "./chunk-4LBAYKDQ.mjs";
7
8
  import "./chunk-IJQLK4NO.mjs";
8
9
  import "./chunk-VIPLL6XT.mjs";
9
10
  export {
package/dist/OraculoSeccionDestacados-IMREYQ6W.mjs ADDED
@@ -0,0 +1,12 @@
1
+ import {
2
+ OraculoSeccionDestacados
3
+ } from "./chunk-VYYKDD5L.mjs";
4
+ import "./chunk-2D7ZJMJV.mjs";
5
+ import "./chunk-PZJSZNXJ.mjs";
6
+ import "./chunk-PVY5Z3JS.mjs";
7
+ import "./chunk-4LBAYKDQ.mjs";
8
+ import "./chunk-IJQLK4NO.mjs";
9
+ import "./chunk-VIPLL6XT.mjs";
10
+ export {
11
+ OraculoSeccionDestacados as default
12
+ };
package/dist/OraculoSeccionTopJuegos-DWEO36ND.mjs ADDED
@@ -0,0 +1,12 @@
1
+ import {
2
+ OraculoSeccionTopJuegos
3
+ } from "./chunk-VYYKDD5L.mjs";
4
+ import "./chunk-2D7ZJMJV.mjs";
5
+ import "./chunk-PZJSZNXJ.mjs";
6
+ import "./chunk-PVY5Z3JS.mjs";
7
+ import "./chunk-4LBAYKDQ.mjs";
8
+ import "./chunk-IJQLK4NO.mjs";
9
+ import "./chunk-VIPLL6XT.mjs";
10
+ export {
11
+ OraculoSeccionTopJuegos as default
12
+ };
package/dist/{OraculoSeccionCasino-Q2VV44XD.css → OraculoSeccionTopJuegos-FMFAEVQK.css} RENAMED
@@ -214,3 +214,184 @@
214
214
  .orc-btn--fullHeight {
215
215
  height: 100%;
216
216
  }
217
+
218
+ /* src/atoms/OraculoCarouselDots/OraculoCarouselDots.css */
219
+ .orc-dots {
220
+ --dot-size: 8px;
221
+ --dot-cell: 20px;
222
+ --dot-active-h: 8px;
223
+ --dot-active-w: 20px;
224
+ --dot-bg: #ffffff;
225
+ --dot-surface: #ffffff;
226
+ --dot-accent: #9EE86E;
227
+ display: flex;
228
+ gap: 0px;
229
+ justify-content: center;
230
+ margin-top: 10px;
231
+ }
232
+ .orc-dots__cell {
233
+ width: var(--dot-cell);
234
+ display: inline-flex;
235
+ justify-content: center;
236
+ }
237
+ .orc-dots__dot {
238
+ width: var(--dot-size);
239
+ height: var(--dot-size);
240
+ border-radius: 9999px;
241
+ background: var(--dot-bg);
242
+ border: 0;
243
+ padding: 0;
244
+ cursor: pointer;
245
+ position: relative;
246
+ transition:
247
+ transform .15s ease,
248
+ background .15s ease,
249
+ width .2s ease,
250
+ height .2s ease;
251
+ }
252
+ .orc-dots__dot:hover {
253
+ transform: scale(1.06);
254
+ }
255
+ .orc-dots__dot--active {
256
+ width: var(--dot-active-w);
257
+ height: var(--dot-active-h);
258
+ border-radius: 9999px;
259
+ background: #fff;
260
+ position: relative;
261
+ overflow: hidden;
262
+ }
263
+ .orc-dots__dot--active::after {
264
+ content: "";
265
+ position: absolute;
266
+ top: 0;
267
+ bottom: 0;
268
+ left: 0;
269
+ width: 40%;
270
+ background: var(--dot-accent);
271
+ border-radius: inherit;
272
+ }
273
+ .orc-dots__dot--active {
274
+ outline: 0;
275
+ outline-offset: 0;
276
+ }
277
+ .orc-dots__dot:focus-visible {
278
+ outline: 2px solid var(--dot-accent);
279
+ outline-offset: 2px;
280
+ }
281
+
282
+ /* src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css */
283
+ .orc-co-wrap {
284
+ --orc-co-art-w: 887px;
285
+ --orc-co-art-h: 510px;
286
+ --orc-co-text: #ffffff;
287
+ --orc-co-art-left: clamp(120px, 18vw, 280px);
288
+ --orc-co-art-top: 20px;
289
+ --orc-co-logo-left: 163px;
290
+ --orc-co-logo-top: 120px;
291
+ --orc-co-logo-w: 220px;
292
+ --orc-co-content-left: 120px;
293
+ --orc-co-content-top: 290px;
294
+ min-height: var(--orc-co-minH, 520px);
295
+ position: relative;
296
+ }
297
+ .orc-co-fullBleed {
298
+ width: 100vw;
299
+ margin-left: 50%;
300
+ transform: translateX(-50%);
301
+ }
302
+ .orc-co-bottom {
303
+ position: absolute;
304
+ left: 50%;
305
+ transform: translateX(-50%);
306
+ bottom: 20px;
307
+ z-index: 2;
308
+ display: grid;
309
+ justify-items: center;
310
+ gap: 12px;
311
+ border-radius: 12px;
312
+ }
313
+ .orc-co-caption {
314
+ color: var(--orc-co-text);
315
+ font-size: 14px;
316
+ text-align: center;
317
+ font-weight: 400;
318
+ text-wrap: balance;
319
+ line-height: 1.4;
320
+ }
321
+ .orc-co-bgMobile {
322
+ position: relative;
323
+ width: 100%;
324
+ min-height: 360px;
325
+ overflow: hidden;
326
+ }
327
+ .orc-co-bgMobileImg {
328
+ width: 100%;
329
+ height: 100%;
330
+ object-fit: cover;
331
+ }
332
+ .orc-co-bgDesktop,
333
+ .orc-co-logo,
334
+ .orc-co-desktopContent {
335
+ display: none;
336
+ }
337
+ @media (min-width: 1024px) {
338
+ .orc-co-bgMobile {
339
+ display: none;
340
+ }
341
+ .orc-co-bottom {
342
+ display: none;
343
+ }
344
+ .orc-co-bgDesktop {
345
+ position: absolute;
346
+ inset: 0;
347
+ z-index: 0;
348
+ display: block;
349
+ }
350
+ .orc-co-bgDesktop > .orc-co-fillHost {
351
+ position: absolute;
352
+ width: var(--orc-co-art-w);
353
+ height: var(--orc-co-art-h);
354
+ top: var(--orc-co-art-top);
355
+ left: var(--orc-co-art-left);
356
+ }
357
+ .orc-co-bgDesktopImg {
358
+ width: 100%;
359
+ height: 100%;
360
+ object-fit: cover;
361
+ display: block;
362
+ }
363
+ .orc-co-logo {
364
+ display: block;
365
+ position: absolute;
366
+ left: var(--orc-co-logo-left);
367
+ top: var(--orc-co-logo-top);
368
+ width: var(--orc-co-logo-w);
369
+ aspect-ratio: 3 / 2;
370
+ z-index: 2;
371
+ }
372
+ .orc-co-logoImg {
373
+ width: 100%;
374
+ height: 100%;
375
+ object-fit: contain;
376
+ display: block;
377
+ }
378
+ .orc-co-desktopContent {
379
+ display: grid;
380
+ position: absolute;
381
+ left: var(--orc-co-content-left);
382
+ top: var(--orc-co-content-top);
383
+ gap: 16px;
384
+ justify-items: center;
385
+ text-align: center;
386
+ z-index: 2;
387
+ }
388
+ .orc-co-captionDesktop {
389
+ margin: 0;
390
+ color: var(--orc-co-text);
391
+ font-family: var(--clmc-font, inherit);
392
+ font-weight: 400;
393
+ font-size: clamp(14px, 1.5vw, 18px);
394
+ max-width: 28ch;
395
+ text-wrap: balance;
396
+ }
397
+ }