@inntechcorp/it-design 4.0.0-beta.4 → 4.0.0-beta.6
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.
- package/CHANGELOG.md +136 -0
- package/MIGRATION.md +29 -1
- package/README.md +182 -64
- package/dist/cjs/_bundled/@radix-ui/primitive/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-compose-refs/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-context/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-dialog/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-dismissable-layer/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-focus-guards/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-focus-scope/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-id/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-portal/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-presence/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-primitive/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-slot/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-use-callback-ref/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-use-controllable-state/dist/index.js +1 -1
- package/dist/cjs/_bundled/@radix-ui/react-use-effect-event/dist/index.js +1 -0
- package/dist/cjs/_bundled/vaul/dist/index.js +1 -1
- package/dist/cjs/blocks/banner/index.js +1 -1
- package/dist/cjs/blocks/game-box/index.js +1 -1
- package/dist/cjs/blocks/game-carousel/index.js +1 -1
- package/dist/cjs/blocks/game-providers/logos.js +1 -1
- package/dist/cjs/blocks/game-shell/useDrawerChrome.js +1 -1
- package/dist/cjs/blocks/multiple-jackpots/index.js +1 -1
- package/dist/cjs/blocks/slider/index.js +1 -1
- package/dist/cjs/blocks/user-hub/bonus.js +1 -1
- package/dist/cjs/blocks/user-hub/settings.js +1 -1
- package/dist/cjs/blocks/user-hub/table.js +1 -1
- package/dist/cjs/context/PortalDocumentContext.js +1 -1
- package/dist/cjs/context-menu/ContextMenu.js +1 -1
- package/dist/cjs/dialog/Dialog.js +1 -1
- package/dist/cjs/dropdown-menu/CheckIcon.js +1 -1
- package/dist/cjs/dropdown-menu/processChildren.js +1 -1
- package/dist/cjs/dropdown-menu/useMenuItemChrome.js +1 -1
- package/dist/cjs/dropdown-menu/useSubMenuRegistry.js +1 -1
- package/dist/cjs/floating/createFloatingTrigger.js +1 -1
- package/dist/cjs/helpers/phone/usePhoneCountry.js +1 -1
- package/dist/cjs/helpers/theme/createTheme.js +1 -1
- package/dist/cjs/helpers/theme/importShadcnTheme.js +1 -1
- package/dist/cjs/hooks/useFocusTrap.js +1 -1
- package/dist/cjs/hooks/useLoadMoreSentinel.js +1 -1
- package/dist/cjs/hooks/useOnESCKeyDown.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/modal/container/ModalContainer.js +1 -1
- package/dist/cjs/modal/index.js +1 -1
- package/dist/cjs/router/ITDLink.js +1 -1
- package/dist/cjs/router/context.js +1 -1
- package/dist/cjs/router/matchActive.js +1 -1
- package/dist/cjs/toast/index.js +1 -1
- package/dist/css/accordion.css +2 -2
- package/dist/css/alert.css +1 -1
- package/dist/css/announcement-bar.css +1 -1
- package/dist/css/auth-page.css +3 -3
- package/dist/css/avatar.css +1 -1
- package/dist/css/back-top.css +1 -1
- package/dist/css/badge.css +85 -81
- package/dist/css/base.css +22 -16
- package/dist/css/block-form.css +5 -3
- package/dist/css/blocks-shared.css +8 -6
- package/dist/css/button-group.css +1 -1
- package/dist/css/button.css +8 -6
- package/dist/css/calendar.css +1 -1
- package/dist/css/card.css +1 -1
- package/dist/css/casino-featured.css +1 -1
- package/dist/css/chart.css +1 -1
- package/dist/css/checkbox.css +2 -2
- package/dist/css/code-input.css +5 -5
- package/dist/css/color-input.css +1 -1
- package/dist/css/coming-soon.css +1 -1
- package/dist/css/common.css +1 -1
- package/dist/css/components.css +1 -1
- package/dist/css/cropper.css +10 -6
- package/dist/css/datepicker.css +1 -1
- package/dist/css/default-avatar.css +1 -1
- package/dist/css/dialog.css +1 -1
- package/dist/css/dropdown-menu.css +1 -1
- package/dist/css/field.css +1 -1
- package/dist/css/filter-tabs.css +1 -1
- package/dist/css/flex.css +1 -1
- package/dist/css/floating.css +1 -1
- package/dist/css/footer.css +1 -1
- package/dist/css/form.css +1 -1
- package/dist/css/game-box.css +3 -3
- package/dist/css/game-carousel.css +1 -1
- package/dist/css/game-categories.css +1 -1
- package/dist/css/game-filter.css +1 -1
- package/dist/css/game-navigator.css +1 -1
- package/dist/css/game-providers.css +1 -1
- package/dist/css/game-search.css +1 -1
- package/dist/css/game-shell.css +3 -1
- package/dist/css/header.css +3 -3
- package/dist/css/help.css +1 -1
- package/dist/css/home-sections.css +1 -1
- package/dist/css/hovercard.css +1 -1
- package/dist/css/hstrip.css +1 -1
- package/dist/css/html-header.css +1 -1
- package/dist/css/image.css +1 -1
- package/dist/css/input.css +1 -1
- package/dist/css/label.css +1 -1
- package/dist/css/last-winners.css +1 -1
- package/dist/css/login.css +1 -1
- package/dist/css/mega-menu.css +3 -1
- package/dist/css/min-width-gate.css +1 -1
- package/dist/css/mobile-bottom-nav.css +1 -1
- package/dist/css/modal.css +8 -8
- package/dist/css/multiple-jackpots.css +3 -1
- package/dist/css/notifications-panel.css +2 -2
- package/dist/css/page.css +2 -2
- package/dist/css/popover.css +1 -1
- package/dist/css/post-viewer.css +1 -1
- package/dist/css/progress.css +1 -1
- package/dist/css/promotions-grid.css +3 -3
- package/dist/css/properties.css +1 -1
- package/dist/css/radio.css +1 -1
- package/dist/css/raffle.css +1 -1
- package/dist/css/rangepicker.css +1 -1
- package/dist/css/reset.css +2 -2
- package/dist/css/result.css +1 -1
- package/dist/css/select.css +1 -1
- package/dist/css/separator.css +1 -1
- package/dist/css/sheet.css +1 -1
- package/dist/css/signup.css +1 -0
- package/dist/css/skeleton.css +2 -2
- package/dist/css/slider.css +1 -1
- package/dist/css/spin.css +1 -1
- package/dist/css/stat-card.css +1 -1
- package/dist/css/sub-page-header.css +1 -1
- package/dist/css/svg-loader.css +1 -1
- package/dist/css/switch.css +1 -1
- package/dist/css/table.css +6 -4
- package/dist/css/tabs.css +1 -1
- package/dist/css/textarea.css +1 -1
- package/dist/css/toggle-group.css +1 -1
- package/dist/css/tooltip.css +1 -1
- package/dist/css/tournaments.css +8 -7
- package/dist/css/upload.css +1 -1
- package/dist/css/user-hub.css +3 -1
- package/dist/css/utilities.css +1 -1
- package/dist/css/vendor.css +4 -1
- package/dist/es/_bundled/@radix-ui/primitive/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-compose-refs/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-context/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-dialog/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-dismissable-layer/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-focus-guards/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-focus-scope/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-id/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-portal/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-presence/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-primitive/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-slot/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-use-callback-ref/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-use-controllable-state/dist/index.js +1 -1
- package/dist/es/_bundled/@radix-ui/react-use-effect-event/dist/index.js +1 -0
- package/dist/es/_bundled/vaul/dist/index.js +1 -1
- package/dist/es/blocks/banner/index.js +1 -1
- package/dist/es/blocks/game-box/index.js +1 -1
- package/dist/es/blocks/game-carousel/index.js +1 -1
- package/dist/es/blocks/game-providers/logos.js +1 -1
- package/dist/es/blocks/game-shell/useDrawerChrome.js +1 -1
- package/dist/es/blocks/multiple-jackpots/index.js +1 -1
- package/dist/es/blocks/slider/index.js +1 -1
- package/dist/es/blocks/user-hub/bonus.js +1 -1
- package/dist/es/blocks/user-hub/cashier.js +1 -1
- package/dist/es/blocks/user-hub/history.js +1 -1
- package/dist/es/blocks/user-hub/profile.js +1 -1
- package/dist/es/blocks/user-hub/raffles.js +1 -1
- package/dist/es/blocks/user-hub/settings.js +1 -1
- package/dist/es/blocks/user-hub/table.js +1 -1
- package/dist/es/context/ITDContext.js +1 -1
- package/dist/es/context/PortalDocumentContext.js +1 -1
- package/dist/es/context-menu/ContextMenu.js +1 -1
- package/dist/es/dialog/Dialog.js +1 -1
- package/dist/es/dropdown-menu/CheckIcon.js +1 -1
- package/dist/es/dropdown-menu/processChildren.js +1 -1
- package/dist/es/dropdown-menu/useMenuItemChrome.js +1 -1
- package/dist/es/dropdown-menu/useSubMenuRegistry.js +1 -1
- package/dist/es/floating/createFloatingTrigger.js +1 -1
- package/dist/es/helpers/phone/usePhoneCountry.js +1 -1
- package/dist/es/helpers/theme/createTheme.js +1 -1
- package/dist/es/helpers/theme/importShadcnTheme.js +1 -1
- package/dist/es/hooks/useFocusTrap.js +1 -1
- package/dist/es/hooks/useLoadMoreSentinel.js +1 -1
- package/dist/es/hooks/useOnESCKeyDown.js +1 -1
- package/dist/es/index.js +1 -1
- package/dist/es/modal/container/ModalContainer.js +1 -1
- package/dist/es/modal/index.js +1 -1
- package/dist/es/page/blocks.js +1 -1
- package/dist/es/page/blocks.query.js +1 -1
- package/dist/es/page/editor/theme.js +1 -1
- package/dist/es/router/ITDLink.js +1 -1
- package/dist/es/router/context.js +1 -1
- package/dist/es/router/matchActive.js +1 -1
- package/dist/es/toast/index.js +1 -1
- package/dist/global.css +188 -154
- package/dist/index.d.ts +217 -189
- package/package.json +26 -36
- package/dist/cjs/_bundled/@radix-ui/react-use-escape-keydown/dist/index.js +0 -1
- package/dist/es/_bundled/@radix-ui/react-use-escape-keydown/dist/index.js +0 -1
package/dist/css/mega-menu.css
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
@layer components{.itd-mega-menu{--itd-mega-menu-ink:color-mix(in srgb,var(--itd-color-text) 88
|
|
1
|
+
@layer components{.itd-mega-menu{--itd-mega-menu-ink:color-mix(in srgb, var(--itd-color-text) 88%, #0000);--itd-mega-menu-shadow-alpha:0.1;--itd-mega-menu-well-shift:-0.08;--itd-mega-menu-well-bg:oklch(
|
|
2
|
+
from var(--itd-color-background-alt-hover) calc(l + var(--itd-mega-menu-well-shift)) c h
|
|
3
|
+
);--itd-mega-menu-bg:oklch(from var(--itd-background) 0.2 c h);display:flex;flex-direction:column;gap:.625rem;width:100%;min-height:100%;padding:1rem;background:var(--itd-mega-menu-bg);box-sizing:border-box}[data-theme=light] .itd-mega-menu{--itd-mega-menu-bg:oklch(from var(--itd-background) 0.89 c h)}.itd-mega-menu-item{background:var(--itd-color-background-alt-hover);border-radius:var(--itd-radius-control);overflow:hidden;transition:border-radius .15s ease .24s}.itd-mega-menu-item--group,.itd-mega-menu-item[data-open=true]{border-radius:min(var(--itd-radius-control),var(--itd-radius-lg))}.itd-mega-menu-item[data-open=true]{transition:border-radius 0s}[data-theme=light] .itd-mega-menu-item{background:oklch(from var(--itd-mega-menu-bg) calc(min(l + .06, .99)) c h)}.itd-mega-menu-groupitem,.itd-mega-menu-head-main,.itd-mega-menu-link,.itd-mega-menu-subitem{display:flex;align-items:center;gap:.875rem;width:100%;min-height:2.75rem;padding:0 .75rem 0 1rem;border:0;background:none;cursor:pointer;color:var(--itd-mega-menu-ink);text-decoration:none;font-family:inherit;text-align:left;box-sizing:border-box}.itd-mega-menu-head,.itd-mega-menu-link{background:linear-gradient(var(--itd-color-background-alt-hover),color-mix(in srgb,var(--itd-color-background-alt-hover) 55%,var(--itd-color-background-alt) 45%));border-radius:var(--itd-radius-md)}.itd-mega-menu-head{display:flex;align-items:center;min-height:2.75rem;padding-right:.75rem;filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/0));transition:filter .2s ease .28s,border-radius .15s ease .24s}.itd-mega-menu-item[data-open=true] .itd-mega-menu-head{filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/var(--itd-mega-menu-shadow-alpha)));border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;transition:filter .25s ease .22s,border-radius .1s ease}[data-theme=dark] .itd-mega-menu{--itd-mega-menu-shadow-alpha:0.52;--itd-mega-menu-well-shift:0.08}.itd-mega-menu-head-main{flex:1;min-width:0;padding-right:.5rem}.itd-mega-menu-groupitem:focus-visible,.itd-mega-menu-head-main:focus-visible,.itd-mega-menu-link:focus-visible,.itd-mega-menu-subitem:focus-visible,.itd-mega-menu-toggle:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:-2px}.itd-mega-menu-icon{display:inline-flex;flex:none;color:var(--itd-mega-menu-ink)}.itd-mega-menu-icon :is(img,svg){width:1.25rem;height:1.25rem}.itd-mega-menu-icon img{border-radius:var(--itd-radius-xs);object-fit:cover}.itd-mega-menu-label{flex:1;min-width:0;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);line-height:1;color:var(--itd-mega-menu-ink)}.is-active :is(.itd-mega-menu-icon,.itd-mega-menu-label){color:var(--itd-primary)}.itd-mega-menu-badge{flex:none;display:inline-flex;align-items:center;padding:.0625rem .5rem;border-radius:var(--itd-radius-pill);background:var(--itd-color-background-alt);color:var(--itd-mega-menu-ink);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-mega-menu-toggle{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:0;padding:0;border-radius:var(--itd-radius-chip);background:var(--itd-mega-menu-well-bg);color:var(--itd-mega-menu-ink);cursor:pointer}.itd-mega-menu-toggle-icon{display:inline-flex;transition:transform .25s ease}.itd-mega-menu-toggle-icon svg{width:1rem;height:1rem}.itd-mega-menu-item[data-open=true] .itd-mega-menu-toggle-icon{transform:rotate(180deg)}.itd-mega-menu-chevron{flex:none;display:inline-flex;color:var(--itd-mega-menu-ink)}.itd-mega-menu-chevron svg{width:1rem;height:1rem}.itd-mega-menu-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse{grid-template-rows:1fr}.itd-mega-menu-collapse-inner{min-height:0;overflow:hidden;opacity:0;transition:opacity .2s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse-inner{opacity:1}.itd-mega-menu-subitem{min-height:2.75rem}.itd-mega-menu-item--group{padding:.25rem 0}.itd-mega-menu-item--select{background:none;overflow:visible}.itd-mega-menu-select{width:100%}.itd-mega-menu-select.itd-select-filled .itd-select-selector{height:2.75rem;padding:0 .75rem 0 1rem}.itd-mega-menu-select .itd-select-selection-label.itd-select-selection-item-single{margin-left:.5rem}.itd-mega-menu-select--well .itd-select-arrow{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--itd-radius-chip);background:var(--itd-mega-menu-well-bg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-min-width-gate{-
|
|
1
|
+
@layer components{.itd-min-width-gate{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:1.5rem;background:oklch(from var(--itd-background,var(--itd-color-background-alt)) l c h/.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.itd-min-width-gate-card{display:flex;flex-direction:column;align-items:center;gap:calc(var(--itd-spacing) * 2);max-width:26rem;padding:calc(var(--itd-spacing) * 8) calc(var(--itd-spacing) * 7);border-radius:var(--itd-radius-md);background:var(--itd-color-background-modal);box-shadow:var(--itd-floating-shadow);color:var(--itd-color-text);text-align:center}.itd-min-width-gate-icon{color:var(--itd-primary);margin-bottom:calc(var(--itd-spacing) * 1)}.itd-min-width-gate-icon svg{width:2.5rem;height:2.5rem}.itd-min-width-gate-title{font-size:var(--itd-text-lg);line-height:var(--itd-text-lg--line-height);font-weight:var(--itd-font-weight-bold)}.itd-min-width-gate-desc{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-neutral)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-mobile-bottom-nav{background:linear-gradient(180deg,var(--itd-color-background-alt-hover) 0,color-mix(in srgb,var(--itd-color-background-alt-hover) 92%,var(--itd-color-text)) 100%);
|
|
1
|
+
@layer components{.itd-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;width:100%;height:4rem;min-height:4rem;padding-bottom:env(safe-area-inset-bottom);border-top-left-radius:1rem;border-top-right-radius:1rem;background:linear-gradient(180deg,var(--itd-color-background-alt-hover) 0,color-mix(in srgb,var(--itd-color-background-alt-hover) 92%,var(--itd-color-text)) 100%);box-shadow:0 0 30px 10px #00000026;transform:translateY(0);transition:transform .15s ease-out;will-change:transform}.itd-mobile-bottom-nav[data-open=false]{transform:translateY(100%)}@media (orientation:landscape){.itd-mobile-bottom-nav{padding-bottom:0}}.itd-mobile-bottom-nav .inn-mobile-menu-items{display:flex;align-items:center;justify-content:center;height:100%}.itd-mobile-bottom-nav .inn-mobile-menu-item{flex:1;display:grid;justify-content:center;text-decoration:none;border:0;background:none;cursor:pointer}.itd-mobile-bottom-nav .inn-mobile-menu-item>div{display:flex;flex-direction:column;align-items:center;gap:.125rem;text-align:center}.itd-mobile-bottom-nav .inn-mobile-menu-item svg{width:1.125rem;height:1.125rem;color:var(--itd-color-text-neutral)}.itd-mobile-bottom-nav .inn-mobile-menu-item svg:not([fill=none]) path{fill:currentColor}.itd-mobile-bottom-nav .inn-mobile-menu-item span{color:var(--itd-color-text-neutral);font-size:var(--itd-text-11);line-height:var(--itd-text-11--line-height);font-weight:var(--itd-font-weight-extrabold)}.itd-mobile-bottom-nav .inn-mobile-menu-item.active :is(span,svg){color:var(--itd-primary)}.itd-mobile-bottom-nav-skeletons{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1rem;align-items:center;height:100%;margin:0 1rem}}
|
package/dist/css/modal.css
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
@layer components{.itd-modal{height:100vh}.itd-modal,.itd-modal-overlay{
|
|
2
|
-
--itd-modal-outer-padding,clamp(calc(var(--itd-spacing)*3.5),4vw,calc(var(--itd-spacing)*12.5))
|
|
3
|
-
);width:
|
|
1
|
+
@layer components{.itd-modal{height:100vh}.itd-modal,.itd-modal-overlay{width:100vw;position:fixed;top:0;left:0}.itd-modal-overlay{height:100%;background:var(--itd-color-overlay);opacity:0;transition:opacity .25s ease-out}.itd-modal-overlay[data-show=true]{opacity:1}.itd-modal-content-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:50% 50%;transform-box:fill-box}.itd-modal-inner-wrapper{width:100vw;height:100vh;display:flex;overflow-y:auto;padding:var(
|
|
2
|
+
--itd-modal-outer-padding,clamp(calc(var(--itd-spacing) * 3.5),4vw,calc(var(--itd-spacing) * 12.5))
|
|
3
|
+
)}.itd-modal-body{margin:auto;height:max-content;width:var(--itd-modal-width,31.25rem);max-width:var(--itd-modal-width,31.25rem);background:var(
|
|
4
4
|
--itd-modal-bg,var(--itd-color-background-dialog,var(--itd-color-background-modal))
|
|
5
|
-
);border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);
|
|
6
|
-
--itd-modal-content-padding,calc(var(--itd-spacing)*7.5) calc(var(--itd-spacing)*5)
|
|
5
|
+
);color:var(--itd-card-foreground);border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-modal-body,.itd-modal-content{position:relative}.itd-modal-header{display:flex;align-items:center;padding:calc(var(--itd-spacing) * 6) calc(var(--itd-spacing) * 5) 0;color:var(--itd-card-foreground)}.itd-modal-title{margin:0;font-size:var(--itd-text-default);line-height:var(--itd-leading-tight);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-modal-header[data-variant=separator]{min-height:var(--itd-modal-header-h,4rem);padding-top:0;padding-bottom:0;border-bottom:1px solid var(--itd-color-border);background:var(--itd-color-background-modal-footer,var(--itd-color-background-footer));border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0}.itd-modal-header[data-variant=separator] .itd-modal-title{max-width:90%}.itd-modal-body:has(.itd-modal-header[data-variant=separator]) .itd-modal-close-button{top:calc((var(--itd-modal-header-h, 4rem) - 2rem) / 2)}[data-itd-elevation=raised] .itd-modal-header[data-variant=separator]{background:oklch(from var(--itd-background) .92 c h)}[data-itd-elevation=raised] .itd-modal-body:has(.itd-modal-header[data-variant=separator]) .itd-modal-close-button .itd-button.itd-button-ghost:hover:where(:root:not(.itd-touch) *):not([disabled]){background-color:oklch(from var(--itd-background) .95 c h)}.itd-modal-message{margin:0;color:var(--itd-muted-foreground);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-modal-footer{display:flex;align-items:center;justify-content:var(--itd-modal-footer-justify,flex-end);gap:calc(var(--itd-spacing) * 2);padding:0 calc(var(--itd-spacing) * 5) calc(var(--itd-spacing) * 6)}.itd-modal-footer[data-variant=filled],.itd-modal-footer[data-variant=separator]{padding-top:calc(var(--itd-spacing) * 4);background:var(--itd-color-background-modal-footer,var(--itd-color-background-footer));border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md)}.itd-modal-footer[data-variant=separator]{border-top:1px solid var(--itd-color-border)}.itd-modal-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(var(--itd-spacing) * 9);height:calc(var(--itd-spacing) * 9);margin-inline-end:calc(var(--itd-spacing) * 3);border-radius:var(--itd-radius-md);background:var(--itd-secondary);color:var(--itd-card-foreground)}.itd-modal-icon svg{width:calc(var(--itd-spacing) * 4.5);height:calc(var(--itd-spacing) * 4.5)}.itd-modal-icon[data-tone=destructive]{background:var(--itd-color-alert-error-background);color:var(--itd-color-error)}.itd-modal-content[data-align=center] .itd-modal-header{flex-direction:column;align-items:center;text-align:center;gap:calc(var(--itd-spacing) * 2.5)}.itd-modal-content[data-align=center] .itd-modal-icon{margin-inline-end:0}.itd-modal-content[data-align=center] .itd-modal-message{text-align:center}.itd-modal-content[data-align=center] .itd-modal-footer{justify-content:stretch}.itd-modal-content[data-align=center] .itd-modal-footer>.itd-button{flex:1}.itd-modal-close-button{position:absolute;right:calc(var(--itd-spacing) * 3);top:calc(var(--itd-spacing) * 3);z-index:1;cursor:pointer}.itd-modal-middle-content{padding:var(
|
|
6
|
+
--itd-modal-content-padding,calc(var(--itd-spacing) * 7.5) calc(var(--itd-spacing) * 5)
|
|
7
7
|
)}.itd-modal-middle-content-before{padding:var(
|
|
8
|
-
--itd-modal-content-padding-before,calc(var(--itd-spacing)*7.5) calc(var(--itd-spacing)*5) 0
|
|
8
|
+
--itd-modal-content-padding-before,calc(var(--itd-spacing) * 7.5) calc(var(--itd-spacing) * 5) 0
|
|
9
9
|
)}.itd-modal-middle-content-after{padding:var(
|
|
10
|
-
--itd-modal-content-padding-after,0 calc(var(--itd-spacing)*5) calc(var(--itd-spacing)*7.5)
|
|
11
|
-
)}.itd-modal-confirm .itd-modal-middle-content{padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*5) calc(var(--itd-spacing)*4)}[data-itd-elevation=raised] .itd-modal-body{background:var(--itd-background)}.itd-mobile [data-mobile-fullscreen] .itd-modal-inner-wrapper{
|
|
10
|
+
--itd-modal-content-padding-after,0 calc(var(--itd-spacing) * 5) calc(var(--itd-spacing) * 7.5)
|
|
11
|
+
)}.itd-modal-confirm .itd-modal-middle-content{padding:calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 5) calc(var(--itd-spacing) * 4)}[data-itd-elevation=raised] .itd-modal-body{background:var(--itd-background)}.itd-mobile [data-mobile-fullscreen] .itd-modal-inner-wrapper{padding:0;overflow-x:hidden;min-height:100dvh}.itd-mobile [data-mobile-fullscreen] .itd-modal-content-wrapper{border-radius:0}.itd-mobile [data-mobile-fullscreen] .itd-modal-content{margin-bottom:0;min-height:100dvh;border-radius:0}.itd-mobile [data-mobile-fullscreen] .itd-modal-body{width:100vw;max-width:100vw;min-height:100dvh;max-height:none;border-radius:0;margin:0}.itd-mobile [data-mobile-fullscreen] .itd-modal-header{border-radius:0;position:sticky;top:0;z-index:5}.itd-mobile [data-mobile-fullscreen] .itd-modal-header[data-variant=separator]{height:var(--itd-modal-header-h,4rem)}.itd-mobile [data-mobile-fullscreen] .itd-modal-close-button{position:fixed;top:calc((var(--itd-modal-header-h, 4rem) - 2rem) / 2);right:.75rem;z-index:6}.itd-mobile [data-mobile-fullscreen] .itd-modal-footer{border-radius:0}@media (max-width:48rem){[data-mobile-fullscreen] .itd-modal-inner-wrapper{padding:0;overflow-x:hidden;min-height:100dvh}[data-mobile-fullscreen] .itd-modal-content-wrapper{border-radius:0}[data-mobile-fullscreen] .itd-modal-content{margin-bottom:0;min-height:100dvh;border-radius:0}[data-mobile-fullscreen] .itd-modal-body{width:100vw;max-width:100vw;min-height:100dvh;max-height:none;border-radius:0;margin:0}[data-mobile-fullscreen] .itd-modal-header{border-radius:0;position:sticky;top:0;z-index:5}[data-mobile-fullscreen] .itd-modal-header[data-variant=separator]{height:var(--itd-modal-header-h,4rem)}[data-mobile-fullscreen] .itd-modal-close-button{position:fixed;top:calc((var(--itd-modal-header-h, 4rem) - 2rem) / 2);right:.75rem;z-index:6}[data-mobile-fullscreen] .itd-modal-footer{border-radius:0}}}
|
|
@@ -2,4 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
@supports (color: oklab(0% 0 0%)){
|
|
4
4
|
.itd-jackpot-winners-modal,.itd-jackpots{--itd-jackpot-mini:oklch(0.614 0.238 323.3);--itd-jackpot-minor:oklch(0.591 0.149 256.9);--itd-jackpot-major:oklch(0.77 0.218 140.6);--itd-jackpot-grand:oklch(0.584 0.188 25.2)}
|
|
5
|
-
}.itd-jackpots{background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .095, var(--itd-elev-box, .96))) c h) 0,oklch(from var(--itd-background) calc(min(l + .115, var(--itd-elev-box, .955))) c h) 100%)
|
|
5
|
+
}.itd-jackpots{position:relative;height:6.25rem;min-height:6.25rem;overflow:hidden;border-radius:var(--itd-radius-md);background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .095, var(--itd-elev-box, .96))) c h) 0,oklch(from var(--itd-background) calc(min(l + .115, var(--itd-elev-box, .955))) c h) 100%)}.itd-jackpot-carousel,.itd-jackpot-viewport{height:100%}.itd-jackpot-viewport{overflow:hidden}.itd-jackpot-container{display:flex;flex-direction:column;margin-top:-.625rem;height:calc(100% + .625rem);touch-action:pan-x pinch-zoom}.itd-jackpot-slide{flex:0 0 100%;min-height:0;display:grid;grid-template-columns:4.625rem 3.8125rem 6.25rem 1.875rem 1fr 6.25rem;align-items:center;padding:1.25rem 1.25rem .625rem}.itd-jackpot-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem}.itd-jackpot-brand img:first-child{height:2.0625rem;width:auto}.itd-jackpot-brand img:last-child{height:auto;width:4rem}.itd-jackpot-separator{justify-self:center;width:1px;height:3.125rem;background-color:color-mix(in srgb,var(--itd-color-text-neutral) 20%,#0000)}.itd-jackpot-art{display:flex;align-items:center;justify-content:center}.itd-jackpot-art img{height:3.4375rem;width:auto;max-width:100%}.itd-jackpot-tiers-strip{--itd-strip-fade-from:oklch(
|
|
6
|
+
from var(--itd-background) calc(min(l + 0.105, var(--itd-elev-box, 0.9575))) c h
|
|
7
|
+
);--itd-strip-icon-size:1rem}.itd-jackpot-tier{position:relative;flex:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.625rem;min-width:16.3375rem;height:5rem;padding:.9375rem;border-radius:var(--itd-radius-md);background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-nested, .94))) c h)}.itd-jackpot-single:before,.itd-jackpot-tier:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--itd-jackpot-texture,none);background-size:cover;mix-blend-mode:luminosity;opacity:.25;pointer-events:none}[data-theme=light] .itd-jackpot-single:before,[data-theme=light] .itd-jackpot-tier:before{background-image:none}.itd-jackpot-tier-symbol{position:relative;height:2.25rem;width:auto}.itd-jackpot-tier-text{position:relative;display:flex;flex-direction:column;gap:.3125rem;min-width:0}.itd-jackpot-tier-name{font-size:var(--itd-text-10);line-height:var(--itd-text-10--line-height);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text);white-space:nowrap}.itd-jackpot-tier-amount{font-family:var(--itd-font-sans);font-size:var(--itd-text-22);line-height:var(--itd-text-22--line-height);font-weight:var(--itd-font-weight-extrabold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none}.itd-jackpot-tier-amount.mini{color:var(--itd-jackpot-mini)}.itd-jackpot-tier-amount.minor{color:var(--itd-jackpot-minor)}.itd-jackpot-tier-amount.major{color:var(--itd-jackpot-major)}.itd-jackpot-tier-amount.grand,.itd-jackpot-tier-amount.power{color:var(--itd-jackpot-grand)}.itd-jackpot-single{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.3125rem;height:5rem;padding:.9375rem;border-radius:var(--itd-radius-md);background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-deep, .9))) c h)}.itd-jackpot-single,.itd-jackpot-single-amount{position:relative;-webkit-user-select:none;user-select:none}.itd-jackpot-single-amount{font-family:var(--itd-font-sans);font-size:var(--itd-text-3xl);line-height:1;font-weight:var(--itd-font-weight-extrabold);color:var(--itd-jackpot-grand);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-jackpot-round.itd-button{padding:0;border-radius:calc(infinity * 1px);background-color:color-mix(in srgb,var(--itd-color-text-neutral) 10%,#0000);color:var(--itd-color-text-neutral)}.itd-jackpot-round.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:color-mix(in srgb,var(--itd-color-text-neutral) 22%,#0000);color:var(--itd-color-text)}[data-theme=light] .itd-jackpot-round.itd-button{background-color:var(--itd-surface-deep)}[data-theme=light] .itd-jackpot-round.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:oklch(from var(--itd-background) calc(min(l + .068, .86)) calc(c * .8) h)}[data-itd-elevation=raised] .itd-jackpot-round.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:oklch(from var(--itd-background) .92 c h)}.itd-jackpot-round.itd-button:disabled svg:not(.itd-spinner){opacity:.25}.itd-jackpot-round.itd-button.itd-button-icon svg:not(.itd-spinner){color:var(--itd-color-text-neutral)}.itd-jackpot-round.itd-button.itd-button-icon:hover:where(:root:not(.itd-touch) *):not(:disabled) svg:not(.itd-spinner){color:var(--itd-color-text)}.itd-jackpot-round.itd-jackpot-round--xs.itd-button svg:not(.itd-spinner){width:.875rem;height:.875rem}.itd-jackpot-tier-buttons{right:.3125rem;flex-direction:column;gap:.1875rem}.itd-jackpot-controls,.itd-jackpot-tier-buttons{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex}.itd-jackpot-controls{right:1.25rem;align-items:center;gap:.625rem}.itd-jackpot-separator--controls{height:1.875rem}.itd-jackpot-arrows{display:flex;flex-direction:column;gap:.3125rem}.itd-mobile .itd-jackpot-slide{grid-template-columns:4.625rem 2.5625rem 4.0625rem .625rem 1fr 6.25rem;padding:1.25rem .625rem .625rem}.itd-mobile .itd-jackpot-tier-symbol{height:1.875rem}.itd-mobile .itd-jackpot-single-amount{font-size:var(--itd-text-26);line-height:var(--itd-text-26--line-height)}@media (max-width:899.98px){.itd-jackpot-controls{display:none}.itd-jackpot-slide,.itd-mobile .itd-jackpot-slide{grid-template-columns:3.4375rem 1fr;column-gap:.625rem;padding:1.25rem .625rem .625rem}.itd-jackpot-brand,.itd-jackpot-separator:not(.itd-jackpot-separator--controls),.itd-jackpot-spacer{display:none}.itd-jackpot-art img{height:auto;width:3.4375rem}.itd-jackpot-tiers-strip :is(.arrow-left,.arrow-right) svg{display:none}}.itd-jackpot-loading{gap:.375rem;padding:.625rem 1.25rem}.itd-jackpot-empty,.itd-jackpot-loading{display:flex;align-items:center;height:100%}.itd-jackpot-empty{justify-content:center;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-neutral)}.itd-jackpot-winners-modal{display:flex;flex-direction:column;padding:3.125rem;color:var(--itd-color-text)}.itd-jackpot-win-box{display:flex;flex-direction:column;gap:.9375rem}.itd-jackpot-win-box-title{display:flex;align-items:center;gap:.5rem;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-jackpot-win-box-meta svg,.itd-jackpot-win-box-title svg{width:.875rem;height:.875rem;color:var(--itd-color-text)}.itd-jackpot-win-box-amount{font-family:var(--itd-font-sans);font-size:var(--itd-text-28);line-height:var(--itd-text-28--line-height);font-weight:var(--itd-font-weight-extrabold);color:var(--itd-jackpot-major);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.itd-jackpot-win-box-meta{display:flex;gap:1.25rem;font-size:var(--itd-text-11);color:color-mix(in srgb,var(--itd-color-text) 75%,#0000)}.itd-jackpot-win-box-meta>span{display:inline-flex;align-items:center;gap:.375rem}.itd-jackpot-winners-separator{margin:1.875rem 0;border:0;border-top:1px solid color-mix(in srgb,var(--itd-color-text) 6%,#0000)}.itd-jackpot-total-wins{margin-top:1.875rem;text-align:center;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold)}.jackpot-games-modal .itd-modal-header{height:4.375rem;padding:0 calc(var(--itd-spacing) * 5);align-items:center;background:var(--itd-surface-nested);border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0}.jackpot-games-modal .itd-modal-title{color:var(--itd-color-text-muted);font-size:var(--itd-text-default);line-height:1.125rem;font-weight:var(--itd-font-weight-semibold)}.itd-jackpot-games-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr));gap:.625rem;padding-top:.625rem;min-height:31.25rem;align-content:start}.itd-mobile .jackpot-games-modal .itd-modal-inner-wrapper{padding:0}.itd-mobile .jackpot-games-modal .itd-modal-body{width:100%;max-width:100%;min-height:100dvh;border-radius:0}.itd-mobile .jackpot-games-modal .itd-modal-content{min-height:100dvh}.itd-mobile .jackpot-games-modal .itd-modal-header{position:sticky;top:0;z-index:2;height:4rem;min-height:4rem;align-items:center;border-radius:0;background:var(--itd-surface-nested)}.itd-mobile .jackpot-games-modal .itd-modal-close-button{position:fixed;top:1.125rem;right:1rem;z-index:3}.itd-mobile .jackpot-games-modal .itd-jackpot-games-modal{min-height:0}}.itd-jackpot-round.itd-button{width:1.875rem;height:1.875rem;min-width:1.875rem;min-height:1.875rem}@media (min-width:900px){.itd-jackpot-tier-buttons .itd-jackpot-tier-games{display:none}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@layer components{.itd-notifs{inset:0;pointer-events:none;
|
|
1
|
+
@layer components{.itd-notifs{position:fixed;inset:0;z-index:60;visibility:hidden;pointer-events:none;transition:visibility 0s linear .4s}.itd-notifs--open{visibility:visible;pointer-events:auto;transition-delay:0s}.itd-notifs-overlay{position:absolute;inset:0;background:color-mix(in srgb,#000 75%,#0000);background:color-mix(in srgb,oklch(0 0 0) 75%,#0000);opacity:0;transition:opacity .25s ease-out}.itd-notifs--open .itd-notifs-overlay{opacity:1}.itd-notifs-panel{position:absolute;top:0;right:0;height:100dvh;width:23.75rem;max-width:100vw;display:flex;flex-direction:column;background:var(--itd-color-background-modal);transform:translateX(100%);transition:transform .3s cubic-bezier(0,.97,.1,1)}.itd-notifs--open .itd-notifs-panel{transform:translateX(0)}[data-itd-elevation=raised] .itd-notifs-panel{background:var(--itd-background)}.itd-notifs-header{position:relative;display:flex;align-items:center;height:3rem;padding:0 1rem;flex:none;background:linear-gradient(90deg,var(--itd-color-background-alt) 44%,var(--itd-color-background-modal) 100%);filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));filter:drop-shadow(0 4px 12px oklch(0 0 0/.25));z-index:2}[data-itd-elevation=raised] .itd-notifs-header{background:linear-gradient(90deg,oklch(from var(--itd-background) 1 c h) 44%,var(--itd-background) 100%)}.itd-notifs-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text-neutral)}.itd-notifs-filter{padding:.9375rem;background:var(--itd-color-background-modal);position:relative;z-index:1}[data-itd-elevation=raised] .itd-notifs-filter{background:var(--itd-background)}.itd-notifs-filter .itd-select{width:100%;min-height:2.75rem}.itd-notifs-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:0 .9375rem .9375rem}.itd-notifs-scroll::-webkit-scrollbar{width:10px}.itd-notifs-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--itd-color-background-modal) 25%,#0000)}.itd-notifs-scroll::-webkit-scrollbar-thumb{background-color:var(--itd-color-background-alt-hover);border-radius:20px;border:2px solid var(--itd-color-background-modal)}.itd-notifs-scroll::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-panel)}.itd-notif-item{position:relative;flex:none;background:var(--site-notif-box,var(--itd-color-background-alt));border-radius:var(--itd-radius-sm);cursor:pointer;overflow:hidden;transition:transform .18s ease,opacity .18s ease,height .22s ease .12s,margin-bottom .22s ease .12s}.itd-notif-item:not(:last-child){margin-bottom:.625rem}.itd-notif-item--entering{animation:itd-notif-in .55s ease both}.itd-notif-item--removing{transform:scale(.95);opacity:0;height:0!important;margin-bottom:0!important;pointer-events:none}[data-itd-elevation=raised] .itd-notif-item{background:oklch(from var(--itd-background) 1 c h)}.itd-notif-date{padding:.9375rem .9375rem .3125rem;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);color:color-mix(in srgb,var(--itd-color-text-neutral) 67%,#0000);line-height:1}.itd-notif-title{margin:0;padding:.625rem .9375rem 0;display:flex;align-items:center;gap:.375rem;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text);line-height:1}.itd-notif-body{padding:.9375rem;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);line-height:1.2;color:var(--itd-color-text-neutral)}.itd-notif-body p{margin:0;font:inherit}.itd-notif-body p:not(:last-child){margin-bottom:.625rem}.itd-notif-body b{color:var(--itd-color-text);font-weight:var(--itd-font-weight-semibold)}.itd-notif-body img{display:block;width:55%;max-width:12rem;border-radius:var(--itd-radius-md);margin:.3125rem 0 .625rem}.itd-notif-foot{display:flex;justify-content:flex-end;align-items:center;gap:.625rem;height:2.5rem;padding:0 .3125rem}.itd-notif-delete:active{transform:scale(.9)}.itd-notif-dot{position:absolute;top:.9375rem;right:.9375rem;width:.5rem;height:.5rem;border-radius:9999px;background:var(--site-notif-dot,#3357d6)}
|
|
2
2
|
|
|
3
3
|
@supports (color: oklab(0% 0 0%)){
|
|
4
4
|
.itd-notif-dot{background:var(--site-notif-dot,oklch(.51 .2 267))}
|
|
5
|
-
}.itd-notifs-note{
|
|
5
|
+
}.itd-notifs-note{position:relative;padding:1rem;display:flex;justify-content:center;font-size:var(--itd-text-sm);color:var(--itd-color-text-muted)}.itd-notifs-note .itd-spin-spinner{position:static;transform:none}.itd-notifs-skels{display:grid;gap:.625rem;align-items:flex-start}.itd-notifs-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0;height:3.375rem;padding:0 .9375rem;flex:none;background:var(--itd-color-background-alt);filter:drop-shadow(0 -4px 12px rgba(0,0,0,.25));filter:drop-shadow(0 -4px 12px oklch(0 0 0/.25));z-index:2}[data-itd-elevation=raised] .itd-notifs-footer{background:oklch(from var(--itd-background) 1 c h)}.itd-notifs-unread{display:inline-flex;align-items:center;gap:.3125rem;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text-neutral);cursor:pointer}.itd-notifs-markall,.itd-notifs-markall span{color:var(--itd-primary);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-notifs-markall svg{color:var(--itd-color-success)}.itd-notifs--mobile .itd-notifs-panel{width:100vw;transition-duration:.35s}@keyframes itd-notif-in{0%{max-height:0;margin-bottom:0;transform:translateX(110%);opacity:0}45%{max-height:30rem;margin-bottom:.625rem;transform:translateX(110%);opacity:0}to{max-height:60rem;margin-bottom:.625rem;transform:none;opacity:1}}}
|
package/dist/css/page.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@layer components{:root{--itd-page-chrome-layer:2147482000}.itd-page{display:flow-root;padding-inline:var(--itd-page-gutter,0)
|
|
1
|
+
@layer components{:root{--itd-page-chrome-layer:2147482000}.itd-page{display:flow-root;width:100%;padding-inline:var(--itd-page-gutter,0)}.itd-page[data-itd-page-settling]{position:relative;block-size:var(--itd-page-settling-height,24rem);overflow:clip;visibility:hidden}.itd-page:not([data-itd-page-settling]){animation:itd-page-in .24s ease both}@keyframes itd-page-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.itd-page:not([data-itd-page-settling]){animation:none}}.itd-page-settling{visibility:visible;position:absolute;inset:0;display:grid;place-items:center;color:var(--itd-color-text-muted)}.itd-page-block{display:contents}.itd-page[data-itd-page-mode=editor] .itd-page-block{display:block;position:relative;border-radius:var(--itd-radius-md);z-index:0}.itd-page[data-itd-page-mode=editor] .itd-page-block>:not(.itd-page-block-chrome){transition:opacity .14s ease}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-hovered]:not([data-itd-block-selected])>:not(.itd-page-block-chrome){opacity:.75}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-disabled]{opacity:.4}.itd-page[data-itd-page-mode=editor] .itd-page-block>*{pointer-events:none!important}.itd-page[data-itd-page-mode=editor] .itd-page-block:after{content:"";position:absolute;inset:-4px;z-index:var(--itd-page-chrome-layer);border-radius:calc(var(--itd-radius-md) + 4px);pointer-events:none;border:0 solid #0000;transition:opacity .14s ease;opacity:0}.itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-hovered],[data-itd-block-selected]):after{opacity:1}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-hovered]:after{border:var(--itd-page-hover-ring,1px dotted var(--itd-primary))!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-selected]:after{border:var(--itd-page-select-ring,2px solid var(--itd-primary))!important}.itd-page[data-itd-page-mode=editor]:has(.itd-page-block[data-itd-block-hovered]:not([data-itd-block-selected])) .itd-page-block[data-itd-block-selected]:not([data-itd-block-hovered])>.itd-page-block-chrome{display:none}[data-itd-show-spacers] .itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-type=spacer],[data-itd-block-type=mobile-spacer]){border-radius:0;background:repeating-linear-gradient(-45deg,#0000,#0000 6px,var(--itd-color-background-alt-hover) 6px,var(--itd-color-background-alt-hover) 12px)}.itd-page[data-itd-page-mode=editor] .itd-skeleton:after{content:none}.itd-page[data-itd-page-mode=editor] .itd-skeleton-pulse{animation:none}.itd-page[data-itd-page-mode=editor] .itd-casino-featured-box .itd-gamebox-item:not(:has(img)),.itd-page[data-itd-page-mode=editor] .itd-page-ref-pending:empty{background:color-mix(in srgb,var(--itd-foreground) 12%,#0000)}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] :is(.itd-layout-boxes>*,.itd-casino-featured-box,.itd-banner,.itd-page-ref-pending,.itd-featured-games-lead),.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-edit-tiles] .itd-featured-games-tiles>*{pointer-events:auto!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] :is(.itd-layout-boxes>*,.itd-casino-featured-box,.itd-banner,.itd-featured-games-lead) *,.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-edit-tiles] .itd-featured-games-tiles>* *{pointer-events:none!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] [data-itd-edit-title]{pointer-events:auto!important;user-select:text;-webkit-user-select:text;cursor:text;border-radius:.25rem;outline:1px dashed #0000;outline-offset:.25rem}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] [data-itd-edit-title]:hover:where(:root:not(.itd-touch) *):not([contenteditable]){outline-color:color-mix(in srgb,var(--itd-ring) 55%,#0000)}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] [data-itd-edit-title][contenteditable]{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.25rem;caret-color:var(--itd-ring)}.itd-page-block[data-itd-block-editing] .itd-gamebox:hover .itd-gamebox-item{transform:none;outline:none}.itd-page-block[data-itd-block-editing] .itd-gamebox :is(.itd-gamebox-play,.info-container,.itd-gamebox-demo,.itd-gamebox-live){opacity:0;transition:none}.itd-page-block[data-itd-block-editing] .itd-gamebox .info-container{transform:translate(-50%,var(--_pill-travel))}.itd-page-block[data-itd-block-editing] .itd-gamebox .itd-gamebox-demo{transform:translateX(var(--_demo-travel));visibility:hidden}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing]{outline:2px dashed var(--itd-primary);outline-offset:2px;z-index:4;user-select:none;-webkit-user-select:none}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing]:after{opacity:0!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing]>.itd-page-block-chrome{display:none!important}[data-itd-page-editing] .itd-page-block:not([data-itd-block-editing]){opacity:.45;transition:opacity .14s ease}body:has([data-itd-page-editing]) .itd-page-chrome{opacity:.45;transition:opacity .14s ease;position:relative;z-index:0;isolation:isolate}body:has(.itd-page[data-itd-page-settling]) .itd-page-chrome{visibility:hidden}body:has(.itd-page:not([data-itd-page-settling])) .itd-page-chrome{animation:itd-page-in .24s ease both}@media (prefers-reduced-motion:reduce){body:has(.itd-page:not([data-itd-page-settling])) .itd-page-chrome{animation:none}}[data-itd-edit-snap] .itd-page-block,[data-itd-edit-snap] .itd-page-block-chrome,[data-itd-edit-snap] .itd-page-block-tag,[data-itd-edit-snap] .itd-page-block:after,[data-itd-edit-snap] .itd-page-block>*{transition:none!important}.itd-page-block[data-itd-block-editing] :is(.itd-banner,.itd-page-ref-pending,.itd-featured-games-lead){cursor:pointer}[data-itd-tile-lifted]{z-index:5;position:relative;opacity:.92;cursor:grabbing!important}.itd-page-drop-hint{position:fixed;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--itd-spacing) * 1.5);border:2px dashed var(--itd-primary);border-radius:var(--itd-radius-md);background:var(--itd-page-drop-hint-bg,#090b0fad);color:#f5f5f5;color:oklch(.97 0 0);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);pointer-events:none;opacity:1;transition:opacity .14s ease,left .14s ease,top .14s ease,width .14s ease,height .14s ease}
|
|
2
2
|
|
|
3
3
|
@supports (color: oklab(0% 0 0%)){
|
|
4
4
|
.itd-page-drop-hint{background:var(--itd-page-drop-hint-bg,oklch(.15 .01 260/.68))}
|
|
5
|
-
}@starting-style{.itd-page-drop-hint{opacity:0}}.itd-page-drop-hint svg{
|
|
5
|
+
}@starting-style{.itd-page-drop-hint{opacity:0}}.itd-page-drop-hint svg{width:1.75rem;height:1.75rem}.itd-page-item-upload{position:fixed;z-index:2147483000;overflow:hidden;border-radius:var(--itd-radius-md);pointer-events:none;background:color-mix(in srgb,var(--itd-background) 45%,#0000)}.itd-page-item-upload:after{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:color-mix(in srgb,var(--itd-primary) 35%,#0000);animation:itd-item-upload-fill .8s linear forwards}@keyframes itd-item-upload-fill{to{transform:scaleX(1)}}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-selected]{z-index:1}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-hovered]{z-index:2}.itd-page-block-chrome{position:absolute;z-index:calc(var(--itd-page-chrome-layer) + 1);inset-block-start:-3px;inset-inline-start:0;translate:0 -50%;display:none;align-items:center;justify-content:space-between;gap:calc(var(--itd-spacing) * 2);pointer-events:none;--itd-page-chrome-inset:calc(var(--itd-spacing) * 3)}.itd-page-block-tag{margin-inline-start:var(--itd-page-chrome-inset)}.itd-page-block-tools{margin-inline-end:var(--itd-page-chrome-inset)}.itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-hovered],[data-itd-block-selected])>.itd-page-block-chrome{display:flex}.itd-page-block-chrome{transition:opacity .14s ease,display allow-discrete .14s;opacity:0}.itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-hovered],[data-itd-block-selected])>.itd-page-block-chrome{opacity:1}@starting-style{.itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-hovered],[data-itd-block-selected])>.itd-page-block-chrome{opacity:0}}.itd-page-block-tag{transition:translate .16s cubic-bezier(.2,.9,.3,1)}:is(.itd-page-block[data-itd-block-hovered],.itd-page-block[data-itd-block-selected])>.itd-page-block-chrome>.itd-page-block-tag{translate:0}@starting-style{:is(.itd-page-block[data-itd-block-hovered],.itd-page-block[data-itd-block-selected])>.itd-page-block-chrome>.itd-page-block-tag{translate:-100% 0}}.itd-page-block-chrome{--itd-page-chrome-zoom:max(0.45, var(--itd-page-zoom, 1));scale:calc(1 / var(--itd-page-chrome-zoom));width:calc(100% * var(--itd-page-chrome-zoom));transform-origin:left center;container-type:inline-size;container-name:itd-page-block-chrome}.itd-page-block-tag,.itd-page-block-tools>button{pointer-events:auto!important;font-size:var(--itd-text-xs);line-height:1}.itd-page-block-tag{padding:calc(var(--itd-spacing) * 1.25) calc(var(--itd-spacing) * 3);background-color:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-page-block-sample,.itd-page-block-tag{border-radius:9999px;font-weight:var(--itd-font-weight-medium);white-space:nowrap}.itd-page-block-sample{pointer-events:auto!important;font-size:var(--itd-text-xs);line-height:1;padding:calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 2);margin-inline-start:calc(var(--itd-spacing) * 1);background-color:color-mix(in srgb,var(--itd-primary) 18%,#0000);color:var(--itd-primary)}.itd-page-block-tools{display:flex;gap:calc(var(--itd-spacing) * 1)}.itd-page-block-tools>.itd-button{border-radius:9999px}.itd-page-block-tools>.itd-page-block-remove{--itd-primary:var(--itd-color-error);--itd-primary-hover:color-mix(in oklab, var(--itd-color-error) 82%, var(--itd-color-text));--itd-primary-foreground:var(--itd-color-error-text)}}@layer utilities{@container itd-page-block-chrome (width < 720px){.itd-page-block-tools>.itd-button{width:1.625rem;height:1.625rem}.itd-page-block-tools>.itd-button svg:not(.itd-spinner){width:var(--itd-size-sm-icon);height:var(--itd-size-sm-icon)}}@container itd-page-block-chrome (width < 300px){.itd-page-block-tools{gap:calc(var(--itd-spacing) * .5)}.itd-page-block-tools>.itd-button{width:1.125rem;height:1.125rem}.itd-page-block-tools>.itd-button svg:not(.itd-spinner){width:calc(var(--itd-spacing) * 2.5);height:calc(var(--itd-spacing) * 2.5)}.itd-page-block-tag{padding:calc(var(--itd-spacing) * .5) calc(var(--itd-spacing) * 1.5);font-size:calc(var(--itd-spacing) * 2.5)}.itd-page-block-tag,.itd-page-block-tools{--itd-page-chrome-inset:calc(var(--itd-spacing) * 1.5)}}}@layer components{.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-lifted]{z-index:2147482600;opacity:.92}.itd-page-block[data-itd-block-lifted]>.itd-page-block-chrome{display:none!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-lifted]:after{opacity:1;border:var(--itd-page-select-ring,2px solid var(--itd-primary))!important}.itd-page-insert-preview{position:fixed;z-index:calc(var(--itd-page-chrome-layer) + 1);overflow:hidden;pointer-events:none;animation:itd-page-insert-in .16s ease;transition:top .18s cubic-bezier(.2,.9,.3,1),left .18s ease}.itd-page-insert-preview[data-landing=true]{opacity:0;transition:opacity .2s ease}.itd-page-insert-preview .itd-block-preview:not(.itd-block-preview-spacer){background:#0000}@keyframes itd-page-insert-in{0%{opacity:0;translate:0 6px}}.itd-page-drop-line{position:fixed;z-index:2147483000;height:0;border-top:2px solid var(--itd-primary)!important;pointer-events:none}.itd-page-chrome{pointer-events:none}.itd-page-note{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 2);margin-bottom:calc(var(--itd-spacing) * 3);padding:calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 4);border-radius:var(--itd-radius-md);background-color:var(--itd-color-background-alt);color:var(--itd-color-text-muted);font-size:var(--itd-text-xs)}.itd-page-ref-pending{width:100%;min-height:calc(var(--itd-spacing) * 20);border-radius:var(--itd-radius-md);overflow:hidden}.itd-page-ref-pending>*{width:100%;height:100%}.itd-page-unknown{display:flex;align-items:center;justify-content:center;min-height:calc(var(--itd-spacing) * 20);border:1px dashed var(--itd-color-border);border-radius:var(--itd-radius-md);color:var(--itd-color-text-muted);font-family:var(--itd-font-mono,monospace);font-size:var(--itd-text-xs)}}
|
package/dist/css/popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-popover-content{min-width:150px;padding:calc(var(--itd-spacing)*4)}}
|
|
1
|
+
@layer components{.itd-popover-content{min-width:150px;padding:calc(var(--itd-spacing) * 4)}}
|
package/dist/css/post-viewer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-post-viewer{
|
|
1
|
+
@layer components{.itd-post-viewer{font-size:var(--itd-text-sm);line-height:1.125rem;font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-neutral);padding:var(--itd-post-viewer-padding,0)}.itd-post-viewer :is(b,strong){color:var(--itd-primary)}.itd-post-viewer b{font-weight:var(--itd-font-weight-bold)}.itd-post-viewer i{font-style:italic}.itd-post-viewer a{color:var(--itd-primary)}.itd-post-viewer a:hover:where(:root:not(.itd-touch) *){text-decoration:underline}.itd-post-viewer p{margin:1.25rem 0;color:var(--itd-color-text-neutral)}.itd-post-viewer :is(h1,h2,h3,h4,h5,h6){color:var(--itd-primary);margin-top:2rem;margin-bottom:.3125rem}.itd-post-viewer h1{font-size:calc(var(--itd-text-default) * 2);line-height:2rem;font-weight:var(--itd-font-weight-bold)}.itd-mobile .itd-post-viewer h1{font-size:var(--itd-text-26);line-height:2rem}.itd-post-viewer h2{font-size:var(--itd-text-28);line-height:2rem;font-weight:var(--itd-font-weight-semibold)}.itd-post-viewer h3{font-size:var(--itd-text-2xl);line-height:1.75rem;font-weight:var(--itd-font-weight-bold)}.itd-post-viewer h4{font-size:var(--itd-text-xl);line-height:1.5rem;font-weight:var(--itd-font-weight-bold)}.itd-post-viewer h5{font-size:var(--itd-text-lg);line-height:1.25rem;font-weight:var(--itd-font-weight-bold)}.itd-post-viewer h6{font-size:var(--itd-text-default);line-height:1.125rem;font-weight:var(--itd-font-weight-bold)}.itd-post-viewer>:first-child{margin-top:0}.itd-post-viewer>:last-child{margin-bottom:0}.itd-post-viewer :is(ol,ul){background-color:var(--itd-post-list-bg,#0000);border-radius:var(--itd-radius-sm);margin:0;padding-left:0}.itd-post-viewer ul{list-style-type:circle;margin-bottom:2rem}.itd-post-viewer ol{list-style:decimal}.itd-post-viewer li{color:var(--itd-color-text-neutral);padding:.3125rem 0;margin:.625rem 0 .625rem 1.25rem}.itd-post-table-wrap{overflow-x:auto}.itd-post-viewer table{width:100%;text-align:left;table-layout:fixed;border-collapse:initial;border-spacing:0;min-width:21.875rem;font-size:var(--itd-text-sm);color:var(--itd-color-text-neutral)}.itd-post-viewer th{background-color:var(--itd-primary);padding:.625rem .9375rem;text-align:left;border-top:1px solid var(--itd-primary);border-right:1px solid var(--itd-primary)}.itd-post-viewer th,.itd-post-viewer th b{color:var(--itd-primary-foreground)}.itd-post-viewer tr:nth-child(2n){background-color:color-mix(in srgb,var(--itd-color-background-alt-hover) 13%,#0000)}.itd-post-viewer td{border-right:1px solid color-mix(in srgb,var(--itd-color-border-hover) 50%,#0000);border-bottom:1px solid color-mix(in srgb,var(--itd-color-border-hover) 50%,#0000);padding:.3125rem .9375rem}.itd-post-viewer :is(td,th){word-break:break-word}.itd-post-viewer tr th:first-child{border-left:1px solid var(--itd-primary)}.itd-post-viewer tr td:first-child{border-left:1px solid color-mix(in srgb,var(--itd-color-border-hover) 50%,#0000)}.itd-post-viewer thead tr:first-child th:first-child{border-top-left-radius:.375rem}.itd-post-viewer thead tr:first-child th:last-child{border-top-right-radius:.375rem}.itd-post-viewer tbody tr:last-child td:first-child{border-bottom-left-radius:.375rem}.itd-post-viewer tbody tr:last-child td:last-child{border-bottom-right-radius:.375rem}.itd-post-divider{border:0;border-top:1px solid var(--itd-color-border);margin:1.25rem 0}.itd-post-spacer{height:1.25rem}.itd-post-image{display:flex;align-items:center;justify-content:center}.itd-post-image img{max-width:100%}}
|
package/dist/css/progress.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-progress{--itd-progress-fill:var(--itd-primary);--itd-progress-track:color-mix(in srgb,var(--itd-foreground) 14
|
|
1
|
+
@layer components{.itd-progress{--itd-progress-fill:var(--itd-primary);--itd-progress-track:color-mix(in srgb, var(--itd-foreground) 14%, #0000);position:relative;width:100%}.itd-progress[data-status=success]{--itd-progress-fill:var(--itd-color-progress-success-fill)}.itd-progress[data-status=exception]{--itd-progress-fill:var(--itd-color-error)}.itd-progress[data-status=warning]{--itd-progress-fill:var(--itd-color-alert-warning-title)}.itd-progress .itd-progress-outer{width:100%;min-height:20px;margin:0;padding:0;list-style:none;display:flex;flex-direction:row;align-items:center;gap:10px}.itd-progress .itd-progress-status{display:flex;align-items:center;color:var(--itd-progress-fill)}.itd-progress .itd-progress-status .itd-progress-status-text{color:var(--itd-color-text)}.itd-progress .itd-progress-inner{position:relative;display:inline-block;width:100%;flex:1;overflow:hidden;vertical-align:middle;border-radius:var(--itd-radius-sm);background:var(--itd-progress-track)}.itd-progress .itd-progress-inner .itd-progress-bg{height:8px;background:var(--itd-progress-fill);transition:width .25s ease-out}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
@layer components{.itd-promo-grid{display:grid;
|
|
1
|
+
@layer components{.itd-promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--itd-promo-card-w,18.75rem),1fr));gap:var(--itd-promo-gap,calc(var(--itd-spacing) * 5));width:100%}.itd-promo-card{display:grid;align-items:start;border:0;padding:0;background:none;text-align:left;font-family:inherit;text-decoration:none;cursor:pointer}.itd-promo-media{position:relative;overflow:hidden;border-radius:var(--itd-radius-md);transition:transform .25s ease-out}.itd-promo-media img{display:block;width:100%}.itd-promo-card:hover:where(:root:not(.itd-touch) *) .itd-promo-media{transform:scale(1.025) rotate(var(--itd-promo-deg,0deg));z-index:1}.itd-promo-card:hover:where(:root:not(.itd-touch) *) .itd-promo-caption{opacity:.5}.itd-promo-card:focus-visible .itd-promo-media{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}.itd-promo-caption{height:2.125rem;margin:calc(var(--itd-spacing) * 2) 0 0;padding:0 calc(var(--itd-spacing) * 2.5);border-radius:var(--itd-radius-sm);background:var(
|
|
2
2
|
--itd-promo-caption-bg,color-mix(in srgb,var(--itd-color-background-alt-hover) 31%,#0000)
|
|
3
|
-
);
|
|
3
|
+
);transition:opacity .25s ease-out;position:relative}[data-theme=light] .itd-promo-caption{background:var(
|
|
4
4
|
--itd-promo-caption-bg,color-mix(in srgb,oklch(from var(--itd-background) .93 c h) 75%,#0000)
|
|
5
5
|
)}[data-itd-elevation=raised] .itd-promo-caption{background:var(
|
|
6
6
|
--itd-promo-caption-bg,color-mix(in srgb,oklch(from var(--itd-background) 1 c h) 75%,#0000)
|
|
7
|
-
)}.itd-promo-caption span{color:var(--itd-color-text);
|
|
7
|
+
)}.itd-promo-caption span{position:absolute;display:inline-block;width:calc(100% - calc(var(--itd-spacing) * 5));color:var(--itd-color-text);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);line-height:2.125rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.itd-promo-empty{padding:calc(var(--itd-spacing) * 10) 0;text-align:center;color:var(--itd-color-text-muted);font-size:var(--itd-text-sm)}.itd-promo-card[data-skeleton=true]{cursor:default}.itd-promo-card[data-skeleton=true] .itd-promo-media{aspect-ratio:var(--itd-promo-ratio,300/170)}.itd-promo-card[data-skeleton=true] .itd-promo-media>*{width:100%;height:100%}}
|
package/dist/css/properties.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer properties{@property --itd-content{syntax:"*";inherits:false;initial-value:""}@property --itd-border-style{syntax:"*";inherits:false;initial-value:solid}@property --itd-font-weight{syntax:"*";inherits:false;initial-value:normal}@property --itd-translate-x{syntax:"*";inherits:false;initial-value:0}@property --itd-translate-y{syntax:"*";inherits:false;initial-value:0}@property --itd-translate-z{syntax:"*";inherits:false;initial-value:0}@property --itd-scale-x{syntax:"*";inherits:false;initial-value:1}@property --itd-scale-y{syntax:"*";inherits:false;initial-value:1}@property --itd-scale-z{syntax:"*";inherits:false;initial-value:1}@property --itd-rotate-x{syntax:"*";inherits:false;initial-value:0}@property --itd-rotate-y{syntax:"*";inherits:false;initial-value:0}@property --itd-rotate-z{syntax:"*";inherits:false;initial-value:0}@property --itd-skew-x{syntax:"*";inherits:false;initial-value:0}@property --itd-skew-y{syntax:"*";inherits:false;initial-value:0}@property --itd-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --itd-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --itd-gradient-position{syntax:"*";inherits:false;initial-value:0}@property --itd-gradient-from{syntax:"*";inherits:false;initial-value:#0000;initial-value:oklch(0 0 0/0)}@property --itd-gradient-via{syntax:"*";inherits:false;initial-value:#0000;initial-value:oklch(0 0 0/0)}@property --itd-gradient-to{syntax:"*";inherits:false;initial-value:#0000;initial-value:oklch(0 0 0/0)}@property --itd-gradient-stops{syntax:"*";inherits:false;initial-value:""}@property --itd-gradient-via-stops{syntax:"*";inherits:false;initial-value:""}@property --itd-gradient-from-position{syntax:"*";inherits:false;initial-value:0}@property --itd-gradient-via-position{syntax:"*";inherits:false;initial-value:50%}@property --itd-gradient-to-position{syntax:"*";inherits:false;initial-value:100%}@property --itd-leading{syntax:"*";inherits:false;initial-value:normal}@property --itd-tracking{syntax:"*";inherits:false;initial-value:0}@property --itd-ordinal{syntax:"*";inherits:false;initial-value:normal}@property --itd-slashed-zero{syntax:"*";inherits:false;initial-value:normal}@property --itd-numeric-figure{syntax:"*";inherits:false;initial-value:normal}@property --itd-numeric-spacing{syntax:"*";inherits:false;initial-value:normal}@property --itd-numeric-fraction{syntax:"*";inherits:false;initial-value:normal}@property --itd-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-shadow-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-shadow-alpha{syntax:"*";inherits:false;initial-value:100%}@property --itd-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-inset-shadow-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-inset-shadow-alpha{syntax:"*";inherits:false;initial-value:100%}@property --itd-ring-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-inset-ring-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-ring-inset{syntax:"*";inherits:false;initial-value:none}@property --itd-ring-offset-width{syntax:"*";inherits:false;initial-value:0}@property --itd-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff;initial-value:oklch(1 0 0)}@property --itd-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --itd-blur{syntax:"*";inherits:false;initial-value:none}@property --itd-brightness{syntax:"*";inherits:false;initial-value:1}@property --itd-contrast{syntax:"*";inherits:false;initial-value:1}@property --itd-grayscale{syntax:"*";inherits:false;initial-value:0}@property --itd-hue-rotate{syntax:"*";inherits:false;initial-value:0deg}@property --itd-invert{syntax:"*";inherits:false;initial-value:0}@property --itd-opacity{syntax:"*";inherits:false;initial-value:1}@property --itd-saturate{syntax:"*";inherits:false;initial-value:1}@property --itd-sepia{syntax:"*";inherits:false;initial-value:0}@property --itd-drop-shadow{syntax:"*";inherits:false;initial-value:none}@property --itd-drop-shadow-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-drop-shadow-alpha{syntax:"*";inherits:false;initial-value:100%}@property --itd-drop-shadow-size{syntax:"*";inherits:false;initial-value:0}@property --itd-backdrop-blur{syntax:"*";inherits:false;initial-value:none}@property --itd-backdrop-brightness{syntax:"*";inherits:false;initial-value:1}@property --itd-backdrop-contrast{syntax:"*";inherits:false;initial-value:1}@property --itd-backdrop-grayscale{syntax:"*";inherits:false;initial-value:0}@property --itd-backdrop-hue-rotate{syntax:"*";inherits:false;initial-value:0deg}@property --itd-backdrop-invert{syntax:"*";inherits:false;initial-value:0}@property --itd-backdrop-opacity{syntax:"*";inherits:false;initial-value:1}@property --itd-backdrop-saturate{syntax:"*";inherits:false;initial-value:1}@property --itd-backdrop-sepia{syntax:"*";inherits:false;initial-value:0}@property --itd-duration{syntax:"*";inherits:false;initial-value:0s}@property --itd-ease{syntax:"*";inherits:false;initial-value:ease}@property --itd-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --itd-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --itd-animation-duration{syntax:"*";inherits:false;initial-value:0s}@property --itd-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --itd-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --itd-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --itd-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --itd-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --itd-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --itd-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --itd-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --itd-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --itd-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --itd-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --itd-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--itd-content:"";--itd-border-style:solid;--itd-font-weight:initial;--itd-translate-x:0;--itd-translate-y:0;--itd-translate-z:0;--itd-scale-x:1;--itd-scale-y:1;--itd-scale-z:1;--itd-rotate-x:initial;--itd-rotate-y:initial;--itd-rotate-z:initial;--itd-skew-x:initial;--itd-skew-y:initial;--itd-space-y-reverse:0;--itd-space-x-reverse:0;--itd-gradient-position:initial;--itd-gradient-from:#0000;--itd-gradient-via:#0000;--itd-gradient-to:#0000;--itd-gradient-stops:initial;--itd-gradient-via-stops:initial;--itd-gradient-from-position:0%;--itd-gradient-via-position:50%;--itd-gradient-to-position:100%;--itd-leading:initial;--itd-tracking:initial;--itd-ordinal:initial;--itd-slashed-zero:initial;--itd-numeric-figure:initial;--itd-numeric-spacing:initial;--itd-numeric-fraction:initial;--itd-shadow:0 0 #0000;--itd-shadow-color:initial;--itd-shadow-alpha:100%;--itd-inset-shadow:0 0 #0000;--itd-inset-shadow-color:initial;--itd-inset-shadow-alpha:100%;--itd-ring-color:initial;--itd-ring-shadow:0 0 #0000;--itd-inset-ring-color:initial;--itd-inset-ring-shadow:0 0 #0000;--itd-ring-inset:initial;--itd-ring-offset-width:0px;--itd-ring-offset-color:#fff;--itd-ring-offset-shadow:0 0 #0000;--itd-outline-style:solid;--itd-blur:initial;--itd-brightness:initial;--itd-contrast:initial;--itd-grayscale:initial;--itd-hue-rotate:initial;--itd-invert:initial;--itd-opacity:initial;--itd-saturate:initial;--itd-sepia:initial;--itd-drop-shadow:initial;--itd-drop-shadow-color:initial;--itd-drop-shadow-alpha:100%;--itd-drop-shadow-size:initial;--itd-backdrop-blur:initial;--itd-backdrop-brightness:initial;--itd-backdrop-contrast:initial;--itd-backdrop-grayscale:initial;--itd-backdrop-hue-rotate:initial;--itd-backdrop-invert:initial;--itd-backdrop-opacity:initial;--itd-backdrop-saturate:initial;--itd-backdrop-sepia:initial;--itd-duration:initial;--itd-ease:initial;--itd-animation-delay:0s;--itd-animation-direction:normal;--itd-animation-duration:initial;--itd-animation-fill-mode:none;--itd-animation-iteration-count:1;--itd-enter-opacity:1;--itd-enter-rotate:0;--itd-enter-scale:1;--itd-enter-translate-x:0;--itd-enter-translate-y:0;--itd-exit-opacity:1;--itd-exit-rotate:0;--itd-exit-scale:1;--itd-exit-translate-x:0;--itd-exit-translate-y:0}
|
|
2
2
|
|
|
3
3
|
@supports (color: oklab(0% 0 0%)){
|
|
4
|
-
*,::backdrop,:after,:before{--itd-gradient-from:oklch(0 0 0/0);--itd-gradient-via:oklch(0 0 0/0);--itd-gradient-to:oklch(0 0 0/0);--itd-shadow:0 0 oklch(0 0 0/0);--itd-inset-shadow:0 0 oklch(0 0 0/0);--itd-ring-shadow:0 0 oklch(0 0 0/0);--itd-inset-ring-shadow:0 0 oklch(0 0 0/0);--itd-ring-offset-color:oklch(1 0 0);--itd-ring-offset-shadow:0 0 oklch(0 0 0/0)}
|
|
4
|
+
*,::backdrop,:after,:before{--itd-gradient-from:oklch(0 0 0 / 0);--itd-gradient-via:oklch(0 0 0 / 0);--itd-gradient-to:oklch(0 0 0 / 0);--itd-shadow:0 0 oklch(0 0 0 / 0);--itd-inset-shadow:0 0 oklch(0 0 0 / 0);--itd-ring-shadow:0 0 oklch(0 0 0 / 0);--itd-inset-ring-shadow:0 0 oklch(0 0 0 / 0);--itd-ring-offset-color:oklch(1 0 0);--itd-ring-offset-shadow:0 0 oklch(0 0 0 / 0)}
|
|
5
5
|
}}}
|
package/dist/css/radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-radio-group{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*3)}.itd-radio-group[data-orientation=horizontal]{
|
|
1
|
+
@layer components{.itd-radio-group{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 3)}.itd-radio-group[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;align-items:center;gap:calc(var(--itd-spacing) * 4)}.itd-radio{position:relative;display:inline-flex;flex:none;width:calc(var(--itd-spacing) * 4);height:calc(var(--itd-spacing) * 4)}.itd-radio-input{appearance:none;position:absolute;inset:0;z-index:1;margin:0;padding:0;cursor:pointer;border-radius:50%;outline:0 solid #0000;outline-offset:var(--itd-ring-offset)}.itd-radio-input:disabled{cursor:not-allowed}.itd-radio-indicator{pointer-events:none;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--itd-color-border);border-radius:50%;background-color:var(--itd-color-background-bordered);box-shadow:var(--itd-box-shadow);display:grid;place-items:center;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-radio-indicator:after{content:"";width:calc(var(--itd-spacing) * 2);height:calc(var(--itd-spacing) * 2);border-radius:50%;background-color:var(--itd-primary);transform:scale(0);transition:transform calc(var(--itd-transition-duration) / 1.5) var(--itd-transition-timing-function)}.itd-radio:not([data-disabled]):not([data-invalid]) .itd-radio-input:not(:checked):hover:where(:root:not(.itd-touch) *)~.itd-radio-indicator{border-color:var(--itd-color-border-hover)}.itd-radio-input:checked~.itd-radio-indicator{border-color:var(--itd-primary)}.itd-radio-input:checked~.itd-radio-indicator:after{transform:scale(1)}.itd-radio-input:focus-visible~.itd-radio-indicator{outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);outline-offset:var(--itd-ring-offset)}.itd-radio[data-invalid] .itd-radio-indicator{border-color:var(--itd-color-error-border)}.itd-radio[data-invalid] .itd-radio-input:checked~.itd-radio-indicator:after{background-color:var(--itd-color-error-border)}.itd-radio[data-invalid] .itd-radio-input:focus-visible~.itd-radio-indicator{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-radio[data-disabled] .itd-radio-indicator{background-color:var(--itd-color-disabled-bg);border-color:var(--itd-color-disabled-border);box-shadow:none}.itd-radio[data-disabled] .itd-radio-input:checked~.itd-radio-indicator:after{background-color:var(--itd-color-disabled-border)}.itd-radio-group-sm .itd-radio{width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 3.5)}.itd-radio-group-sm .itd-radio-indicator:after{width:calc(var(--itd-spacing) * 1.5);height:calc(var(--itd-spacing) * 1.5)}.itd-radio-group-lg .itd-radio{width:calc(var(--itd-spacing) * 5);height:calc(var(--itd-spacing) * 5)}.itd-radio-group-lg .itd-radio-indicator:after{width:calc(var(--itd-spacing) * 2.5);height:calc(var(--itd-spacing) * 2.5)}.itd-radio:has(>.itd-radio-label){width:fit-content;height:auto;align-items:center;gap:calc(var(--itd-spacing) * 2)}.itd-radio:has(>.itd-radio-label)>.itd-radio-input{border-radius:min(calc(var(--itd-border-radius) * .8),6px)}.itd-radio:has(>.itd-radio-label) .itd-radio-indicator{flex:none;width:calc(var(--itd-spacing) * 4);height:calc(var(--itd-spacing) * 4)}.itd-radio:has(>.itd-radio-label):not([data-disabled]):not([data-invalid]):hover:where(:root:not(.itd-touch) *) .itd-radio-input:not(:checked)~.itd-radio-indicator{border-color:var(--itd-color-border-hover)}.itd-radio-group-sm .itd-radio:has(>.itd-radio-label) .itd-radio-indicator{width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 3.5)}.itd-radio-group-lg .itd-radio:has(>.itd-radio-label) .itd-radio-indicator{width:calc(var(--itd-spacing) * 5);height:calc(var(--itd-spacing) * 5)}.itd-radio-label{position:relative;z-index:2;cursor:pointer;color:var(--itd-color-text);font-size:var(--itd-size-df-font);line-height:var(--itd-text-sm--line-height);font-weight:var(--itd-size-df-field-fw);transition-property:color;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-radio[data-invalid]:not([data-disabled]) .itd-radio-label{color:var(--itd-color-alert-error-text)}.itd-radio-input:disabled~.itd-radio-label{cursor:not-allowed;color:var(--itd-color-disabled-text)}.itd-radio-group-filled .itd-radio-indicator{border-color:#0000;background-color:var(--itd-color-background-alt-hover);box-shadow:none}.itd-radio-group-filled .itd-radio:not([data-disabled]):not([data-invalid]) .itd-radio-input:hover:where(:root:not(.itd-touch) *)~.itd-radio-indicator{border-color:#0000}.itd-radio-group-filled .itd-radio:has(>.itd-radio-label):not([data-disabled]):not([data-invalid]):hover:where(:root:not(.itd-touch) *) .itd-radio-input:not(:checked)~.itd-radio-indicator{border-color:#0000}.itd-radio-group-filled .itd-radio:not([data-disabled]) .itd-radio-input:checked~.itd-radio-indicator{background-color:var(--itd-primary);border-color:#0000}.itd-radio-group-filled .itd-radio-input:checked~.itd-radio-indicator:after{background-color:var(--itd-primary-foreground)}.itd-radio-group-filled .itd-radio-indicator:after{width:calc(var(--itd-spacing) * 2);height:calc(var(--itd-spacing) * 2)}.itd-radio-group-filled.itd-radio-group-sm .itd-radio-indicator:after{width:calc(var(--itd-spacing) * 1.5);height:calc(var(--itd-spacing) * 1.5)}.itd-radio-group-filled.itd-radio-group-lg .itd-radio-indicator:after{width:calc(var(--itd-spacing) * 2);height:calc(var(--itd-spacing) * 2)}.itd-radio-group-filled .itd-radio[data-invalid] .itd-radio-indicator{border-color:var(--itd-color-error-border)}.itd-field:has(.itd-radio) .itd-field-label{font-weight:var(--itd-font-weight-normal)}}
|
package/dist/css/raffle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-raffle{
|
|
1
|
+
@layer components{.itd-raffle{margin:0 auto;position:relative;--_wash:var(--itd-box-wash);--_steel:var(--site-footer-ink, var(--itd-color-text-muted))}.itd-raffle,.itd-raffle-title-bar{width:100%;color:var(--itd-color-text)}.itd-raffle-title-bar{display:flex;align-items:center;height:3.75rem;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold)}.itd-raffle-content-wrapper{display:flex;flex-wrap:wrap;column-gap:1.25rem}.itd-raffle-content{width:100%;container-type:inline-size}.itd-raffle-cover{aspect-ratio:1480/363;overflow:hidden;border-radius:var(--itd-radius-md);display:flex;align-items:center;justify-content:center}.itd-raffle-cover img:not(.itd-image-error){width:100%;height:100%;object-fit:cover}.itd-mobile .itd-raffle-cover{aspect-ratio:auto}.itd-mobile .itd-raffle-cover img:not(.itd-image-error){height:auto}.itd-raffle-box{position:relative;background-color:var(--_wash);padding:3rem;border-radius:var(--itd-radius-sm);color:var(--itd-color-text-neutral);display:flex;flex-direction:column;gap:1rem}.itd-mobile .itd-raffle-box{padding:1.25rem}.itd-raffle-box-title{margin:0;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text)}.itd-mobile .itd-raffle-box-title{font-size:var(--itd-text-15)}.itd-raffle-empty-note{font-size:var(--itd-text-13);color:var(--_steel)}.itd-raffle-info-box{margin-top:1.25rem}.itd-mobile .itd-raffle-info-box{margin-top:1rem}.itd-raffle-title{margin:0;font-size:var(--itd-text-xl);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary)}.itd-raffle-description{font-size:var(--itd-text-sm);line-height:1.4rem;color:var(--itd-color-text-neutral)}.itd-mobile .itd-raffle-description.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.itd-raffle-desc-toggle{align-self:flex-start;border:0;padding:0;background:none;color:var(--itd-primary);font-family:inherit;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);cursor:pointer}.itd-raffle-sep{border:0;border-top:1px solid color-mix(in srgb,var(--_steel) 15%,#0000);width:100%;margin:.3125rem 0}:root[data-theme=light] .itd-raffle-sep{border-top-color:#00000014;border-top-color:oklch(0 0 0/.08)}:root[data-theme=light] .itd-raffle-info-sep{border-right-color:#00000014;border-right-color:oklch(0 0 0/.08)}.itd-raffle-info{display:grid;grid-template-columns:max-content max-content max-content max-content 1fr;align-items:center;gap:1rem}.itd-mobile .itd-raffle-info{grid-template-columns:1fr;gap:.75rem}.itd-raffle-info-cell{display:flex;align-items:center;gap:.375rem;font-size:var(--itd-text-13)}.itd-raffle-info-cell b{color:var(--itd-color-text);font-weight:var(--itd-font-weight-semibold)}.itd-raffle-info-sep{height:2.375rem;border-right:1px solid var(--itd-color-background-alt-hover)}.itd-mobile .itd-raffle-info-sep{display:none}.itd-raffle-status{display:inline-flex;align-items:center;height:1.5rem;padding:0 .625rem;border-radius:var(--itd-radius-chip,var(--itd-radius-sm));font-size:var(--itd-text-11);font-weight:var(--itd-font-weight-bold)}.itd-raffle-status[data-tone=active]{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-raffle-status[data-tone=upcoming]{background:var(--itd-color-info);color:#fff;color:oklch(1 0 0)}.itd-raffle-status[data-tone=ended]{background:#fff;background:oklch(1 0 0);color:#12161f;color:oklch(.2 .02 270)}.itd-raffle-main{display:grid;grid-template-columns:.75fr 1.25fr .6fr;gap:1.25rem;margin-top:1.25rem}@container (max-width: 68rem){.itd-raffle-main{grid-template-columns:1fr 1fr}.itd-raffle-main>:nth-child(3){grid-column:1/-1}}@container (max-width: 48rem){.itd-raffle-main{grid-template-columns:1fr}.itd-raffle-main>:nth-child(3){grid-column:auto}}.itd-mobile .itd-raffle-main{grid-template-columns:1fr;gap:1rem;margin-top:1rem}@container (min-width: 48.01rem){.itd-raffle-main>.itd-raffle-rules{height:0;min-height:100%}}@container (min-width: 68.01rem){.itd-raffle-main>.itd-raffle-participants{height:0;min-height:100%}}.itd-mobile .itd-raffle-main>*{height:auto;min-height:0}.itd-raffle-prize-list{display:flex;flex-direction:column;gap:1rem}.itd-raffle-prize-item{display:flex;flex-direction:row;align-items:center;gap:1rem}.itd-raffle-prize-art{width:6.25rem;height:6.25rem;flex:none;border-radius:var(--itd-radius-sm);overflow:hidden;background:var(--_wash)}.itd-mobile .itd-raffle-prize-art{width:5rem;height:5rem}.itd-raffle-prize-art img{width:100%;height:100%;object-fit:cover;display:block}.itd-raffle-prize-texts{display:flex;flex-direction:column;gap:.25rem;min-width:0}.itd-raffle-prize-texts h5{margin:0;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-raffle-prize-texts>span{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-normal);color:var(--_steel)}.itd-raffle-rules{overflow:hidden}.itd-raffle-rules-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--itd-panel-scroll-thumb) #0000}.itd-raffle-rules-text{font-size:var(--itd-text-13);line-height:1.35rem;color:var(--itd-color-text-neutral);white-space:pre-wrap}.itd-raffle-participant-list{display:flex;flex-direction:column;gap:.875rem;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--itd-panel-scroll-thumb) #0000}.itd-raffle-participants{overflow:hidden}.itd-raffle-participant-item{display:flex;align-items:center;gap:.75rem}.itd-raffle-participant-photo{width:2.5rem;height:2.5rem;flex:none;border-radius:9999px;overflow:hidden;background:var(--_wash)}.itd-raffle-participant-photo img{width:100%;height:100%;object-fit:cover;display:block}.itd-raffle-participant-texts{display:flex;flex-direction:column;gap:.125rem;min-width:0}.itd-raffle-participant-texts h6{margin:0;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-raffle-participant-texts>span{font-size:var(--itd-text-xs);color:var(--_steel)}.itd-raffle-participants-sentinel{display:flex;justify-content:center;padding:.625rem 0;min-height:1px;flex:none}.itd-raffle-participants-sentinel .itd-spin-spinner{position:static;transform:none}.itd-raffle-tabs{margin-top:1rem}.itd-raffle-skeleton{display:flex;flex-direction:column;gap:.75rem;width:100%}.itd-raffle-skeleton-cover{aspect-ratio:1480/363;border-radius:var(--itd-radius-md)}.itd-raffle-empty{width:100%;height:max-content;min-height:31.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;background-color:var(--_wash);border-radius:var(--itd-radius-md);padding:0 2rem}.itd-raffle-empty h3{margin:0;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text)}.itd-raffle-empty h3 span{color:var(--itd-primary)}.itd-raffle-empty>span{color:var(--_steel);font-size:var(--itd-text-13);line-height:1.1rem}}
|
package/dist/css/rangepicker.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-range-picker{height:max-content;
|
|
1
|
+
@layer components{.itd-range-picker{position:relative;height:max-content;width:inherit}.itd-range-picker .itd-input{cursor:pointer}.itd-range-picker-field{display:flex;align-items:center;flex:1 1 auto;min-width:0}.itd-range-picker-segment-box{position:relative;flex:1 1 0;min-width:0;height:100%;display:flex;align-items:center}.itd-range-picker-segment-box:after{content:"";position:absolute;left:calc(var(--itd-spacing) * 3);right:calc(var(--itd-spacing) * 3);bottom:calc(var(--itd-spacing) * 1);height:2px;border-radius:2px;background-color:var(--itd-primary);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}.itd-range-picker-segment-box.active:after,.itd-range-picker-segment-box:has(.itd-range-picker-segment:focus):after{transform:scaleX(1)}.itd-range-picker-segment{flex:1 1 0;width:100%;min-width:0;height:100%;appearance:none;-webkit-appearance:none;border:0;background:#0000;font:inherit;color:var(--itd-color-text-input,var(--itd-color-text));text-overflow:ellipsis;cursor:text;padding:0 calc(var(--itd-spacing) * 3);outline:none}.itd-range-picker-segment::placeholder{color:var(--itd-color-placeholder);opacity:1}.itd-range-picker-segment:disabled{cursor:not-allowed;color:var(--itd-color-disabled-text);-webkit-text-fill-color:var(--itd-color-disabled-text)}@media (prefers-reduced-motion:reduce){.itd-range-picker-segment-box:after{transition:none}}.itd-range-picker-arrow{display:flex;align-items:center;color:var(--itd-color-text-neutral);padding:0 calc(var(--itd-spacing) * .5);flex:0 0 auto}.itd-range-picker-suffix{display:inline-grid;place-items:center;width:calc(var(--itd-spacing) * 4);height:calc(var(--itd-spacing) * 4);margin-right:calc(var(--itd-spacing) * 3);flex:0 0 auto}.itd-range-picker-error{margin-top:calc(var(--itd-spacing) * 1);font-size:var(--itd-text-xs);color:var(--itd-color-error)}.itd-range-picker-xs .itd-range-picker-field{height:var(--itd-size-xs-h);font-size:var(--itd-size-xs-font);font-weight:var(--itd-size-xs-field-fw)}.itd-range-picker-sm .itd-range-picker-field{height:var(--itd-size-sm-h);font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw)}.itd-range-picker-md .itd-range-picker-field{height:var(--itd-size-md-h);font-size:var(--itd-size-md-font);font-weight:var(--itd-size-md-field-fw)}.itd-range-picker-df .itd-range-picker-field{height:var(--itd-size-df-h);font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw)}.itd-range-picker-lg .itd-range-picker-field{height:var(--itd-size-lg-h);font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw)}.itd-range-picker-xlg .itd-range-picker-field{height:var(--itd-size-xlg-h);font-size:var(--itd-size-xlg-font);font-weight:var(--itd-size-xlg-field-fw)}.itd-range-picker-segment{font-size:inherit}.itd-calendar-range-picker-panel{animation:itd-range-picker-fade .16s ease}@keyframes itd-range-picker-fade{0%{opacity:0;transform:translateY(calc(var(--itd-spacing) * -1))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.itd-calendar-range-picker-panel{animation:none}}}
|
package/dist/css/reset.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@layer reset{*,::backdrop,:after,:before{border-
|
|
1
|
+
@layer reset{*,::backdrop,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--itd-font-sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}:where([role=button]){cursor:pointer}:where([aria-disabled=true]){cursor:not-allowed}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}p{margin:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--itd-font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:initial;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-collapse:collapse}details{display:block}summary{display:list-item;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}dialog{margin:auto;padding:0;border:none}img,svg{display:block}img{max-inline-size:100%;block-size:auto}svg{overflow:hidden}:where(button,input,optgroup,select,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background-color:initial;border-radius:0;box-shadow:none}:where(button,select){text-transform:none}:where(input[type=button],input[type=reset],input[type=submit],button){appearance:button;background-image:none}::file-selector-button{appearance:button;background-color:initial;background-image:none;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;margin-inline-end:4px}:where(button){cursor:pointer}:where(button:disabled){cursor:not-allowed}:where(optgroup){font-weight:bolder}:where(input::placeholder,textarea::placeholder){color:var(--itd-placeholder-color,currentColor);opacity:.6}@supports (color:color-mix(in oklab,red,red)){:where(input::placeholder,textarea::placeholder){color:color-mix(in oklab,currentColor 55%,#0000);opacity:1}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover:where(:root:not(.itd-touch) *){-webkit-text-fill-color:initial;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}input[type=number]{appearance:textfield}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding:0}::-webkit-datetime-edit-fields-wrapper{padding:0}:-moz-ui-invalid{box-shadow:none}[hidden]:where(:not([hidden=until-found])){display:none!important}::selection{background-color:var(--itd-selection-bg,#3b82f633);color:var(--itd-selection-fg,inherit)}
|
|
2
2
|
|
|
3
3
|
@supports (color: oklab(0% 0 0%)){
|
|
4
4
|
::selection{background-color:var(--itd-selection-bg,oklch(.623 .188 259.8/.2))}
|
|
5
|
-
}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
|
|
5
|
+
}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (forced-colors:active){::selection{forced-color-adjust:none}:where(button,input,select,textarea):focus{outline:1px solid CanvasText}}@supports not selector(:focus-visible){:where(:focus){outline:2px solid currentColor;outline-offset:2px}}}
|
package/dist/css/result.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-result{height:100%;
|
|
1
|
+
@layer components{.itd-result{width:100%;height:100%;position:relative;overflow:hidden}.itd-result-content-wrapper{height:100%}.itd-result-content,.itd-result-content-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.itd-result-content{opacity:1;padding:var(--itd-result-padding,50px 20px 40px);border-radius:var(--itd-radius-sm);height:auto;max-width:500px;background-color:var(--itd-color-background-result,var(--itd-color-background-alt));flex-direction:column;gap:var(--itd-result-gap,20px)}.itd-result-fill .itd-result-content{height:100%;max-width:100%}.itd-result:not(.itd-result-default) .itd-result-content{background-color:color-mix(in oklch,var(--itd-color-background-result,var(--itd-color-background-alt)) 50%,#0000)}.itd-result-no-background .itd-result-content{background-color:initial}.itd-result-animated .itd-result-content{animation:itd-result-bounce .5s ease-out;transform-origin:50% 50%}.itd-result-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.itd-result .itd-image-wrapper:empty{display:none}.itd-result .itd-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:1rem;background-color:color-mix(in oklch,var(--itd-background) 50%,#0000);border-radius:100px;overflow:hidden}:is(.itd-result .itd-image-wrapper) img{z-index:0;width:var(--itd-result-image-size,44px);height:auto}.itd-result-title{color:var(--itd-primary);font-size:var(--itd-text-default);line-height:var(--itd-text-default--line-height);font-weight:var(--itd-font-weight-semibold);text-align:center;max-width:80%}.itd-result-sub-title{color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);font-weight:var(--itd-font-weight-medium);text-align:center;max-width:var(--itd-result-sub-max-width,80%)}.itd-result-extras{display:flex;justify-content:center;margin-top:20px}.itd-result-extras a{min-width:150px}:is(.itd-result-extras a):not(:last-child){margin-right:20px}.itd-result-footer{display:flex;justify-content:center;width:100%}.itd-result-footer>div{width:100%}@keyframes itd-result-bounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.05);opacity:1}75%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}}
|
package/dist/css/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-select,.itd-select-portal{--_h:var(--itd-size-df-h);--_px:calc(var(--itd-spacing)*3);--_font:var(--itd-size-df-font);--_fw:var(--itd-size-df-field-fw);--_img:1.25rem;--_arrow:1rem}.itd-select-xs:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-xs-h);--_px:calc(var(--itd-spacing)*2.5);--_font:var(--itd-size-xs-font);--_fw:var(--itd-size-xs-field-fw);--_img:0.875rem;--_arrow:0.825rem}.itd-select-sm:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-sm-h);--_px:calc(var(--itd-spacing)*2.5);--_font:var(--itd-size-sm-font);--_fw:var(--itd-size-sm-field-fw);--_img:1rem;--_arrow:0.825rem}.itd-select-md:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-md-h);--_px:calc(var(--itd-spacing)*3);--_font:var(--itd-size-md-font);--_fw:var(--itd-size-md-field-fw);--_img:1.125rem;--_arrow:1rem}.itd-select-df:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-df-h);--_px:calc(var(--itd-spacing)*3);--_font:var(--itd-size-df-font);--_fw:var(--itd-size-df-field-fw);--_img:1.25rem;--_arrow:1rem}.itd-select-lg:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-lg-h);--_px:calc(var(--itd-spacing)*3.75);--_font:var(--itd-size-lg-font);--_fw:var(--itd-size-lg-field-fw);--_img:1.25rem;--_arrow:1.125rem}.itd-select-xlg:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-xlg-h);--_px:calc(var(--itd-spacing)*3.75);--_font:var(--itd-size-xlg-font);--_fw:var(--itd-size-xlg-field-fw);--_img:1.375rem;--_arrow:1.125rem}.itd-select{height:max-content;position:relative}.itd-select ul{margin-block-end:0;margin-block-start:0;padding-inline-start:0}.itd-select-selector{align-items:center;border-radius:var(--itd-radius-control);box-sizing:border-box;display:flex;height:var(--_h);padding-inline:var(--_px);transition-duration:var(--itd-transition-duration);transition-property:border-color;transition-timing-function:var(--itd-transition-timing-function);-webkit-user-select:none;user-select:none}.itd-select-selector[data-show-search=false]{cursor:pointer}.itd-select-selector>svg{height:1rem;width:auto}.itd-select-selector .itd-svg>div{align-items:center;display:flex;justify-content:center}.itd-select-selector .itd-image{align-items:center;display:flex;margin-right:.4375rem;min-height:var(--_img);min-width:var(--_img)}.itd-select-selector .itd-svg svg,.itd-select-selector img{height:var(--_img);width:var(--_img)}.itd-select-selector .itd-icon{color:var(--itd-color-icon);font-size:var(--_img)}.itd-select-selector .itd-select-arrow{transition-duration:var(--itd-transition-duration);transition-property:transform;transition-timing-function:var(--itd-transition-timing-function)}:is(.itd-select-selector .itd-select-arrow) svg{color:var(--itd-color-icon);height:var(--_arrow);width:var(--_arrow)}.itd-select-selector .itd-select-arrow[data-open]{transform:rotate(-180deg)}.itd-select-selector .itd-select-status-error{border:1px solid var(--itd-color-error-border);border-radius:var(--itd-radius-control)}.itd-select-selection-item{display:flex;flex-grow:1;height:100%}.itd-select-selection-label{border-radius:var(--itd-radius-control);transition-duration:var(--itd-transition-duration);transition-property:background-color;transition-timing-function:var(--itd-transition-timing-function)}.itd-select-selection-label [type=text]{caret-color:var(--itd-color-text-input,var(--itd-color-text));color:var(--itd-color-text-input,var(--itd-color-text));font-size:var(--_font);height:var(--_h)}:is(.itd-select-selection-label [type=text])::placeholder{color:#0000;color:oklch(0 0 0/0)}.itd-select-selection-label label,.itd-select-selection-label span{color:var(--itd-color-text-input,var(--itd-color-text));font-weight:var(--_fw)}:is(.itd-select-selection-label span,.itd-select-selection-label label):before{color:var(--itd-color-text-muted);transition-duration:var(--itd-transition-duration);transition-property:transform;transition-timing-function:var(--itd-transition-timing-function)}.itd-select-selection-label.itd-select-selection-item-single{align-items:center;border-radius:var(--itd-radius-control);display:flex;transition-duration:var(--itd-transition-duration);transition-property:background-color;transition-timing-function:var(--itd-transition-timing-function);width:100%}.itd-select-selection-label.itd-select-selection-item-single label,.itd-select-selection-label.itd-select-selection-item-single span{font-size:var(--_font);font-weight:var(--_fw);line-height:var(--_font)}.itd-select-selection-label.itd-select-selection-item-single input,.itd-select-selection-label.itd-select-selection-item-single input::placeholder{font-weight:var(--_fw)}.itd-select-selection-label.itd-select-selection-item-single input{color:var(--itd-color-text);font-size:var(--_font)}:is(.itd-select-selection-label.itd-select-selection-item-single input)::placeholder{color:var(--itd-color-placeholder)}.itd-select-prefix{align-items:center;display:flex;height:100%;margin-right:.4375rem}.itd-select-suffix{grid-column-gap:.3125rem;align-items:center;display:grid;grid-auto-flow:column;justify-self:flex-end;position:relative}.itd-select-lock-icon{color:var(--itd-color-text-neutral)}.itd-select-failed,.itd-select-lock-icon{align-items:center;display:flex;height:100%}.itd-select-failed{cursor:pointer;float:left;margin:0;position:relative}.itd-select-failed:before{background-color:var(--itd-color-error);border-radius:3.125rem;padding:.25rem}.itd-select-failed svg circle{fill:var(--itd-color-error)}.itd-select-failed svg path{fill:var(--itd-color-error-text)}.itd-select-default .itd-select-selector{background-color:var(--itd-color-background-bordered);border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow);outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-select-default.itd-select-open .itd-select-selector{border-color:var(--itd-color-border-focus)}.itd-select-default.itd-select-open.itd-select-status-error .itd-select-selector{border-color:var(--itd-color-error-border)}.itd-select-default.keyboard-focus .itd-select-selector{border-color:var(--itd-color-border-focus);outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-select-default.keyboard-focus.itd-select-status-error .itd-select-selector{border-color:var(--itd-color-error-border);outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-select-default:not(.itd-select-open):not(.itd-select-disabled):not(.keyboard-focus) .itd-select-selector:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-border-hover)}.itd-select-default:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active{border-color:var(--itd-color-border-focus)}.itd-select-default.itd-select-status-error:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active{border-color:var(--itd-color-error-border)}.itd-select-filled .itd-select-selector{background-color:var(--itd-color-background-input,var(--itd-color-background-alt));border:none;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-select-filled.itd-select-open .itd-select-selector{background-color:var(--itd-color-background-alt-hover)}.itd-select-filled.keyboard-focus .itd-select-selector{background-color:var(--itd-color-background-alt-hover);outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-select-filled.keyboard-focus.itd-select-status-error .itd-select-selector{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-select-filled:not(.itd-select-open):not(.itd-select-disabled):not(.keyboard-focus) .itd-select-selector:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}.itd-select-filled:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active{background-color:var(--itd-color-background-alt-hover)}.itd-select[disabled] .itd-select-selector{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);border-radius:var(--itd-radius-control);cursor:not-allowed}:is(.itd-select[disabled] .itd-select-selector) .itd-select-arrow svg,:is(.itd-select[disabled] .itd-select-selector) .itd-select-selection-item input[disabled],:is(:is(.itd-select[disabled] .itd-select-selector) .itd-select-selection-item input[disabled])::placeholder{color:var(--itd-color-disabled-text)}:is(.itd-select[disabled] .itd-select-selector) .itd-image{filter:grayscale(100%);opacity:.5}.itd-select.itd-select-locked .itd-select-selection-item input{pointer-events:none}.itd-select-dropdown-wrapper{min-width:100%;outline:none;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;z-index:15}.itd-select-dropdown-wrapper ul{min-width:max-content}.itd-select-dropdown-wrapper[data-position=bottom]{top:calc(var(--_h) + .25rem)}.itd-select-dropdown-wrapper[data-position=top]{bottom:calc(var(--_h) + .25rem)}.itd-select-dropdown-wrapper[data-direction=left]{left:0}.itd-select-dropdown-wrapper[data-direction=right]{right:0}.itd-select-dropdown-wrapper[data-portal=true]{min-width:auto;position:fixed}.itd-select-dropdown-wrapper[data-portal=true][data-position=top]{transform-origin:50% 100%}.itd-select-dropdown{background-color:var(--itd-color-background-select);border-radius:calc(var(--itd-border-radius)*.85)}.itd-select-dropdown .itd-select-dropdown-body{max-height:var(--itd-dropdown-max-h,18.75rem)}.itd-select-dropdown.multi .itd-checkbox{height:100%;padding-inline:var(--_px);width:100%}:is(.itd-select-dropdown.multi .itd-checkbox) .itd-checkbox-inner-wrapper{height:100%;width:100%}.itd-select-default .itd-select-dropdown{border:1px solid var(--itd-color-border);box-shadow:none}.itd-select-filled .itd-select-dropdown{border:none;box-shadow:var(--itd-floating-shadow)}.itd-select-dropdown.single .itd-select-item.itd-select-item-option .itd-select-option-single{height:100%;padding-inline:var(--_px)}.itd-select-item.itd-select-item-option{align-items:center;cursor:pointer;display:flex;height:var(--_h);min-width:max-content;padding-block:0}.itd-select-item.itd-select-item-option:not(:last-child){margin-bottom:.0625rem}.itd-select-item.itd-select-item-option label,.itd-select-item.itd-select-item-option span{font-size:var(--_font);font-weight:var(--_fw);line-height:var(--_font)}.itd-select-item.itd-select-item-option.itd-item-multi,.itd-select-item.itd-select-item-option.itd-item-single{background-color:var(--itd-color-background-select-item)}:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) label,:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) span{color:var(--itd-color-text-select-item,var(--itd-color-text-neutral))}.itd-item-multi:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi):not(.itd-select-item-option-disabled) .itd-checkbox-default input{border-color:var(--itd-color-text-neutral-alpha25)}.itd-item-multi:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi):not(.itd-select-item-option-disabled) .itd-checkbox-filled .itd-checkbox-checkmark{background-color:var(--itd-color-text-neutral-alpha10)}:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) .itd-image{margin-right:.4375rem;min-height:var(--_img);min-width:var(--_img)}:is(:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) .itd-image) .itd-select-option-image{height:var(--_img);width:var(--_img)}:is(:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) .itd-image) .itd-select-option-icon{color:var(--itd-color-icon);font-size:var(--_img)}.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi,.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-single{background-color:var(--itd-color-background-select-item-hover)}:is(.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi) label,:is(.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi) span{color:var(--itd-color-text)}.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-default input{border-color:var(--itd-color-text-neutral-alpha50)}.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-filled .itd-checkbox-checkmark{background-color:var(--itd-color-text-neutral-alpha15)}.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi,.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-single{background-color:var(--itd-color-background-select-item-selected)}:is(.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi) label,:is(.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi) span{color:var(--itd-color-text-select-item-selected,var(--itd-color-text))}.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-default input{border-color:var(--itd-primary)}.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-filled .itd-checkbox-checkmark{background-color:var(--itd-primary)}:is(.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-multi) label,:is(.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-multi) span{color:var(--itd-color-disabled-text)}.itd-select-option-single{align-items:center;display:flex;justify-content:flex-start;width:100%}.itd-select-option-single[data-disabled=true]{cursor:not-allowed}.itd-select-option-single span{white-space:nowrap}.itd-select-option-image-wrapper img{display:block;pointer-events:none}.itd-select-portal{height:max-content;position:relative}.itd-select-portal ul{margin-block-end:0;margin-block-start:0;padding-inline-start:0}.itd-select-not-found{align-items:center;color:var(--itd-muted-foreground);display:flex;font-size:var(--_font);justify-content:center;padding:calc(var(--itd-spacing)*1.5) var(--_px)}.itd-select-separator{background:var(--itd-color-border);height:1px}.itd-select-group-label{color:var(--itd-muted-foreground);font-size:calc(var(--_font) - .125rem);font-weight:var(--itd-font-weight-normal);padding:calc(var(--itd-spacing)*1.5) var(--_px) calc(var(--itd-spacing)*1);-webkit-user-select:none;user-select:none}}
|
|
1
|
+
@layer components{.itd-select,.itd-select-portal{--_h:var(--itd-size-df-h);--_px:calc(var(--itd-spacing) * 3);--_font:var(--itd-size-df-font);--_fw:var(--itd-size-df-field-fw);--_img:1.25rem;--_arrow:1rem}.itd-select-xs:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-xs-h);--_px:calc(var(--itd-spacing) * 2.5);--_font:var(--itd-size-xs-font);--_fw:var(--itd-size-xs-field-fw);--_img:0.875rem;--_arrow:0.825rem}.itd-select-sm:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-sm-h);--_px:calc(var(--itd-spacing) * 2.5);--_font:var(--itd-size-sm-font);--_fw:var(--itd-size-sm-field-fw);--_img:1rem;--_arrow:0.825rem}.itd-select-md:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-md-h);--_px:calc(var(--itd-spacing) * 3);--_font:var(--itd-size-md-font);--_fw:var(--itd-size-md-field-fw);--_img:1.125rem;--_arrow:1rem}.itd-select-df:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-df-h);--_px:calc(var(--itd-spacing) * 3);--_font:var(--itd-size-df-font);--_fw:var(--itd-size-df-field-fw);--_img:1.25rem;--_arrow:1rem}.itd-select-lg:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-lg-h);--_px:calc(var(--itd-spacing) * 3.75);--_font:var(--itd-size-lg-font);--_fw:var(--itd-size-lg-field-fw);--_img:1.25rem;--_arrow:1.125rem}.itd-select-xlg:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-xlg-h);--_px:calc(var(--itd-spacing) * 3.75);--_font:var(--itd-size-xlg-font);--_fw:var(--itd-size-xlg-field-fw);--_img:1.375rem;--_arrow:1.125rem}.itd-select{position:relative;height:max-content}.itd-select ul{margin-block-start:0;margin-block-end:0;padding-inline-start:0}.itd-select-selector{display:flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none;height:var(--_h);padding-inline:var(--_px);border-radius:var(--itd-radius-control);transition-property:border-color;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-select-selector[data-show-search=false]{cursor:pointer}.itd-select-selector>svg{width:auto;height:1rem}.itd-select-selector .itd-svg>div{display:flex;align-items:center;justify-content:center}.itd-select-selector .itd-image{display:flex;align-items:center;margin-right:.4375rem;min-width:var(--_img);min-height:var(--_img)}.itd-select-selector .itd-svg svg,.itd-select-selector img{width:var(--_img);height:var(--_img)}.itd-select-selector .itd-icon{color:var(--itd-color-icon);font-size:var(--_img)}.itd-select-selector .itd-select-arrow{transition-property:transform;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}:is(.itd-select-selector .itd-select-arrow) svg{width:var(--_arrow);height:var(--_arrow);color:var(--itd-color-icon)}.itd-select-selector .itd-select-arrow[data-open]{transform:rotate(-180deg)}.itd-select-selector .itd-select-status-error{border:1px solid var(--itd-color-error-border);border-radius:var(--itd-radius-control)}.itd-select-selection-item{display:flex;flex-grow:1;height:100%}.itd-select-selection-label{border-radius:var(--itd-radius-control);transition-property:background-color;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-select-selection-label [type=text]{height:var(--_h);font-size:var(--_font);color:var(--itd-color-text-input,var(--itd-color-text));caret-color:var(--itd-color-text-input,var(--itd-color-text))}:is(.itd-select-selection-label [type=text])::placeholder{color:#0000;color:oklch(0 0 0/0)}.itd-select-selection-label :is(label,span){color:var(--itd-color-text-input,var(--itd-color-text));font-weight:var(--_fw)}:is(.itd-select-selection-label span,.itd-select-selection-label label):before{color:var(--itd-color-text-muted);transition-property:transform;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-select-selection-label.itd-select-selection-item-single{display:flex;align-items:center;width:100%;border-radius:var(--itd-radius-control);transition-property:background-color;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-select-selection-label.itd-select-selection-item-single :is(label,span){font-size:var(--_font);line-height:var(--_font);font-weight:var(--_fw)}.itd-select-selection-label.itd-select-selection-item-single input,.itd-select-selection-label.itd-select-selection-item-single input::placeholder{font-weight:var(--_fw)}.itd-select-selection-label.itd-select-selection-item-single input{font-size:var(--_font);color:var(--itd-color-text)}:is(.itd-select-selection-label.itd-select-selection-item-single input)::placeholder{color:var(--itd-color-placeholder)}.itd-select-prefix{display:flex;align-items:center;height:100%;margin-right:.4375rem}.itd-select-suffix{display:grid;grid-column-gap:.3125rem;grid-auto-flow:column;align-items:center;justify-self:flex-end;position:relative}.itd-select-lock-icon{color:var(--itd-color-text-neutral)}.itd-select-failed,.itd-select-lock-icon{display:flex;align-items:center;height:100%}.itd-select-failed{margin:0;float:left;position:relative;cursor:pointer}.itd-select-failed:before{padding:.25rem;border-radius:3.125rem;background-color:var(--itd-color-error)}.itd-select-failed svg circle{fill:var(--itd-color-error)}.itd-select-failed svg path{fill:var(--itd-color-error-text)}.itd-select-default .itd-select-selector{box-shadow:var(--itd-box-shadow);outline:0 solid #0000;outline-offset:var(--itd-ring-offset);border:1px solid var(--itd-color-border);background-color:var(--itd-color-background-bordered);transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-select-default.itd-select-open .itd-select-selector{border-color:var(--itd-color-border-focus)}.itd-select-default.itd-select-open.itd-select-status-error .itd-select-selector{border-color:var(--itd-color-error-border)}.itd-select-default.keyboard-focus .itd-select-selector{border-color:var(--itd-color-border-focus);outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-select-default.keyboard-focus.itd-select-status-error .itd-select-selector{border-color:var(--itd-color-error-border);outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-select-default:not(.itd-select-open):not(.itd-select-disabled):not(.keyboard-focus) .itd-select-selector:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-border-hover)}.itd-select-default:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active{border-color:var(--itd-color-border-focus)}.itd-select-default.itd-select-status-error:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active{border-color:var(--itd-color-error-border)}.itd-select-filled .itd-select-selector{border:none;background-color:var(--itd-color-background-input,var(--itd-color-background-alt));outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-select-filled.itd-select-open .itd-select-selector{background-color:var(--itd-color-background-alt-hover)}.itd-select-filled.keyboard-focus .itd-select-selector{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);background-color:var(--itd-color-background-alt-hover)}.itd-select-filled.keyboard-focus.itd-select-status-error .itd-select-selector{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-select-filled:not(.itd-select-open):not(.itd-select-disabled):not(.keyboard-focus) .itd-select-selector:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}.itd-select-filled:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active{background-color:var(--itd-color-background-alt-hover)}.itd-select[disabled] .itd-select-selector{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);border-radius:var(--itd-radius-control);cursor:not-allowed}:is(.itd-select[disabled] .itd-select-selector) .itd-select-arrow svg,:is(.itd-select[disabled] .itd-select-selector) .itd-select-selection-item input[disabled],:is(:is(.itd-select[disabled] .itd-select-selector) .itd-select-selection-item input[disabled])::placeholder{color:var(--itd-color-disabled-text)}:is(.itd-select[disabled] .itd-select-selector) .itd-image{filter:grayscale(100%);opacity:.5}.itd-select.itd-select-locked .itd-select-selection-item input{pointer-events:none}.itd-select-dropdown-wrapper{min-width:100%;overflow:hidden;position:absolute;z-index:15;transform-box:fill-box;transform-origin:50% 1%;outline:none}.itd-select-dropdown-wrapper ul{min-width:max-content}.itd-select-dropdown-wrapper[data-position=bottom]{top:calc(var(--_h) + .25rem)}.itd-select-dropdown-wrapper[data-position=top]{bottom:calc(var(--_h) + .25rem)}.itd-select-dropdown-wrapper[data-direction=left]{left:0}.itd-select-dropdown-wrapper[data-direction=right]{right:0}.itd-select-dropdown-wrapper[data-portal=true]{position:fixed;min-width:auto}.itd-select-dropdown-wrapper[data-portal=true][data-position=top]{transform-origin:50% 100%}.itd-select-dropdown{background-color:var(--itd-color-background-select);border-radius:calc(var(--itd-border-radius) * .85)}.itd-select-dropdown .itd-select-dropdown-body{max-height:var(--itd-dropdown-max-h,18.75rem)}.itd-select-dropdown.multi .itd-checkbox{width:100%;height:100%;padding-inline:var(--_px)}:is(.itd-select-dropdown.multi .itd-checkbox) .itd-checkbox-inner-wrapper{width:100%;height:100%}.itd-select-default .itd-select-dropdown{border:1px solid var(--itd-color-border);box-shadow:none}.itd-select-filled .itd-select-dropdown{border:none;box-shadow:var(--itd-floating-shadow)}.itd-select-dropdown.single .itd-select-item.itd-select-item-option .itd-select-option-single{padding-inline:var(--_px);height:100%}.itd-select-item.itd-select-item-option{display:flex;min-width:max-content;align-items:center;cursor:pointer;padding-block:0;height:var(--_h)}.itd-select-item.itd-select-item-option:not(:last-child){margin-bottom:.0625rem}.itd-select-item.itd-select-item-option :is(label,span){font-size:var(--_font);line-height:var(--_font);font-weight:var(--_fw)}.itd-select-item.itd-select-item-option.itd-item-multi,.itd-select-item.itd-select-item-option.itd-item-single{background-color:var(--itd-color-background-select-item)}:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) :is(label,span){color:var(--itd-color-text-select-item,var(--itd-color-text-neutral))}.itd-item-multi:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi):not(.itd-select-item-option-disabled) .itd-checkbox-default input{border-color:var(--itd-color-text-neutral-alpha25)}.itd-item-multi:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi):not(.itd-select-item-option-disabled) .itd-checkbox-filled .itd-checkbox-checkmark{background-color:var(--itd-color-text-neutral-alpha10)}:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) .itd-image{min-width:var(--_img);min-height:var(--_img);margin-right:.4375rem}:is(:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) .itd-image) .itd-select-option-image{width:var(--_img);height:var(--_img)}:is(:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) .itd-image) .itd-select-option-icon{color:var(--itd-color-icon);font-size:var(--_img)}.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi,.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-single{background-color:var(--itd-color-background-select-item-hover)}:is(.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi) :is(label,span){color:var(--itd-color-text)}.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-default input{border-color:var(--itd-color-text-neutral-alpha50)}.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-filled .itd-checkbox-checkmark{background-color:var(--itd-color-text-neutral-alpha15)}.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi,.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-single{background-color:var(--itd-color-background-select-item-selected)}:is(.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi) :is(label,span){color:var(--itd-color-text-select-item-selected,var(--itd-color-text))}.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-default input{border-color:var(--itd-primary)}.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-filled .itd-checkbox-checkmark{background-color:var(--itd-primary)}:is(.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-multi) :is(label,span){color:var(--itd-color-disabled-text)}.itd-select-option-single{display:flex;justify-content:flex-start;align-items:center;width:100%}.itd-select-option-single[data-disabled=true]{cursor:not-allowed}.itd-select-option-single span{white-space:nowrap}.itd-select-option-image-wrapper img{pointer-events:none;display:block}.itd-select-portal{position:relative;height:max-content}.itd-select-portal ul{margin-block-start:0;margin-block-end:0;padding-inline-start:0}.itd-select-not-found{display:flex;align-items:center;justify-content:center;padding:calc(var(--itd-spacing) * 1.5) var(--_px);font-size:var(--_font);color:var(--itd-muted-foreground)}.itd-select-separator{height:1px;background:var(--itd-color-border)}.itd-select-group-label{padding:calc(var(--itd-spacing) * 1.5) var(--_px) calc(var(--itd-spacing) * 1);font-size:calc(var(--_font) - .125rem);font-weight:var(--itd-font-weight-normal);color:var(--itd-muted-foreground);-webkit-user-select:none;user-select:none}}
|
package/dist/css/separator.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-separator{background:var(--itd-color-border)
|
|
1
|
+
@layer components{.itd-separator{flex-shrink:0;background:var(--itd-color-border)}.itd-separator[data-orientation=horizontal]{height:1px;width:100%}.itd-separator[data-orientation=vertical]{width:1px;height:100%;align-self:stretch}}
|
package/dist/css/sheet.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.itd-sheet-content{background:var(--itd-color-background-sheet,var(--itd-color-background-modal));
|
|
1
|
+
@layer components{.itd-sheet-content{position:fixed;z-index:var(--itd-z-sheet,1001);overflow:visible;background:var(--itd-color-background-sheet,var(--itd-color-background-modal));color:var(--itd-card-foreground);box-shadow:var(--itd-floating-shadow);display:flex;flex-direction:column}.itd-sheet-content:focus{outline:none}.itd-sheet-body{--_px:calc(var(--itd-spacing) * 8);flex:1 1 auto;min-height:0;overflow-y:auto;padding:calc(var(--itd-spacing) * 6) var(--_px);display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 4);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-sheet-content .itd-dialog-footer{flex-direction:column;align-items:stretch}.itd-sheet-overlay{z-index:var(--itd-z-overlay,1000);touch-action:none}.itd-sheet-content[data-side=bottom]{inset-inline:0;bottom:0;width:100%;max-height:calc(100vh - calc(var(--itd-spacing) * 12));border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0}.itd-sheet-content[data-side=bottom] .itd-sheet-body{padding-bottom:calc(var(--itd-spacing) * 6 + env(safe-area-inset-bottom))}.itd-sheet-content[data-side=bottom]:after{content:"";position:absolute;inset-inline:0;top:100%;height:50vh;background:var(--itd-color-background-sheet,var(--itd-color-background-modal))}.itd-sheet-content[data-side=top]{inset-inline:0;top:0;width:100%;max-height:calc(100vh - calc(var(--itd-spacing) * 12));border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md)}.itd-sheet-content[data-side=right]{inset-inline-end:0;border-radius:var(--itd-radius-md) 0 0 var(--itd-radius-md)}.itd-sheet-content[data-side=left],.itd-sheet-content[data-side=right]{inset-block:0;height:100%;width:min(28rem,calc(100% - calc(var(--itd-spacing) * 8)))}.itd-sheet-content[data-side=left]{inset-inline-start:0;border-radius:0 var(--itd-radius-md) var(--itd-radius-md) 0}.itd-sheet-handle{width:calc(var(--itd-spacing) * 9);height:calc(var(--itd-spacing) * 1);margin:calc(var(--itd-spacing) * 2.5) auto 0;flex:0 0 auto;border-radius:9999px;background:var(--itd-color-border)}[data-itd-elevation=raised] .itd-sheet-content{background:var(--itd-background)}}
|