@inntechcorp/it-design 4.0.0-beta.5 → 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.
Files changed (195) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/MIGRATION.md +16 -1
  3. package/dist/cjs/_bundled/@radix-ui/primitive/dist/index.js +1 -1
  4. package/dist/cjs/_bundled/@radix-ui/react-compose-refs/dist/index.js +1 -1
  5. package/dist/cjs/_bundled/@radix-ui/react-context/dist/index.js +1 -1
  6. package/dist/cjs/_bundled/@radix-ui/react-dialog/dist/index.js +1 -1
  7. package/dist/cjs/_bundled/@radix-ui/react-dismissable-layer/dist/index.js +1 -1
  8. package/dist/cjs/_bundled/@radix-ui/react-focus-guards/dist/index.js +1 -1
  9. package/dist/cjs/_bundled/@radix-ui/react-focus-scope/dist/index.js +1 -1
  10. package/dist/cjs/_bundled/@radix-ui/react-id/dist/index.js +1 -1
  11. package/dist/cjs/_bundled/@radix-ui/react-portal/dist/index.js +1 -1
  12. package/dist/cjs/_bundled/@radix-ui/react-presence/dist/index.js +1 -1
  13. package/dist/cjs/_bundled/@radix-ui/react-primitive/dist/index.js +1 -1
  14. package/dist/cjs/_bundled/@radix-ui/react-slot/dist/index.js +1 -1
  15. package/dist/cjs/_bundled/@radix-ui/react-use-callback-ref/dist/index.js +1 -1
  16. package/dist/cjs/_bundled/@radix-ui/react-use-controllable-state/dist/index.js +1 -1
  17. package/dist/cjs/_bundled/@radix-ui/react-use-effect-event/dist/index.js +1 -0
  18. package/dist/cjs/blocks/banner/index.js +1 -1
  19. package/dist/cjs/blocks/game-box/index.js +1 -1
  20. package/dist/cjs/blocks/game-carousel/index.js +1 -1
  21. package/dist/cjs/blocks/game-providers/logos.js +1 -1
  22. package/dist/cjs/blocks/game-shell/useDrawerChrome.js +1 -1
  23. package/dist/cjs/blocks/multiple-jackpots/index.js +1 -1
  24. package/dist/cjs/blocks/slider/index.js +1 -1
  25. package/dist/cjs/blocks/user-hub/bonus.js +1 -1
  26. package/dist/cjs/blocks/user-hub/table.js +1 -1
  27. package/dist/cjs/context/PortalDocumentContext.js +1 -1
  28. package/dist/cjs/context-menu/ContextMenu.js +1 -1
  29. package/dist/cjs/dialog/Dialog.js +1 -1
  30. package/dist/cjs/dropdown-menu/CheckIcon.js +1 -1
  31. package/dist/cjs/dropdown-menu/processChildren.js +1 -1
  32. package/dist/cjs/dropdown-menu/useMenuItemChrome.js +1 -1
  33. package/dist/cjs/dropdown-menu/useSubMenuRegistry.js +1 -1
  34. package/dist/cjs/floating/createFloatingTrigger.js +1 -1
  35. package/dist/cjs/helpers/phone/usePhoneCountry.js +1 -1
  36. package/dist/cjs/helpers/theme/createTheme.js +1 -1
  37. package/dist/cjs/helpers/theme/importShadcnTheme.js +1 -1
  38. package/dist/cjs/hooks/useFocusTrap.js +1 -1
  39. package/dist/cjs/hooks/useLoadMoreSentinel.js +1 -1
  40. package/dist/cjs/hooks/useOnESCKeyDown.js +1 -1
  41. package/dist/cjs/index.js +1 -1
  42. package/dist/cjs/modal/container/ModalContainer.js +1 -1
  43. package/dist/cjs/modal/index.js +1 -1
  44. package/dist/cjs/router/ITDLink.js +1 -1
  45. package/dist/cjs/router/context.js +1 -1
  46. package/dist/cjs/router/matchActive.js +1 -1
  47. package/dist/cjs/toast/index.js +1 -1
  48. package/dist/css/accordion.css +2 -2
  49. package/dist/css/alert.css +1 -1
  50. package/dist/css/announcement-bar.css +1 -1
  51. package/dist/css/auth-page.css +3 -3
  52. package/dist/css/avatar.css +1 -1
  53. package/dist/css/back-top.css +1 -1
  54. package/dist/css/badge.css +85 -81
  55. package/dist/css/base.css +22 -16
  56. package/dist/css/block-form.css +5 -3
  57. package/dist/css/blocks-shared.css +8 -6
  58. package/dist/css/button-group.css +1 -1
  59. package/dist/css/button.css +8 -6
  60. package/dist/css/calendar.css +1 -1
  61. package/dist/css/card.css +1 -1
  62. package/dist/css/casino-featured.css +1 -1
  63. package/dist/css/chart.css +1 -1
  64. package/dist/css/checkbox.css +2 -2
  65. package/dist/css/code-input.css +5 -5
  66. package/dist/css/color-input.css +1 -1
  67. package/dist/css/coming-soon.css +1 -1
  68. package/dist/css/common.css +1 -1
  69. package/dist/css/components.css +1 -1
  70. package/dist/css/cropper.css +10 -6
  71. package/dist/css/datepicker.css +1 -1
  72. package/dist/css/default-avatar.css +1 -1
  73. package/dist/css/dialog.css +1 -1
  74. package/dist/css/dropdown-menu.css +1 -1
  75. package/dist/css/field.css +1 -1
  76. package/dist/css/filter-tabs.css +1 -1
  77. package/dist/css/flex.css +1 -1
  78. package/dist/css/floating.css +1 -1
  79. package/dist/css/footer.css +1 -1
  80. package/dist/css/form.css +1 -1
  81. package/dist/css/game-box.css +3 -3
  82. package/dist/css/game-carousel.css +1 -1
  83. package/dist/css/game-categories.css +1 -1
  84. package/dist/css/game-filter.css +1 -1
  85. package/dist/css/game-navigator.css +1 -1
  86. package/dist/css/game-providers.css +1 -1
  87. package/dist/css/game-search.css +1 -1
  88. package/dist/css/game-shell.css +3 -1
  89. package/dist/css/header.css +3 -3
  90. package/dist/css/help.css +1 -1
  91. package/dist/css/home-sections.css +1 -1
  92. package/dist/css/hovercard.css +1 -1
  93. package/dist/css/hstrip.css +1 -1
  94. package/dist/css/html-header.css +1 -1
  95. package/dist/css/image.css +1 -1
  96. package/dist/css/input.css +1 -1
  97. package/dist/css/label.css +1 -1
  98. package/dist/css/last-winners.css +1 -1
  99. package/dist/css/login.css +1 -1
  100. package/dist/css/mega-menu.css +3 -1
  101. package/dist/css/min-width-gate.css +1 -1
  102. package/dist/css/mobile-bottom-nav.css +1 -1
  103. package/dist/css/modal.css +8 -8
  104. package/dist/css/multiple-jackpots.css +3 -1
  105. package/dist/css/notifications-panel.css +2 -2
  106. package/dist/css/page.css +2 -2
  107. package/dist/css/popover.css +1 -1
  108. package/dist/css/post-viewer.css +1 -1
  109. package/dist/css/progress.css +1 -1
  110. package/dist/css/promotions-grid.css +3 -3
  111. package/dist/css/properties.css +1 -1
  112. package/dist/css/radio.css +1 -1
  113. package/dist/css/raffle.css +1 -1
  114. package/dist/css/rangepicker.css +1 -1
  115. package/dist/css/reset.css +2 -2
  116. package/dist/css/result.css +1 -1
  117. package/dist/css/select.css +1 -1
  118. package/dist/css/separator.css +1 -1
  119. package/dist/css/sheet.css +1 -1
  120. package/dist/css/signup.css +1 -1
  121. package/dist/css/skeleton.css +2 -2
  122. package/dist/css/slider.css +1 -1
  123. package/dist/css/spin.css +1 -1
  124. package/dist/css/stat-card.css +1 -1
  125. package/dist/css/sub-page-header.css +1 -1
  126. package/dist/css/svg-loader.css +1 -1
  127. package/dist/css/switch.css +1 -1
  128. package/dist/css/table.css +6 -4
  129. package/dist/css/tabs.css +1 -1
  130. package/dist/css/textarea.css +1 -1
  131. package/dist/css/toggle-group.css +1 -1
  132. package/dist/css/tooltip.css +1 -1
  133. package/dist/css/tournaments.css +8 -7
  134. package/dist/css/upload.css +1 -1
  135. package/dist/css/user-hub.css +2 -2
  136. package/dist/css/utilities.css +1 -1
  137. package/dist/css/vendor.css +4 -1
  138. package/dist/es/_bundled/@radix-ui/primitive/dist/index.js +1 -1
  139. package/dist/es/_bundled/@radix-ui/react-compose-refs/dist/index.js +1 -1
  140. package/dist/es/_bundled/@radix-ui/react-context/dist/index.js +1 -1
  141. package/dist/es/_bundled/@radix-ui/react-dialog/dist/index.js +1 -1
  142. package/dist/es/_bundled/@radix-ui/react-dismissable-layer/dist/index.js +1 -1
  143. package/dist/es/_bundled/@radix-ui/react-focus-guards/dist/index.js +1 -1
  144. package/dist/es/_bundled/@radix-ui/react-focus-scope/dist/index.js +1 -1
  145. package/dist/es/_bundled/@radix-ui/react-id/dist/index.js +1 -1
  146. package/dist/es/_bundled/@radix-ui/react-portal/dist/index.js +1 -1
  147. package/dist/es/_bundled/@radix-ui/react-presence/dist/index.js +1 -1
  148. package/dist/es/_bundled/@radix-ui/react-primitive/dist/index.js +1 -1
  149. package/dist/es/_bundled/@radix-ui/react-slot/dist/index.js +1 -1
  150. package/dist/es/_bundled/@radix-ui/react-use-callback-ref/dist/index.js +1 -1
  151. package/dist/es/_bundled/@radix-ui/react-use-controllable-state/dist/index.js +1 -1
  152. package/dist/es/_bundled/@radix-ui/react-use-effect-event/dist/index.js +1 -0
  153. package/dist/es/blocks/banner/index.js +1 -1
  154. package/dist/es/blocks/game-box/index.js +1 -1
  155. package/dist/es/blocks/game-carousel/index.js +1 -1
  156. package/dist/es/blocks/game-providers/logos.js +1 -1
  157. package/dist/es/blocks/game-shell/useDrawerChrome.js +1 -1
  158. package/dist/es/blocks/multiple-jackpots/index.js +1 -1
  159. package/dist/es/blocks/slider/index.js +1 -1
  160. package/dist/es/blocks/user-hub/bonus.js +1 -1
  161. package/dist/es/blocks/user-hub/cashier.js +1 -1
  162. package/dist/es/blocks/user-hub/history.js +1 -1
  163. package/dist/es/blocks/user-hub/profile.js +1 -1
  164. package/dist/es/blocks/user-hub/raffles.js +1 -1
  165. package/dist/es/blocks/user-hub/table.js +1 -1
  166. package/dist/es/context/ITDContext.js +1 -1
  167. package/dist/es/context/PortalDocumentContext.js +1 -1
  168. package/dist/es/context-menu/ContextMenu.js +1 -1
  169. package/dist/es/dialog/Dialog.js +1 -1
  170. package/dist/es/dropdown-menu/CheckIcon.js +1 -1
  171. package/dist/es/dropdown-menu/processChildren.js +1 -1
  172. package/dist/es/dropdown-menu/useMenuItemChrome.js +1 -1
  173. package/dist/es/dropdown-menu/useSubMenuRegistry.js +1 -1
  174. package/dist/es/floating/createFloatingTrigger.js +1 -1
  175. package/dist/es/helpers/phone/usePhoneCountry.js +1 -1
  176. package/dist/es/helpers/theme/createTheme.js +1 -1
  177. package/dist/es/helpers/theme/importShadcnTheme.js +1 -1
  178. package/dist/es/hooks/useFocusTrap.js +1 -1
  179. package/dist/es/hooks/useLoadMoreSentinel.js +1 -1
  180. package/dist/es/hooks/useOnESCKeyDown.js +1 -1
  181. package/dist/es/index.js +1 -1
  182. package/dist/es/modal/container/ModalContainer.js +1 -1
  183. package/dist/es/modal/index.js +1 -1
  184. package/dist/es/page/blocks.js +1 -1
  185. package/dist/es/page/blocks.query.js +1 -1
  186. package/dist/es/page/editor/theme.js +1 -1
  187. package/dist/es/router/ITDLink.js +1 -1
  188. package/dist/es/router/context.js +1 -1
  189. package/dist/es/router/matchActive.js +1 -1
  190. package/dist/es/toast/index.js +1 -1
  191. package/dist/global.css +187 -155
  192. package/dist/index.d.ts +186 -187
  193. package/package.json +24 -35
  194. package/dist/cjs/_bundled/@radix-ui/react-use-escape-keydown/dist/index.js +0 -1
  195. package/dist/es/_bundled/@radix-ui/react-use-escape-keydown/dist/index.js +0 -1
package/dist/css/button.css CHANGED
@@ -1,9 +1,11 @@
1
- @layer components{.itd-button{--itd-button-disabled-ink:#1d2649;background:none;background-origin:border-box;border:1px solid #0000;border-radius:var(--itd-radius-button,var(--itd-radius-control));box-sizing:border-box;cursor:pointer;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);position:relative;transition:outline .1s linear,border var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function);-webkit-user-select:none;user-select:none;white-space:nowrap}
1
+ @layer components{.itd-button{border-radius:var(--itd-radius-button,var(--itd-radius-control));--itd-button-disabled-ink:#1d2649;position:relative;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:none;background-origin:border-box;border:1px solid #0000;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,border var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}
2
2
 
3
3
  @supports (color: oklab(0% 0 0%)){
4
4
  .itd-button{--itd-button-disabled-ink:oklch(0.28 0.066 270.8)}
5
- }.itd-button span,.itd-button svg{transition-duration:var(--itd-transition-duration);transition-property:color;transition-timing-function:var(--itd-transition-timing-function)}.itd-button svg{flex-shrink:0;pointer-events:none}.itd-button svg:not([class*=size-]):not(.itd-spinner){height:var(--itd-size-df-icon);width:var(--itd-size-df-icon)}.itd-button .itd-button-content{align-items:center;display:inline-flex;gap:inherit}.itd-button.itd-button-xs svg:not([class*=size-]):not(.itd-spinner){height:var(--itd-size-xs-icon);width:var(--itd-size-xs-icon)}.itd-button.itd-button-sm svg:not([class*=size-]):not(.itd-spinner){height:var(--itd-size-sm-icon);width:var(--itd-size-sm-icon)}:is(.itd-button.itd-button-md,.itd-button.itd-button-icon-sm,.itd-button.itd-button-icon) svg:not([class*=size-]):not(.itd-spinner){height:var(--itd-size-md-icon);width:var(--itd-size-md-icon)}:is(.itd-button.itd-button-lg,.itd-button.itd-button-icon-lg) svg:not([class*=size-]):not(.itd-spinner){height:var(--itd-size-lg-icon);width:var(--itd-size-lg-icon)}.itd-button.itd-button-xlg svg:not([class*=size-]):not(.itd-spinner){height:var(--itd-size-xlg-icon);width:var(--itd-size-xlg-icon)}.itd-button.itd-button-icon-square{aspect-ratio:1;padding-inline:0}.itd-button.itd-button-default{background-color:var(--itd-primary);border:1px solid #0000;box-shadow:var(--itd-box-shadow)}.itd-button.itd-button-default,.itd-button.itd-button-default svg{color:var(--itd-primary-foreground)}.itd-button.itd-button-default.active,.itd-button.itd-button-default:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-default[aria-expanded=true]{background-color:var(--itd-primary-hover)}.itd-button.itd-button-default[aria-disabled=true],.itd-button.itd-button-default[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-default[disabled],.itd-button.itd-button-default[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-ghost{background-color:initial;border:1px solid #0000}.itd-button.itd-button-ghost div.icon svg,.itd-button.itd-button-ghost span{color:var(--itd-color-text)}.itd-button.itd-button-ghost.active,.itd-button.itd-button-ghost:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-ghost[aria-expanded=true]{background-color:var(--itd-color-button-ghost-hover-bg);color:var(--itd-color-button-ghost-hover-text,var(--itd-accent-foreground))}:is(.itd-button.itd-button-ghost:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-ghost.active,.itd-button.itd-button-ghost[aria-expanded=true]) span,:is(.itd-button.itd-button-ghost:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-ghost.active,.itd-button.itd-button-ghost[aria-expanded=true]) svg{color:var(--itd-color-button-ghost-hover-text,var(--itd-accent-foreground))}.itd-button.itd-button-ghost[aria-disabled=true],.itd-button.itd-button-ghost[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-ghost[disabled],.itd-button.itd-button-ghost[aria-disabled=true]) span,:is(.itd-button.itd-button-ghost[disabled],.itd-button.itd-button-ghost[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-solid{background-color:var(--itd-color-background-alt-hover);border:1px solid #0000;box-shadow:none}.itd-button.itd-button-solid,.itd-button.itd-button-solid svg{color:var(--itd-secondary-foreground)}.itd-button.itd-button-solid.active,.itd-button.itd-button-solid:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-solid[aria-expanded=true]{background-color:var(--itd-secondary-hover);color:var(--itd-primary)}:is(.itd-button.itd-button-solid:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-solid.active,.itd-button.itd-button-solid[aria-expanded=true]) svg{color:var(--itd-primary)}.itd-button.itd-button-solid[aria-disabled=true],.itd-button.itd-button-solid[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-solid[disabled],.itd-button.itd-button-solid[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-filled{background-color:var(--itd-color-button-filled-bg);border:1px solid #0000;color:var(--itd-primary)}.itd-button.itd-button-filled svg{color:var(--itd-primary)}.itd-button.itd-button-filled.active,.itd-button.itd-button-filled:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-filled[aria-expanded=true]{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}:is(.itd-button.itd-button-filled:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-filled.active,.itd-button.itd-button-filled[aria-expanded=true]) svg{color:var(--itd-primary-foreground)}.itd-button.itd-button-filled[aria-disabled=true],.itd-button.itd-button-filled[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-filled[disabled],.itd-button.itd-button-filled[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive{--_c:var(--itd-button-soft-color,var(--itd-primary));background-color:color-mix(in srgb,var(--_c) 12%,#0000);border:1px solid #0000;box-shadow:none;color:var(--_c)}:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive) svg{color:var(--_c)}.active:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive):hover:where(:root:not(.itd-touch) *),[aria-expanded=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive){background-color:color-mix(in srgb,var(--_c) 18%,#0000);color:var(--_c)}:is(:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive):hover:where(:root:not(.itd-touch) *),.active:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),[aria-expanded=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive)) svg{color:var(--_c)}[aria-disabled=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),[disabled]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive){background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is([disabled]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),[aria-disabled=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive)) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-soft-destructive{--itd-button-soft-color:var(--itd-color-error)}.itd-button.itd-button-outline{background-color:var(--itd-color-button-outline-bg);border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow);color:var(--itd-color-text)}.itd-button.itd-button-outline svg{color:var(--itd-color-text)}.itd-button.itd-button-outline.active,.itd-button.itd-button-outline:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-outline[aria-expanded=true]{background-color:var(--itd-color-button-outline-hover-bg);border-color:var(--itd-color-button-outline-hover-border,var(--itd-color-border));color:var(--itd-color-button-outline-hover-text,var(--itd-color-text))}:is(.itd-button.itd-button-outline:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-outline.active,.itd-button.itd-button-outline[aria-expanded=true]) svg{color:var(--itd-color-button-outline-hover-text,var(--itd-color-text))}.itd-button.itd-button-outline[aria-disabled=true],.itd-button.itd-button-outline[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-outline[disabled],.itd-button.itd-button-outline[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-outline-accent{--_c:var(
6
- --itd-button-outline-accent-color,var(--itd-color-button-outline-accent,var(--itd-primary))
7
- );background-color:var(--itd-color-button-outline-bg);border:1px solid color-mix(in srgb,var(--_c) 50%,#0000);box-shadow:var(--itd-box-shadow);color:var(--_c)}.itd-button.itd-button-outline-accent svg{color:var(--_c)}.itd-button.itd-button-outline-accent.active,.itd-button.itd-button-outline-accent:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-outline-accent[aria-expanded=true]{--_c:var(
8
- --itd-button-outline-accent-color,var(--itd-color-button-outline-accent-hover,var(--itd-primary-hover))
9
- );background-color:color-mix(in srgb,var(--_c) 8%,var(--itd-color-button-outline-bg));border-color:var(--_c)}.itd-button.itd-button-outline-accent[aria-disabled=true],.itd-button.itd-button-outline-accent[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-outline-accent[disabled],.itd-button.itd-button-outline-accent[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-link{background-color:initial;border:1px solid #0000;color:var(--itd-color-text)}.itd-button.itd-button-link svg{color:var(--itd-color-text)}.itd-button.itd-button-link.active,.itd-button.itd-button-link:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-link[aria-expanded=true]{color:var(--itd-primary)}:is(.itd-button.itd-button-link:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-link.active,.itd-button.itd-button-link[aria-expanded=true]):not(.itd-button-has-icon){text-decoration-line:underline;text-underline-offset:4px}:is(.itd-button.itd-button-link:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-link.active,.itd-button.itd-button-link[aria-expanded=true]) svg{color:var(--itd-primary)}.itd-button.itd-button-link[aria-disabled=true],.itd-button.itd-button-link[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-link[disabled],.itd-button.itd-button-link[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-primary{background-image:linear-gradient(-45deg,var(--itd-primary-gradient-start),var(--itd-primary-gradient-end))}.itd-button.itd-button-primary div.icon svg,.itd-button.itd-button-primary span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-primary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-primary[aria-expanded=true]{background-image:linear-gradient(-45deg,var(--itd-primary-hover-start),var(--itd-primary-hover-end))}:is(.itd-button.itd-button-primary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-primary[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-primary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-primary[aria-expanded=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-primary[aria-disabled=true],.itd-button.itd-button-primary[disabled]{background-image:linear-gradient(-45deg,#477db4,#215283);background-image:linear-gradient(-45deg,oklch(.577 .103 250.4),oklch(.431 .097 251.1))}:is(.itd-button.itd-button-primary[disabled],.itd-button.itd-button-primary[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-primary[disabled],.itd-button.itd-button-primary[aria-disabled=true]) span{color:var(--itd-button-disabled-text)}.itd-button.itd-button-secondary{background-image:linear-gradient(-45deg,#ebebeb,#fff);background-image:linear-gradient(-45deg,oklch(.94 0 0),oklch(1 0 0))}.itd-button.itd-button-secondary div.icon svg,.itd-button.itd-button-secondary span{color:#000;color:oklch(0 0 0)}.itd-button.itd-button-secondary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-secondary[aria-expanded=true]{background-image:linear-gradient(-45deg,#cdcdcd,#ebebeb);background-image:linear-gradient(-45deg,oklch(.848 0 0),oklch(.94 0 0))}:is(.itd-button.itd-button-secondary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-secondary[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-secondary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-secondary[aria-expanded=true]) span{color:#000;color:oklch(0 0 0)}.itd-button.itd-button-secondary[aria-disabled=true],.itd-button.itd-button-secondary[disabled]{background-image:linear-gradient(-45deg,#cdcdcd,#a7a7a7);background-image:linear-gradient(-45deg,oklch(.848 0 0),oklch(.728 0 0))}:is(.itd-button.itd-button-secondary[disabled],.itd-button.itd-button-secondary[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-secondary[disabled],.itd-button.itd-button-secondary[aria-disabled=true]) span{color:#000;color:oklch(0 0 0)}.itd-button.itd-button-generic{background-color:var(--itd-button-generic-bg)}.itd-button.itd-button-generic div.icon svg,.itd-button.itd-button-generic span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-generic:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-generic[aria-expanded=true]{background-color:var(--itd-button-generic-hover-bg)}:is(.itd-button.itd-button-generic:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-generic[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-generic:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-generic[aria-expanded=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-generic[aria-disabled=true],.itd-button.itd-button-generic[disabled]{background-color:var(--itd-button-disabled-bg)}:is(.itd-button.itd-button-generic[disabled],.itd-button.itd-button-generic[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-generic[disabled],.itd-button.itd-button-generic[aria-disabled=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-request{background-image:linear-gradient(90deg,#0be881,#02b964 99%);background-image:linear-gradient(90deg,oklch(.8172 .2064 153.6),oklch(.689 .176 153.3) 99%)}.itd-button.itd-button-request div.icon svg,.itd-button.itd-button-request span{color:var(--itd-color-text)}.itd-button.itd-button-request:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-request[aria-expanded=true]{background-image:linear-gradient(90deg,#17e886,#0dd578 99%);background-image:linear-gradient(90deg,oklch(.819 .201 154.5),oklch(.7669 .1915 154) 99%)}:is(.itd-button.itd-button-request:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-request[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-request:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-request[aria-expanded=true]) span{color:var(--itd-color-text)}.itd-button.itd-button-request[aria-disabled=true],.itd-button.itd-button-request[disabled]{background-image:linear-gradient(90deg,#05b663,#028246 97%);background-image:linear-gradient(90deg,oklch(.681 .173 153.4),oklch(.532 .134 153.8) 97%)}:is(.itd-button.itd-button-request[disabled],.itd-button.itd-button-request[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-request[disabled],.itd-button.itd-button-request[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-approve{background-image:linear-gradient(90deg,#ffb143,#d88a1b);background-image:linear-gradient(90deg,oklch(.817 .151 71.7),oklch(.698 .146 68.1))}.itd-button.itd-button-approve div.icon svg,.itd-button.itd-button-approve span{color:var(--itd-color-text)}.itd-button.itd-button-approve:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-approve[aria-expanded=true]{background-image:linear-gradient(90deg,#ffc067,#ffb346);background-image:linear-gradient(90deg,#ffc067,color(display-p3 .95594 .71501 .35909));background-image:linear-gradient(90deg,oklch(.848 .128 74),oklch(.821 .149 72.3))}:is(.itd-button.itd-button-approve:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-approve[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-approve:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-approve[aria-expanded=true]) span{color:var(--itd-color-text)}.itd-button.itd-button-approve[aria-disabled=true],.itd-button.itd-button-approve[disabled]{background-image:linear-gradient(90deg,#c88930,#a86a13 98%);background-image:linear-gradient(90deg,oklch(.678 .127 71.3),oklch(.578 .121 67.9) 98%)}:is(.itd-button.itd-button-approve[disabled],.itd-button.itd-button-approve[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-approve[disabled],.itd-button.itd-button-approve[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-reject{background-image:linear-gradient(90deg,#b33939,#971b1b);background-image:linear-gradient(90deg,oklch(.523 .158 24.4),oklch(.44 .159 26.8))}.itd-button.itd-button-reject div.icon svg,.itd-button.itd-button-reject span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-reject:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-reject[aria-expanded=true]{background-image:linear-gradient(90deg,#dc5050,#c52d2d);background-image:linear-gradient(90deg,oklch(.62 .176 23.8),oklch(.541 .189 26.2))}:is(.itd-button.itd-button-reject:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-reject[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-reject:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-reject[aria-expanded=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-reject[aria-disabled=true],.itd-button.itd-button-reject[disabled]{background-image:linear-gradient(90deg,#872626,#730f10);background-image:linear-gradient(90deg,oklch(.422 .132 24.8),oklch(.359 .133 27.1))}:is(.itd-button.itd-button-reject[disabled],.itd-button.itd-button-reject[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-reject[disabled],.itd-button.itd-button-reject[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-pending{background-color:#1f2952;background-color:oklch(.296 .075 270.9);cursor:default}.itd-button.itd-button-pending div.icon svg,.itd-button.itd-button-pending span{color:#fff9;color:oklch(1 0 0/.6)}.itd-button.itd-button-pending:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-pending[aria-expanded=true]{background-color:#1f2952;background-color:oklch(.296 .075 270.9)}:is(.itd-button.itd-button-pending:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-pending[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-pending:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-pending[aria-expanded=true]) span{color:#fff9;color:oklch(1 0 0/.6)}.itd-button.itd-button-pending[aria-disabled=true],.itd-button.itd-button-pending[disabled]{background-color:#1f2952;background-color:oklch(.296 .075 270.9)}:is(.itd-button.itd-button-pending[disabled],.itd-button.itd-button-pending[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-pending[disabled],.itd-button.itd-button-pending[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-requested{background-color:rgba(31,41,82,.502);background-color:oklch(.296 .075 270.9/.502);cursor:default}.itd-button.itd-button-requested div.icon svg,.itd-button.itd-button-requested span{color:var(--itd-button-disabled-text)}.itd-button.itd-button-requested:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-requested[aria-expanded=true]{background-color:rgba(31,41,82,.502);background-color:oklch(.296 .075 270.9/.502)}:is(.itd-button.itd-button-requested:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-requested[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-requested:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-requested[aria-expanded=true]) span{color:var(--itd-button-disabled-text)}.itd-button.itd-button-requested[aria-disabled=true],.itd-button.itd-button-requested[disabled]{background-color:rgba(31,41,82,.502);background-color:oklch(.296 .075 270.9/.502)}:is(.itd-button.itd-button-requested[disabled],.itd-button.itd-button-requested[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-requested[disabled],.itd-button.itd-button-requested[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button[aria-disabled=true],.itd-button[disabled]{cursor:not-allowed;pointer-events:none}.itd-button[aria-disabled=true]:not(.itd-button-custom),.itd-button[disabled]:not(.itd-button-custom){border:1px solid var(--itd-color-disabled-border)}.itd-button.itd-button-loading{cursor:progress}.itd-button.itd-button-loading>:not(.itd-spin-spinner){opacity:0}.itd-button:active:not([disabled]){transform:translateY(1px)}.itd-button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}}
5
+ }.itd-button :is(span,svg){transition-property:color;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-button svg{flex-shrink:0;pointer-events:none}.itd-button svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-df-icon);height:var(--itd-size-df-icon)}.itd-button .itd-button-content{display:inline-flex;align-items:center;gap:inherit}.itd-button.itd-button-xs svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-xs-icon);height:var(--itd-size-xs-icon)}.itd-button.itd-button-sm svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-sm-icon);height:var(--itd-size-sm-icon)}:is(.itd-button.itd-button-md,.itd-button.itd-button-icon-sm,.itd-button.itd-button-icon) svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-md-icon);height:var(--itd-size-md-icon)}:is(.itd-button.itd-button-lg,.itd-button.itd-button-icon-lg) svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-lg-icon);height:var(--itd-size-lg-icon)}.itd-button.itd-button-xlg svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-xlg-icon);height:var(--itd-size-xlg-icon)}.itd-button.itd-button-icon-square{aspect-ratio:1;padding-inline:0}.itd-button.itd-button-default{box-shadow:var(--itd-box-shadow);background-color:var(--itd-primary);border:1px solid #0000}.itd-button.itd-button-default,.itd-button.itd-button-default svg{color:var(--itd-primary-foreground)}.itd-button.itd-button-default.active,.itd-button.itd-button-default:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-default[aria-expanded=true]{background-color:var(--itd-primary-hover)}.itd-button.itd-button-default[aria-disabled=true],.itd-button.itd-button-default[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-default[disabled],.itd-button.itd-button-default[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-ghost{background-color:initial;border:1px solid #0000}.itd-button.itd-button-ghost div.icon svg,.itd-button.itd-button-ghost span{color:var(--itd-color-text)}.itd-button.itd-button-ghost.active,.itd-button.itd-button-ghost:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-ghost[aria-expanded=true]{background-color:var(--itd-color-button-ghost-hover-bg);color:var(--itd-color-button-ghost-hover-text,var(--itd-accent-foreground))}:is(.itd-button.itd-button-ghost:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-ghost.active,.itd-button.itd-button-ghost[aria-expanded=true]) :is(span,svg){color:var(--itd-color-button-ghost-hover-text,var(--itd-accent-foreground))}.itd-button.itd-button-ghost[aria-disabled=true],.itd-button.itd-button-ghost[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-ghost[disabled],.itd-button.itd-button-ghost[aria-disabled=true]) :is(span,svg){color:var(--itd-color-disabled-text)}.itd-button.itd-button-solid{background-color:var(--itd-color-background-alt-hover);border:1px solid #0000;box-shadow:none}.itd-button.itd-button-solid,.itd-button.itd-button-solid svg{color:var(--itd-secondary-foreground)}.itd-button.itd-button-solid.active,.itd-button.itd-button-solid:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-solid[aria-expanded=true]{background-color:var(--itd-secondary-hover);color:var(--itd-primary)}:is(.itd-button.itd-button-solid:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-solid.active,.itd-button.itd-button-solid[aria-expanded=true]) svg{color:var(--itd-primary)}.itd-button.itd-button-solid[aria-disabled=true],.itd-button.itd-button-solid[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-solid[disabled],.itd-button.itd-button-solid[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-filled{background-color:var(--itd-color-button-filled-bg);border:1px solid #0000;color:var(--itd-primary)}.itd-button.itd-button-filled svg{color:var(--itd-primary)}.itd-button.itd-button-filled.active,.itd-button.itd-button-filled:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-filled[aria-expanded=true]{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}:is(.itd-button.itd-button-filled:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-filled.active,.itd-button.itd-button-filled[aria-expanded=true]) svg{color:var(--itd-primary-foreground)}.itd-button.itd-button-filled[aria-disabled=true],.itd-button.itd-button-filled[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-filled[disabled],.itd-button.itd-button-filled[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive{--_c:var(--itd-button-soft-color, var(--itd-primary));background-color:color-mix(in srgb,var(--_c) 12%,#0000);border:1px solid #0000;box-shadow:none;color:var(--_c)}:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive) svg{color:var(--_c)}.active:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive):hover:where(:root:not(.itd-touch) *),[aria-expanded=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive){background-color:color-mix(in srgb,var(--_c) 18%,#0000);color:var(--_c)}:is(:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive):hover:where(:root:not(.itd-touch) *),.active:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),[aria-expanded=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive)) svg{color:var(--_c)}[aria-disabled=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),[disabled]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive){background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is([disabled]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),[aria-disabled=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive)) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-soft-destructive{--itd-button-soft-color:var(--itd-color-error)}.itd-button.itd-button-outline{box-shadow:var(--itd-box-shadow);border:1px solid var(--itd-color-border);background-color:var(--itd-color-button-outline-bg);color:var(--itd-color-text)}.itd-button.itd-button-outline svg{color:var(--itd-color-text)}.itd-button.itd-button-outline.active,.itd-button.itd-button-outline:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-outline[aria-expanded=true]{background-color:var(--itd-color-button-outline-hover-bg);border-color:var(--itd-color-button-outline-hover-border,var(--itd-color-border));color:var(--itd-color-button-outline-hover-text,var(--itd-color-text))}:is(.itd-button.itd-button-outline:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-outline.active,.itd-button.itd-button-outline[aria-expanded=true]) svg{color:var(--itd-color-button-outline-hover-text,var(--itd-color-text))}.itd-button.itd-button-outline[aria-disabled=true],.itd-button.itd-button-outline[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-outline[disabled],.itd-button.itd-button-outline[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-outline-accent{--_c:var(
6
+ --itd-button-outline-accent-color,
7
+ var(--itd-color-button-outline-accent, var(--itd-primary))
8
+ );box-shadow:var(--itd-box-shadow);border:1px solid color-mix(in srgb,var(--_c) 50%,#0000);background-color:var(--itd-color-button-outline-bg);color:var(--_c)}.itd-button.itd-button-outline-accent svg{color:var(--_c)}.itd-button.itd-button-outline-accent.active,.itd-button.itd-button-outline-accent:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-outline-accent[aria-expanded=true]{--_c:var(
9
+ --itd-button-outline-accent-color,
10
+ var(--itd-color-button-outline-accent-hover, var(--itd-primary-hover))
11
+ );border-color:var(--_c);background-color:color-mix(in srgb,var(--_c) 8%,var(--itd-color-button-outline-bg))}.itd-button.itd-button-outline-accent[aria-disabled=true],.itd-button.itd-button-outline-accent[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-outline-accent[disabled],.itd-button.itd-button-outline-accent[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-link{background-color:initial;border:1px solid #0000;color:var(--itd-color-text)}.itd-button.itd-button-link svg{color:var(--itd-color-text)}.itd-button.itd-button-link.active,.itd-button.itd-button-link:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-link[aria-expanded=true]{color:var(--itd-primary)}:is(.itd-button.itd-button-link:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-link.active,.itd-button.itd-button-link[aria-expanded=true]):not(.itd-button-has-icon){text-decoration-line:underline;text-underline-offset:4px}:is(.itd-button.itd-button-link:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-link.active,.itd-button.itd-button-link[aria-expanded=true]) svg{color:var(--itd-primary)}.itd-button.itd-button-link[aria-disabled=true],.itd-button.itd-button-link[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-link[disabled],.itd-button.itd-button-link[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-primary{background-image:linear-gradient(-45deg,var(--itd-primary-gradient-start),var(--itd-primary-gradient-end))}.itd-button.itd-button-primary div.icon svg,.itd-button.itd-button-primary span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-primary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-primary[aria-expanded=true]{background-image:linear-gradient(-45deg,var(--itd-primary-hover-start),var(--itd-primary-hover-end))}:is(.itd-button.itd-button-primary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-primary[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-primary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-primary[aria-expanded=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-primary[aria-disabled=true],.itd-button.itd-button-primary[disabled]{background-image:linear-gradient(-45deg,#477db4,#215283);background-image:linear-gradient(-45deg,oklch(.577 .103 250.4),oklch(.431 .097 251.1))}:is(.itd-button.itd-button-primary[disabled],.itd-button.itd-button-primary[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-primary[disabled],.itd-button.itd-button-primary[aria-disabled=true]) span{color:var(--itd-button-disabled-text)}.itd-button.itd-button-secondary{background-image:linear-gradient(-45deg,#ebebeb,#fff);background-image:linear-gradient(-45deg,oklch(.94 0 0),oklch(1 0 0))}.itd-button.itd-button-secondary div.icon svg,.itd-button.itd-button-secondary span{color:#000;color:oklch(0 0 0)}.itd-button.itd-button-secondary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-secondary[aria-expanded=true]{background-image:linear-gradient(-45deg,#cdcdcd,#ebebeb);background-image:linear-gradient(-45deg,oklch(.848 0 0),oklch(.94 0 0))}:is(.itd-button.itd-button-secondary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-secondary[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-secondary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-secondary[aria-expanded=true]) span{color:#000;color:oklch(0 0 0)}.itd-button.itd-button-secondary[aria-disabled=true],.itd-button.itd-button-secondary[disabled]{background-image:linear-gradient(-45deg,#cdcdcd,#a7a7a7);background-image:linear-gradient(-45deg,oklch(.848 0 0),oklch(.728 0 0))}:is(.itd-button.itd-button-secondary[disabled],.itd-button.itd-button-secondary[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-secondary[disabled],.itd-button.itd-button-secondary[aria-disabled=true]) span{color:#000;color:oklch(0 0 0)}.itd-button.itd-button-generic{background-color:var(--itd-button-generic-bg)}.itd-button.itd-button-generic div.icon svg,.itd-button.itd-button-generic span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-generic:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-generic[aria-expanded=true]{background-color:var(--itd-button-generic-hover-bg)}:is(.itd-button.itd-button-generic:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-generic[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-generic:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-generic[aria-expanded=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-generic[aria-disabled=true],.itd-button.itd-button-generic[disabled]{background-color:var(--itd-button-disabled-bg)}:is(.itd-button.itd-button-generic[disabled],.itd-button.itd-button-generic[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-generic[disabled],.itd-button.itd-button-generic[aria-disabled=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-request{background-image:linear-gradient(90deg,#0be881,#02b964 99%);background-image:linear-gradient(90deg,oklch(.8172 .2064 153.6),oklch(.689 .176 153.3) 99%)}.itd-button.itd-button-request div.icon svg,.itd-button.itd-button-request span{color:var(--itd-color-text)}.itd-button.itd-button-request:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-request[aria-expanded=true]{background-image:linear-gradient(90deg,#17e886,#0dd578 99%);background-image:linear-gradient(90deg,oklch(.819 .201 154.5),oklch(.7669 .1915 154) 99%)}:is(.itd-button.itd-button-request:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-request[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-request:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-request[aria-expanded=true]) span{color:var(--itd-color-text)}.itd-button.itd-button-request[aria-disabled=true],.itd-button.itd-button-request[disabled]{background-image:linear-gradient(90deg,#05b663,#028246 97%);background-image:linear-gradient(90deg,oklch(.681 .173 153.4),oklch(.532 .134 153.8) 97%)}:is(.itd-button.itd-button-request[disabled],.itd-button.itd-button-request[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-request[disabled],.itd-button.itd-button-request[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-approve{background-image:linear-gradient(90deg,#ffb143,#d88a1b);background-image:linear-gradient(90deg,oklch(.817 .151 71.7),oklch(.698 .146 68.1))}.itd-button.itd-button-approve div.icon svg,.itd-button.itd-button-approve span{color:var(--itd-color-text)}.itd-button.itd-button-approve:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-approve[aria-expanded=true]{background-image:linear-gradient(90deg,#ffc067,#ffb346);background-image:linear-gradient(90deg,#ffc067,color(display-p3 .95594 .71501 .35909));background-image:linear-gradient(90deg,oklch(.848 .128 74),oklch(.821 .149 72.3))}:is(.itd-button.itd-button-approve:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-approve[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-approve:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-approve[aria-expanded=true]) span{color:var(--itd-color-text)}.itd-button.itd-button-approve[aria-disabled=true],.itd-button.itd-button-approve[disabled]{background-image:linear-gradient(90deg,#c88930,#a86a13 98%);background-image:linear-gradient(90deg,oklch(.678 .127 71.3),oklch(.578 .121 67.9) 98%)}:is(.itd-button.itd-button-approve[disabled],.itd-button.itd-button-approve[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-approve[disabled],.itd-button.itd-button-approve[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-reject{background-image:linear-gradient(90deg,#b33939,#971b1b);background-image:linear-gradient(90deg,oklch(.523 .158 24.4),oklch(.44 .159 26.8))}.itd-button.itd-button-reject div.icon svg,.itd-button.itd-button-reject span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-reject:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-reject[aria-expanded=true]{background-image:linear-gradient(90deg,#dc5050,#c52d2d);background-image:linear-gradient(90deg,oklch(.62 .176 23.8),oklch(.541 .189 26.2))}:is(.itd-button.itd-button-reject:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-reject[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-reject:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-reject[aria-expanded=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-reject[aria-disabled=true],.itd-button.itd-button-reject[disabled]{background-image:linear-gradient(90deg,#872626,#730f10);background-image:linear-gradient(90deg,oklch(.422 .132 24.8),oklch(.359 .133 27.1))}:is(.itd-button.itd-button-reject[disabled],.itd-button.itd-button-reject[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-reject[disabled],.itd-button.itd-button-reject[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-pending{cursor:default;background-color:#1f2952;background-color:oklch(.296 .075 270.9)}.itd-button.itd-button-pending div.icon svg,.itd-button.itd-button-pending span{color:#fff9;color:oklch(1 0 0/.6)}.itd-button.itd-button-pending:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-pending[aria-expanded=true]{background-color:#1f2952;background-color:oklch(.296 .075 270.9)}:is(.itd-button.itd-button-pending:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-pending[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-pending:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-pending[aria-expanded=true]) span{color:#fff9;color:oklch(1 0 0/.6)}.itd-button.itd-button-pending[aria-disabled=true],.itd-button.itd-button-pending[disabled]{background-color:#1f2952;background-color:oklch(.296 .075 270.9)}:is(.itd-button.itd-button-pending[disabled],.itd-button.itd-button-pending[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-pending[disabled],.itd-button.itd-button-pending[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-requested{cursor:default;background-color:#1f295280;background-color:oklch(.296 .075 270.9/.502)}.itd-button.itd-button-requested div.icon svg,.itd-button.itd-button-requested span{color:var(--itd-button-disabled-text)}.itd-button.itd-button-requested:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-requested[aria-expanded=true]{background-color:#1f295280;background-color:oklch(.296 .075 270.9/.502)}:is(.itd-button.itd-button-requested:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-requested[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-requested:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-requested[aria-expanded=true]) span{color:var(--itd-button-disabled-text)}.itd-button.itd-button-requested[aria-disabled=true],.itd-button.itd-button-requested[disabled]{background-color:#1f295280;background-color:oklch(.296 .075 270.9/.502)}:is(.itd-button.itd-button-requested[disabled],.itd-button.itd-button-requested[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-requested[disabled],.itd-button.itd-button-requested[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button[aria-disabled=true],.itd-button[disabled]{pointer-events:none;cursor:not-allowed}.itd-button[aria-disabled=true]:not(.itd-button-custom),.itd-button[disabled]:not(.itd-button-custom){border:1px solid var(--itd-color-disabled-border)}.itd-button.itd-button-loading{cursor:progress}.itd-button.itd-button-loading>:not(.itd-spin-spinner){opacity:0}.itd-button:active:not([disabled]){transform:translateY(1px)}.itd-button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}}
package/dist/css/calendar.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-calendar:not(.itd-calendar-range){background-color:var(--itd-color-background-select);border-radius:var(--itd-radius-sm);padding:.25rem .875rem .875rem;width:17.5rem}.itd-calendar:not(.itd-calendar-range)[data-has-time]{width:auto}.itd-calendar-body{align-items:flex-start;display:flex}.itd-calendar-main{flex:0 0 auto;width:15.75rem}.itd-calendar-footer,.itd-calendar-range-footer{align-items:center;border-top:1px solid var(--itd-color-border);display:flex;gap:calc(var(--itd-spacing)*2);justify-content:flex-end;margin-top:calc(var(--itd-spacing)*2.5);padding-top:calc(var(--itd-spacing)*2.5)}.itd-calendar-footer .itd-calendar-now{margin-right:auto}.itd-calendar-separator{background-color:var(--itd-color-border);height:1px;margin:.25rem 0;width:100%}.itd-calendar-header{align-items:center;display:flex;height:2.5rem}.itd-calendar-middle{align-items:center;display:flex;flex:auto;flex-direction:row;justify-content:center}.itd-calendar-middle div{border-radius:var(--itd-radius-sm);color:var(--itd-color-text);cursor:pointer;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);padding:.125rem .375rem;transition:color .15s ease-out}.itd-calendar-middle div:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary)}.itd-calendar-middle div:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-next-month,.itd-calendar-next-year,.itd-calendar-prev-month,.itd-calendar-prev-year{align-items:center;border-radius:var(--itd-radius-sm);color:var(--itd-color-text-muted);cursor:pointer;display:flex;flex:none;height:1.75rem;justify-content:center;transition:color .15s ease-out;width:1.75rem}.itd-calendar-next-month:hover:where(:root:not(.itd-touch) *),.itd-calendar-next-year:hover:where(:root:not(.itd-touch) *),.itd-calendar-prev-month:hover:where(:root:not(.itd-touch) *),.itd-calendar-prev-year:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-calendar-next-month:focus-visible,.itd-calendar-next-year:focus-visible,.itd-calendar-prev-month:focus-visible,.itd-calendar-prev-year:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-next-month span,.itd-calendar-next-year span,.itd-calendar-prev-month span,.itd-calendar-prev-year span{display:inline-block;height:.4375rem;position:relative;width:.4375rem}.itd-calendar-prev-month span,.itd-calendar-prev-year span{transform:rotate(-45deg)}.itd-calendar-next-month span,.itd-calendar-next-year span{transform:rotate(135deg)}.itd-calendar-next-month span:after,.itd-calendar-next-month span:before,.itd-calendar-next-year span:after,.itd-calendar-next-year span:before,.itd-calendar-prev-month span:after,.itd-calendar-prev-month span:before,.itd-calendar-prev-year span:after,.itd-calendar-prev-year span:before{border:0 solid;border-width:.125rem 0 0 .125rem;content:"";display:inline-block;height:.4375rem;left:0;position:absolute;top:0;width:.4375rem}.itd-calendar-next-year span:after,.itd-calendar-prev-year span:after{left:.25rem;top:.25rem}.itd-calendar-weekdays{grid-gap:0;display:grid;font-size:var(--itd-text-13);grid-template-columns:repeat(7,1fr);line-height:1.875rem;text-align:center}.itd-calendar-weekdays>div{align-items:center;display:flex;justify-content:center}.itd-calendar-weekdays>div span{color:var(--itd-color-text);font-weight:var(--itd-font-weight-bold)}.itd-calendar-days{grid-gap:.25rem 0;display:grid;grid-template-columns:repeat(7,1fr)}.itd-calendar-day{align-items:center;appearance:none;-webkit-appearance:none;background:#0000;border:0;border-radius:var(--itd-radius-sm);cursor:pointer;display:flex;font:inherit;justify-content:center;margin:0;padding:0;position:relative;width:100%}.itd-calendar-day:before{content:"";height:1.875rem;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background-color .15s ease-out}@media (prefers-reduced-motion:reduce){.itd-calendar-day:before{transition:none}}.itd-calendar-day span{align-items:center;border-radius:calc(infinity*1px);display:flex;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);height:1.875rem;justify-content:center;letter-spacing:-.5;line-height:1.875rem;min-width:1.875rem;position:relative;transition:background-color .15s ease-out}.itd-calendar-day:hover:where(:root:not(.itd-touch) *){z-index:2}.itd-calendar-day:hover:where(:root:not(.itd-touch) *) span{background-color:var(--itd-color-background-select-item-hover);color:var(--itd-primary)}.itd-calendar-day:focus-visible{outline:none;z-index:3}.itd-calendar-day:focus-visible span{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-day-range-end,.itd-calendar-day-range-start,.itd-calendar-day-selected,.itd-calendar-day-today{z-index:2}.itd-calendar-day-today span{border:1px solid var(--itd-primary)}.itd-calendar-day-selected span{background-color:var(--itd-color-background-select-item-selected);color:var(--itd-primary)}.itd-calendar-day-current span{color:var(--itd-color-text)}.itd-calendar-day:where(:not(.itd-calendar-day-current)) span{color:var(--itd-color-text-muted)}.itd-calendar-day-in-range:before{background-color:var(--itd-color-background-select-item-selected)}.itd-calendar-day-in-range span{color:var(--itd-color-text)}.itd-calendar-day-range-start:where(:not(.itd-calendar-day-range-end)):before{background-color:var(--itd-color-background-select-item-selected);left:50%;right:0}.itd-calendar-day-range-end:where(:not(.itd-calendar-day-range-start)):before{background-color:var(--itd-color-background-select-item-selected);left:0;right:50%}.itd-calendar-day-range-end span,.itd-calendar-day-range-start span{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-calendar-day-range-end:hover:where(:root:not(.itd-touch) *) span,.itd-calendar-day-range-start:hover:where(:root:not(.itd-touch) *) span{background-color:var(--itd-primary-hover);color:var(--itd-primary-foreground)}.itd-calendar-day-disabled{pointer-events:none}.itd-calendar-day-disabled:before{background-color:var(--itd-color-disabled-bg)}.itd-calendar-day-disabled span{background:0 0;color:var(--itd-color-disabled-text)}.itd-calendar-months{grid-gap:.5rem;display:grid;grid-template-columns:repeat(3,1fr)}.itd-calendar-years{grid-gap:.5rem;display:grid;grid-template-columns:repeat(4,1fr)}.itd-calendar-months .itd-calendar-month,.itd-calendar-years .itd-calendar-year{background:#0000;border:0;border-radius:var(--itd-radius-sm);color:var(--itd-color-text);cursor:pointer;font-size:var(--itd-text-sm);height:2.25rem}.itd-calendar-months .itd-calendar-month:focus-visible,.itd-calendar-years .itd-calendar-year:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-months .itd-calendar-month-selected,.itd-calendar-years .itd-calendar-year-selected{background-color:var(--itd-color-background-select-item-selected);color:var(--itd-primary)}.itd-calendar-years .itd-calendar-year-outside{color:var(--itd-color-text-muted)}.itd-calendar-time{align-self:stretch;border-left:1px solid var(--itd-color-border);display:flex;gap:calc(var(--itd-spacing)*.5);margin-left:calc(var(--itd-spacing)*2);padding-left:calc(var(--itd-spacing)*2)}.itd-calendar-time-column{display:flex;flex-direction:column;max-height:14.125rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--itd-scrollbar-thumb) #0000;scrollbar-width:thin;width:calc(var(--itd-spacing)*12)}.itd-calendar-time-column[data-fill]{max-height:16.875rem}.itd-calendar-time-column::-webkit-scrollbar{width:.375rem}.itd-calendar-time-column::-webkit-scrollbar-thumb{background:var(--itd-scrollbar-thumb);border-radius:calc(var(--itd-border-radius)*.8)}.itd-calendar-time-cell{appearance:none;-webkit-appearance:none;background:#0000;border:0;border-radius:var(--itd-radius-sm);color:var(--itd-color-text-muted);cursor:pointer;flex:0 0 auto;font:inherit;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);height:1.875rem;line-height:1.875rem;margin:1px 0;text-align:center;transition:background-color .15s ease-out}.itd-calendar-time-cell:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-select-item-hover);color:var(--itd-primary)}.itd-calendar-time-cell:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:-.125rem}.itd-calendar-time-cell-selected{background-color:var(--itd-color-background-select-item-selected);color:var(--itd-primary);font-weight:var(--itd-font-weight-semibold)}.itd-calendar-range{align-items:stretch;background-color:var(--itd-color-background-select);border-radius:var(--itd-radius-sm);display:flex;overflow:hidden}.itd-calendar-range-presets{border-right:1px solid var(--itd-color-border);display:flex;flex:0 0 auto;flex-direction:column;gap:calc(var(--itd-spacing)*.5);max-height:calc(var(--itd-spacing)*90);max-width:calc(var(--itd-spacing)*44);min-width:calc(var(--itd-spacing)*30);overflow-y:auto;padding:calc(var(--itd-spacing)*2)}.itd-calendar-range-preset{appearance:none;background:#0000;border:0;border-radius:var(--itd-radius-sm);color:var(--itd-color-text);cursor:pointer;font-size:var(--itd-text-sm);padding:calc(var(--itd-spacing)*1.5) calc(var(--itd-spacing)*2.5);text-align:left;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.itd-calendar-range-preset:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-select-item-hover);color:var(--itd-primary)}.itd-calendar-range-preset:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:-.125rem}.itd-calendar-range-preset:where([data-active]){background-color:var(--itd-color-background-select-item-selected);color:var(--itd-primary)}.itd-calendar-range-calendars{padding:.25rem .875rem .875rem}.itd-calendar-range-panels{align-items:flex-start;display:flex;gap:calc(var(--itd-spacing)*6)}.itd-calendar-range-panel{flex:0 0 auto;width:15.75rem}.itd-calendar-range-picker-panel{width:15.75rem}.itd-calendar-range-picker-panel[data-dual]{width:calc(31.5rem + var(--itd-spacing)*6)}.itd-calendar[data-compact] .itd-calendar-middle-decade,.itd-calendar[data-compact] .itd-calendar-middle-month,.itd-calendar[data-compact] .itd-calendar-middle-year{font-size:var(--itd-text-xs)}.itd-calendar[data-compact] .itd-calendar-weekdays{font-size:calc(var(--itd-text-xs) - .0625rem);line-height:1.5rem}.itd-calendar[data-compact] .itd-calendar-weekdays>div{height:1.5rem}.itd-calendar[data-compact] .itd-calendar-days{grid-gap:.125rem 0}.itd-calendar[data-compact] .itd-calendar-day:before{height:1.5rem}.itd-calendar[data-compact] .itd-calendar-day span{font-size:calc(var(--itd-text-xs) - .0625rem);height:1.5rem;line-height:1.5rem;min-width:1.5rem}.itd-calendar[data-compact] .itd-calendar-months,.itd-calendar[data-compact] .itd-calendar-years{grid-gap:.375rem}.itd-calendar[data-compact] .itd-calendar-month,.itd-calendar[data-compact] .itd-calendar-year{font-size:var(--itd-text-xs);height:1.875rem}.itd-calendar[data-compact]:not(.itd-calendar-range){padding:.25rem .625rem .625rem;width:14.5rem}.itd-calendar[data-compact] .itd-calendar-main{width:12.25rem}[data-compact] .itd-calendar-time-column{max-height:13.625rem}[data-compact] .itd-calendar-time-cell{font-size:calc(var(--itd-text-xs) - .0625rem);height:1.5rem;line-height:1.5rem}[data-compact] .itd-calendar-range-presets{padding:calc(var(--itd-spacing)*1.25)}[data-compact] .itd-calendar-range-preset{font-size:var(--itd-text-13);padding:calc(var(--itd-spacing)*1.25) calc(var(--itd-spacing)*2)}[data-compact] .itd-calendar-range-calendars{padding:.125rem .625rem .625rem}[data-compact] .itd-calendar-range-panels{gap:calc(var(--itd-spacing)*4)}[data-compact] .itd-calendar-range-panel,[data-compact] .itd-calendar-range-picker-panel{width:12.25rem}[data-compact] .itd-calendar-range-picker-panel[data-dual]{width:calc(24.5rem + var(--itd-spacing)*4)}[data-compact] .itd-calendar-range-footer{margin-top:calc(var(--itd-spacing)*1.5);padding-top:calc(var(--itd-spacing)*1.5)}}
1
+ @layer components{.itd-calendar:not(.itd-calendar-range){width:17.5rem;border-radius:var(--itd-radius-sm);background-color:var(--itd-color-background-select);padding:.25rem .875rem .875rem}.itd-calendar:not(.itd-calendar-range)[data-has-time]{width:auto}.itd-calendar-body{display:flex;align-items:flex-start}.itd-calendar-main{width:15.75rem;flex:0 0 auto}.itd-calendar-footer,.itd-calendar-range-footer{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--itd-spacing) * 2);margin-top:calc(var(--itd-spacing) * 2.5);padding-top:calc(var(--itd-spacing) * 2.5);border-top:1px solid var(--itd-color-border)}.itd-calendar-footer .itd-calendar-now{margin-right:auto}.itd-calendar-separator{width:100%;height:1px;margin:.25rem 0;background-color:var(--itd-color-border)}.itd-calendar-header{display:flex;align-items:center;height:2.5rem}.itd-calendar-middle{flex:auto;display:flex;flex-direction:row;justify-content:center;align-items:center}.itd-calendar-middle div{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);cursor:pointer;padding:.125rem .375rem;border-radius:var(--itd-radius-sm);transition:color .15s ease-out;color:var(--itd-color-text)}.itd-calendar-middle div:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary)}.itd-calendar-middle div:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-next-month,.itd-calendar-next-year,.itd-calendar-prev-month,.itd-calendar-prev-year{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none;width:1.75rem;height:1.75rem;border-radius:var(--itd-radius-sm);transition:color .15s ease-out;color:var(--itd-color-text-muted)}.itd-calendar-next-month:hover:where(:root:not(.itd-touch) *),.itd-calendar-next-year:hover:where(:root:not(.itd-touch) *),.itd-calendar-prev-month:hover:where(:root:not(.itd-touch) *),.itd-calendar-prev-year:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-calendar-next-month:focus-visible,.itd-calendar-next-year:focus-visible,.itd-calendar-prev-month:focus-visible,.itd-calendar-prev-year:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}:is(.itd-calendar-next-month,.itd-calendar-next-year,.itd-calendar-prev-month,.itd-calendar-prev-year) span{position:relative;display:inline-block;width:.4375rem;height:.4375rem}.itd-calendar-prev-month span,.itd-calendar-prev-year span{transform:rotate(-45deg)}.itd-calendar-next-month span,.itd-calendar-next-year span{transform:rotate(135deg)}.itd-calendar-next-month span:after,.itd-calendar-next-month span:before,.itd-calendar-next-year span:after,.itd-calendar-next-year span:before,.itd-calendar-prev-month span:after,.itd-calendar-prev-month span:before,.itd-calendar-prev-year span:after,.itd-calendar-prev-year span:before{position:absolute;top:0;left:0;display:inline-block;width:.4375rem;height:.4375rem;border:0 solid;border-width:.125rem 0 0 .125rem;content:""}:is(.itd-calendar-next-year,.itd-calendar-prev-year) span:after{top:.25rem;left:.25rem}.itd-calendar-weekdays{display:grid;grid-gap:0;grid-template-columns:repeat(7,1fr);font-size:var(--itd-text-13);line-height:1.875rem;text-align:center}.itd-calendar-weekdays>div{display:flex;justify-content:center;align-items:center}.itd-calendar-weekdays>div span{color:var(--itd-color-text);font-weight:var(--itd-font-weight-bold)}.itd-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.25rem 0}.itd-calendar-day{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;width:100%;font:inherit;background:#0000;position:relative;cursor:pointer;border-radius:var(--itd-radius-sm);display:flex;justify-content:center;align-items:center}.itd-calendar-day:before{position:absolute;top:50%;right:0;left:0;height:1.875rem;transform:translateY(-50%);content:"";transition:background-color .15s ease-out}@media (prefers-reduced-motion:reduce){.itd-calendar-day:before{transition:none}}.itd-calendar-day span{font-size:var(--itd-text-13);letter-spacing:-.5;font-weight:var(--itd-font-weight-medium);display:flex;justify-content:center;align-items:center;position:relative;min-width:1.875rem;height:1.875rem;line-height:1.875rem;border-radius:calc(infinity * 1px);transition:background-color .15s ease-out}.itd-calendar-day:hover:where(:root:not(.itd-touch) *){z-index:2}.itd-calendar-day:hover:where(:root:not(.itd-touch) *) span{color:var(--itd-primary);background-color:var(--itd-color-background-select-item-hover)}.itd-calendar-day:focus-visible{outline:none;z-index:3}.itd-calendar-day:focus-visible span{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-day-range-end,.itd-calendar-day-range-start,.itd-calendar-day-selected,.itd-calendar-day-today{z-index:2}.itd-calendar-day-today span{border:1px solid var(--itd-primary)}.itd-calendar-day-selected span{color:var(--itd-primary);background-color:var(--itd-color-background-select-item-selected)}.itd-calendar-day-current span{color:var(--itd-color-text)}.itd-calendar-day:where(:not(.itd-calendar-day-current)) span{color:var(--itd-color-text-muted)}.itd-calendar-day-in-range:before{background-color:var(--itd-color-background-select-item-selected)}.itd-calendar-day-in-range span{color:var(--itd-color-text)}.itd-calendar-day-range-start:where(:not(.itd-calendar-day-range-end)):before{left:50%;right:0;background-color:var(--itd-color-background-select-item-selected)}.itd-calendar-day-range-end:where(:not(.itd-calendar-day-range-start)):before{left:0;right:50%;background-color:var(--itd-color-background-select-item-selected)}.itd-calendar-day-range-end span,.itd-calendar-day-range-start span{color:var(--itd-primary-foreground);background-color:var(--itd-primary)}.itd-calendar-day-range-end:hover:where(:root:not(.itd-touch) *) span,.itd-calendar-day-range-start:hover:where(:root:not(.itd-touch) *) span{color:var(--itd-primary-foreground);background-color:var(--itd-primary-hover)}.itd-calendar-day-disabled{pointer-events:none}.itd-calendar-day-disabled:before{background-color:var(--itd-color-disabled-bg)}.itd-calendar-day-disabled span{background:0 0;color:var(--itd-color-disabled-text)}.itd-calendar-months{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem}.itd-calendar-years{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem}.itd-calendar-months .itd-calendar-month,.itd-calendar-years .itd-calendar-year{background:#0000;border:0;color:var(--itd-color-text);height:2.25rem;border-radius:var(--itd-radius-sm);cursor:pointer;font-size:var(--itd-text-sm)}.itd-calendar-months .itd-calendar-month:focus-visible,.itd-calendar-years .itd-calendar-year:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-months .itd-calendar-month-selected,.itd-calendar-years .itd-calendar-year-selected{background-color:var(--itd-color-background-select-item-selected);color:var(--itd-primary)}.itd-calendar-years .itd-calendar-year-outside{color:var(--itd-color-text-muted)}.itd-calendar-time{display:flex;align-self:stretch;margin-left:calc(var(--itd-spacing) * 2);padding-left:calc(var(--itd-spacing) * 2);border-left:1px solid var(--itd-color-border);gap:calc(var(--itd-spacing) * .5)}.itd-calendar-time-column{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;max-height:14.125rem;width:calc(var(--itd-spacing) * 12);scrollbar-width:thin;scrollbar-color:var(--itd-scrollbar-thumb) #0000}.itd-calendar-time-column[data-fill]{max-height:16.875rem}.itd-calendar-time-column::-webkit-scrollbar{width:.375rem}.itd-calendar-time-column::-webkit-scrollbar-thumb{background:var(--itd-scrollbar-thumb);border-radius:calc(var(--itd-border-radius) * .8)}.itd-calendar-time-cell{appearance:none;-webkit-appearance:none;border:0;margin:1px 0;flex:0 0 auto;font:inherit;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);background:#0000;color:var(--itd-color-text-muted);height:1.875rem;line-height:1.875rem;border-radius:var(--itd-radius-sm);text-align:center;cursor:pointer;transition:background-color .15s ease-out}.itd-calendar-time-cell:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary);background-color:var(--itd-color-background-select-item-hover)}.itd-calendar-time-cell:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:-.125rem}.itd-calendar-time-cell-selected{color:var(--itd-primary);background-color:var(--itd-color-background-select-item-selected);font-weight:var(--itd-font-weight-semibold)}.itd-calendar-range{display:flex;align-items:stretch;background-color:var(--itd-color-background-select);border-radius:var(--itd-radius-sm);overflow:hidden}.itd-calendar-range-presets{flex:0 0 auto;min-width:calc(var(--itd-spacing) * 30);max-width:calc(var(--itd-spacing) * 44);padding:calc(var(--itd-spacing) * 2);border-right:1px solid var(--itd-color-border);display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * .5);overflow-y:auto;max-height:calc(var(--itd-spacing) * 90)}.itd-calendar-range-preset{appearance:none;border:0;background:#0000;text-align:left;cursor:pointer;padding:calc(var(--itd-spacing) * 1.5) calc(var(--itd-spacing) * 2.5);border-radius:var(--itd-radius-sm);font-size:var(--itd-text-sm);color:var(--itd-color-text);white-space:nowrap;transition:background-color .15s ease,color .15s ease}.itd-calendar-range-preset:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-select-item-hover);color:var(--itd-primary)}.itd-calendar-range-preset:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:-.125rem}.itd-calendar-range-preset:where([data-active]){background-color:var(--itd-color-background-select-item-selected);color:var(--itd-primary)}.itd-calendar-range-calendars{padding:.25rem .875rem .875rem}.itd-calendar-range-panels{display:flex;align-items:flex-start;gap:calc(var(--itd-spacing) * 6)}.itd-calendar-range-panel{width:15.75rem;flex:0 0 auto}.itd-calendar-range-picker-panel{width:15.75rem}.itd-calendar-range-picker-panel[data-dual]{width:calc(15.75rem * 2 + var(--itd-spacing) * 6)}.itd-calendar[data-compact] :is(.itd-calendar-middle-decade,.itd-calendar-middle-month,.itd-calendar-middle-year){font-size:var(--itd-text-xs)}.itd-calendar[data-compact] .itd-calendar-weekdays{font-size:calc(var(--itd-text-xs) - .0625rem);line-height:1.5rem}.itd-calendar[data-compact] .itd-calendar-weekdays>div{height:1.5rem}.itd-calendar[data-compact] .itd-calendar-days{grid-gap:.125rem 0}.itd-calendar[data-compact] .itd-calendar-day:before{height:1.5rem}.itd-calendar[data-compact] .itd-calendar-day span{min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:calc(var(--itd-text-xs) - .0625rem)}.itd-calendar[data-compact] :is(.itd-calendar-months,.itd-calendar-years){grid-gap:.375rem}.itd-calendar[data-compact] :is(.itd-calendar-month,.itd-calendar-year){height:1.875rem;font-size:var(--itd-text-xs)}.itd-calendar[data-compact]:not(.itd-calendar-range){width:14.5rem;padding:.25rem .625rem .625rem}.itd-calendar[data-compact] .itd-calendar-main{width:12.25rem}[data-compact] .itd-calendar-time-column{max-height:13.625rem}[data-compact] .itd-calendar-time-cell{height:1.5rem;line-height:1.5rem;font-size:calc(var(--itd-text-xs) - .0625rem)}[data-compact] .itd-calendar-range-presets{padding:calc(var(--itd-spacing) * 1.25)}[data-compact] .itd-calendar-range-preset{font-size:var(--itd-text-13);padding:calc(var(--itd-spacing) * 1.25) calc(var(--itd-spacing) * 2)}[data-compact] .itd-calendar-range-calendars{padding:.125rem .625rem .625rem}[data-compact] .itd-calendar-range-panels{gap:calc(var(--itd-spacing) * 4)}[data-compact] .itd-calendar-range-panel,[data-compact] .itd-calendar-range-picker-panel{width:12.25rem}[data-compact] .itd-calendar-range-picker-panel[data-dual]{width:calc(12.25rem * 2 + var(--itd-spacing) * 4)}[data-compact] .itd-calendar-range-footer{margin-top:calc(var(--itd-spacing) * 1.5);padding-top:calc(var(--itd-spacing) * 1.5)}}
package/dist/css/card.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-card>.itd-spin{height:100%}.itd-card.itd-card-default{border:1px solid var(--itd-color-border)}.itd-card.itd-card-filled{box-shadow:var(--itd-card-shadow)}.itd-card.itd-card-default,.itd-card.itd-card-filled{background-color:var(--itd-card);border-radius:calc(var(--itd-border-radius)*1.4);color:var(--itd-card-foreground);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-card-content{padding-block:calc(var(--itd-spacing)*6)}.itd-card-header:not(.itd-card-header-separator)+.itd-card-content{padding-block-start:0}.itd-card-title{--itd-tracking:var(--itd-tracking-tight);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-medium);letter-spacing:var(--itd-tracking-tight);line-height:var(--itd-text-default--line-height)}.itd-card .itd-card-body{display:flex;flex-direction:column}.itd-card-description{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-card .itd-card-description{color:var(--itd-color-text-muted-foreground)}.itd-card .itd-card-overlay{background-color:var(--itd-color-card-overlay);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1000}.itd-card-header-separator{border-bottom:1px solid var(--itd-color-border)}.itd-card-footer{background-color:var(--itd-color-background-footer);border-top:1px solid var(--itd-color-border)}}
1
+ @layer components{.itd-card>.itd-spin{height:100%}.itd-card.itd-card-default{border:1px solid var(--itd-color-border)}.itd-card.itd-card-filled{box-shadow:var(--itd-card-shadow)}.itd-card.itd-card-default,.itd-card.itd-card-filled{background-color:var(--itd-card);color:var(--itd-card-foreground);border-radius:calc(var(--itd-border-radius) * 1.4);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-card-content{padding-block:calc(var(--itd-spacing) * 6)}.itd-card-header:not(.itd-card-header-separator)+.itd-card-content{padding-block-start:0}.itd-card-title{font-size:var(--itd-text-default);line-height:var(--itd-text-default--line-height);font-weight:var(--itd-font-weight-medium);--itd-tracking:var(--itd-tracking-tight);letter-spacing:var(--itd-tracking-tight)}.itd-card .itd-card-body{display:flex;flex-direction:column}.itd-card-description{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-card .itd-card-description{color:var(--itd-color-text-muted-foreground)}.itd-card .itd-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--itd-color-card-overlay);z-index:1000}.itd-card-header-separator{border-bottom:1px solid var(--itd-color-border)}.itd-card-footer{border-top:1px solid var(--itd-color-border);background-color:var(--itd-color-background-footer)}}
package/dist/css/casino-featured.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-casino-featured{display:grid;gap:.75rem;grid-template-columns:17.75rem repeat(var(--itd-casino-featured-cols,3),1fr) 17.75rem;height:var(--itd-casino-featured-height,23.75rem);min-height:var(--itd-casino-featured-height,23.75rem)}.itd-casino-featured[data-empty=true]{grid-template-columns:17.75rem 1fr 17.75rem}.itd-casino-panel{background-color:var(--itd-surface-box);border-radius:var(--itd-radius-md);display:grid;grid-template-rows:3.375rem 1fr;height:100%;min-height:0;overflow:hidden}.itd-casino-panel-head{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 6%,#0000);display:flex;gap:.375rem;padding:0 .9375rem}.itd-casino-panel-head>svg{color:var(--itd-color-text);height:1rem;width:1rem}.itd-casino-panel-title{color:var(--itd-color-text);flex:1;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-casino-panel-body{display:flex;flex-direction:column;min-height:0;min-width:0}.itd-casino-panel-scroll{flex:1;margin:.625rem .3125rem .625rem 0;min-height:0;overflow-y:scroll;scrollbar-color:auto;scrollbar-width:auto}@supports not selector(::-webkit-scrollbar){.itd-casino-panel-scroll{scrollbar-color:oklch(from var(--itd-background) calc(min(l + .145, .85)) c h) oklch(from var(--itd-background) calc(min(l + .08, .93)) c h);scrollbar-width:thin}}.itd-casino-panel-scroll::-webkit-scrollbar{width:.375rem}.itd-casino-panel-scroll::-webkit-scrollbar-track{background-color:oklch(from var(--itd-background) calc(min(l + .08, var(--itd-elev-nested, .93))) c h);border-radius:var(--itd-radius-lg)}.itd-casino-panel-scroll::-webkit-scrollbar-thumb{background-clip:initial;background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-deep, .85))) c h);border:0;border-radius:var(--itd-radius-lg)}.itd-casino-panel-scroll::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) calc(min(l + .23, var(--itd-elev-deep, .8))) c h)}.itd-casino-panel-list{display:flex;flex-direction:column;gap:.3125rem;list-style:none;margin:0;padding:0 .3125rem 0 .9375rem}.itd-casino-panel-row{align-items:center;background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-nested, .94))) c h);border:0;border-radius:var(--itd-radius-lg);color:inherit;cursor:pointer;display:flex;font:inherit;gap:.625rem;outline:2px solid oklch(from var(--itd-primary) l c h/0);outline-offset:-2px;padding:.5rem .625rem;text-align:start;transition:transform var(--itd-transition-duration) var(--itd-transition-timing-function),outline-color var(--itd-transition-duration) var(--itd-transition-timing-function);width:100%}.itd-casino-panel-row:hover:where(:root:not(.itd-touch) *){outline-color:var(--itd-primary);transform:scale(.975)}.itd-casino-row-thumb{background-color:oklch(from var(--itd-background) calc(min(l + .05, .9)) c h/50%);border-radius:var(--itd-radius-sm);flex:none;height:2.25rem;object-fit:cover;width:2.25rem}.itd-casino-row-thumb--wide{height:2.5rem;width:3.5rem}.itd-casino-row-body{display:flex;flex:1;flex-direction:column;gap:.0625rem;min-width:0}.itd-casino-row-name{color:var(--itd-color-text);font-weight:var(--itd-font-weight-bold)}.itd-casino-row-name,.itd-casino-row-sub{font-size:var(--itd-text-11);line-height:var(--itd-text-11--line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-casino-row-sub{color:var(--itd-color-text-neutral)}.itd-casino-row-amount{font-feature-settings:"tnum";color:var(--itd-primary);flex:none;font-size:var(--itd-text-11);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-bold);line-height:var(--itd-text-11--line-height)}.itd-casino-tournament .itd-casino-row-body .itd-casino-row-amount{align-self:flex-start;font-size:var(--itd-text-13);margin-top:.125rem}.itd-casino-winners-tabs{display:inline-flex;gap:.3125rem}.itd-casino-see-all.itd-button,.itd-casino-winners-tab.itd-button{border-radius:var(--itd-radius-sm);font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-semibold);line-height:var(--itd-text-10--line-height);padding:.125rem .375rem}.itd-casino-winners-tab.itd-button{border-radius:var(--itd-radius-chip)}[data-theme=light] .itd-casino-see-all.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),[data-theme=light] .itd-casino-winners-tab.itd-button:not([aria-pressed=true]):hover:where(:root:not(.itd-touch) *):not(:disabled){background:oklch(from var(--itd-background) calc(min(l + .068, .9)) calc(c * .8) h)}[data-itd-elevation=raised] .itd-casino-see-all.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),[data-itd-elevation=raised] .itd-casino-winners-tab.itd-button:not([aria-pressed=true]):hover:where(:root:not(.itd-touch) *):not(:disabled){background:oklch(from var(--itd-background) .96 c h)}.itd-casino-winners-tab.itd-button[aria-pressed=true]:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:var(--itd-primary)}.itd-casino-featured-box{background:none;border:0;border-radius:var(--itd-radius-md);cursor:pointer;display:block;margin:0;min-height:0;min-width:0;padding:0}.itd-casino-featured-empty{align-items:center;display:flex;height:100%;justify-content:center}.itd-casino-featured-empty>span{color:var(--itd-color-text-neutral);display:block;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);max-width:25rem;padding:1.25rem .625rem;text-align:center}}.itd-casino-see-all.itd-button,.itd-casino-winners-tab.itd-button{height:1.5rem;min-height:1.5rem;min-width:0}
1
+ @layer components{.itd-casino-featured{display:grid;grid-template-columns:17.75rem repeat(var(--itd-casino-featured-cols,3),1fr) 17.75rem;gap:.75rem;height:var(--itd-casino-featured-height,23.75rem);min-height:var(--itd-casino-featured-height,23.75rem)}.itd-casino-featured[data-empty=true]{grid-template-columns:17.75rem 1fr 17.75rem}.itd-casino-panel{display:grid;grid-template-rows:3.375rem 1fr;overflow:hidden;min-height:0;height:100%;border-radius:var(--itd-radius-md);background-color:var(--itd-surface-box)}.itd-casino-panel-head{display:flex;align-items:center;gap:.375rem;padding:0 .9375rem;border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 6%,#0000)}.itd-casino-panel-head>svg{width:1rem;height:1rem;color:var(--itd-color-text)}.itd-casino-panel-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-casino-panel-body{min-height:0;min-width:0;display:flex;flex-direction:column}.itd-casino-panel-scroll{flex:1;min-height:0;overflow-y:scroll;margin:.625rem .3125rem .625rem 0;scrollbar-width:auto;scrollbar-color:auto}@supports not selector(::-webkit-scrollbar){.itd-casino-panel-scroll{scrollbar-width:thin;scrollbar-color:oklch(from var(--itd-background) calc(min(l + .145, .85)) c h) oklch(from var(--itd-background) calc(min(l + .08, .93)) c h)}}.itd-casino-panel-scroll::-webkit-scrollbar{width:.375rem}.itd-casino-panel-scroll::-webkit-scrollbar-track{border-radius:var(--itd-radius-lg);background-color:oklch(from var(--itd-background) calc(min(l + .08, var(--itd-elev-nested, .93))) c h)}.itd-casino-panel-scroll::-webkit-scrollbar-thumb{border-radius:var(--itd-radius-lg);background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-deep, .85))) c h);border:0;background-clip:initial}.itd-casino-panel-scroll::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) calc(min(l + .23, var(--itd-elev-deep, .8))) c h)}.itd-casino-panel-list{margin:0;padding:0 .3125rem 0 .9375rem;list-style:none;display:flex;flex-direction:column;gap:.3125rem}.itd-casino-panel-row{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;border:0;border-radius:var(--itd-radius-lg);outline:2px solid oklch(from var(--itd-primary) l c h/0);outline-offset:-2px;background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-nested, .94))) c h);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:transform var(--itd-transition-duration) var(--itd-transition-timing-function),outline-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-casino-panel-row:hover:where(:root:not(.itd-touch) *){outline-color:var(--itd-primary);transform:scale(.975)}.itd-casino-row-thumb{flex:none;width:2.25rem;height:2.25rem;border-radius:var(--itd-radius-sm);object-fit:cover;background-color:oklch(from var(--itd-background) calc(min(l + .05, .9)) c h/50%)}.itd-casino-row-thumb--wide{width:3.5rem;height:2.5rem}.itd-casino-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.0625rem}.itd-casino-row-name{font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text)}.itd-casino-row-name,.itd-casino-row-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--itd-text-11);line-height:var(--itd-text-11--line-height)}.itd-casino-row-sub{color:var(--itd-color-text-neutral)}.itd-casino-row-amount{flex:none;font-size:var(--itd-text-11);line-height:var(--itd-text-11--line-height);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-casino-tournament .itd-casino-row-body .itd-casino-row-amount{align-self:flex-start;margin-top:.125rem;font-size:var(--itd-text-13)}.itd-casino-winners-tabs{display:inline-flex;gap:.3125rem}.itd-casino-see-all.itd-button,.itd-casino-winners-tab.itd-button{padding:.125rem .375rem;border-radius:var(--itd-radius-sm);font-size:var(--itd-text-10);line-height:var(--itd-text-10--line-height);font-weight:var(--itd-font-weight-semibold)}.itd-casino-winners-tab.itd-button{border-radius:var(--itd-radius-chip)}[data-theme=light] .itd-casino-see-all.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),[data-theme=light] .itd-casino-winners-tab.itd-button:not([aria-pressed=true]):hover:where(:root:not(.itd-touch) *):not(:disabled){background:oklch(from var(--itd-background) calc(min(l + .068, .9)) calc(c * .8) h)}[data-itd-elevation=raised] .itd-casino-see-all.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),[data-itd-elevation=raised] .itd-casino-winners-tab.itd-button:not([aria-pressed=true]):hover:where(:root:not(.itd-touch) *):not(:disabled){background:oklch(from var(--itd-background) .96 c h)}.itd-casino-winners-tab.itd-button[aria-pressed=true]:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:var(--itd-primary)}.itd-casino-featured-box{display:block;min-width:0;min-height:0;margin:0;padding:0;border:0;background:none;border-radius:var(--itd-radius-md);cursor:pointer}.itd-casino-featured-empty{display:flex;align-items:center;justify-content:center;height:100%}.itd-casino-featured-empty>span{display:block;max-width:25rem;padding:1.25rem .625rem;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-neutral);text-align:center}}.itd-casino-see-all.itd-button,.itd-casino-winners-tab.itd-button{min-height:1.5rem;height:1.5rem;min-width:0}
package/dist/css/chart.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-chart{--_chart-s1:var(--itd-chart-series-1,var(--itd-primary));--_chart-s2:var(--itd-chart-series-2,var(--itd-color-progress-success-fill));--_chart-s3:var(--itd-chart-series-3,var(--itd-color-alert-error-title));--_chart-s4:var(--itd-chart-series-4,var(--itd-color-text-neutral));--_chart-grid:var(--itd-chart-grid,var(--itd-color-border));--_chart-tick:var(--itd-chart-tick,var(--itd-color-text-neutral));display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*2);width:100%}.itd-chart .recharts-text{fill:var(--_chart-tick);font-size:var(--itd-text-xs)}.itd-chart .recharts-cartesian-grid line{stroke:var(--_chart-grid)}.itd-chart .recharts-tooltip-cursor{stroke:var(--_chart-grid);fill:none}.itd-chart-tip{background:var(--itd-popover);border:1px solid var(--itd-color-border);border-radius:var(--itd-radius);box-shadow:var(--itd-floating-shadow);color:var(--itd-color-text);display:grid;font-size:var(--itd-text-13);gap:calc(var(--itd-spacing)*1.5);line-height:var(--itd-text-13--line-height);padding:calc(var(--itd-spacing)*2.5) calc(var(--itd-spacing)*3)}.itd-chart-tip-title{color:var(--itd-color-text-muted);font-weight:var(--itd-font-weight-medium)}.itd-chart-tip-row{align-items:center;display:flex;gap:calc(var(--itd-spacing)*1.5)}.itd-chart-tip-name{color:var(--itd-color-text-muted)}.itd-chart-tip-value{margin-left:auto;padding-left:calc(var(--itd-spacing)*3)}.itd-chart-tip-value,.itd-chart-tip-value .itd-amount{font-weight:var(--itd-font-weight-semibold)}.itd-chart-swatch{border-radius:50%;flex:none;height:.5rem;width:.5rem}.itd-chart-legend{align-items:center;color:var(--itd-color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--itd-text-13);gap:calc(var(--itd-spacing)*1) calc(var(--itd-spacing)*4);justify-content:center;line-height:var(--itd-text-13--line-height)}.itd-chart-legend-item{align-items:center;display:inline-flex;gap:calc(var(--itd-spacing)*1.5)}.itd-chart-expand-poster{cursor:pointer;position:relative;width:100%}.itd-chart-expand-preview{inset:0;opacity:.5;pointer-events:none;position:absolute}.itd-chart-expand-scrim{background:oklch(from var(--itd-background) l c h/.45);inset:0;position:absolute}.itd-chart-expand{left:50%;position:absolute;top:50%;translate:-50% -50%}.itd-chart-fullscreen-hint{align-items:center;background:var(--itd-popover);border:1px solid var(--itd-color-border);border-radius:var(--itd-radius);box-shadow:var(--itd-floating-shadow);color:var(--itd-color-text);display:none;font-size:var(--itd-text-13);gap:calc(var(--itd-spacing)*1.5);left:50%;line-height:var(--itd-text-13--line-height);padding:calc(var(--itd-spacing)*1.5) calc(var(--itd-spacing)*3);pointer-events:none;position:absolute;top:calc(var(--itd-spacing)*3);translate:-50% 0;z-index:1}.itd-chart-fullscreen-hint svg{flex:none;height:1em;width:1em}@media (orientation:portrait){.itd-chart-fullscreen-hint{animation:itd-chart-hint-fade 4s ease forwards;display:inline-flex}}@media (prefers-reduced-motion:reduce){.itd-chart-fullscreen-hint{animation:none}}@keyframes itd-chart-hint-fade{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}.itd-chart-fullscreen{background:var(--itd-background);inset:0;position:fixed;z-index:9999}.itd-chart-fullscreen-stage{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*2);inset:0;padding:calc(var(--itd-spacing)*4) calc(var(--itd-spacing)*4) calc(var(--itd-spacing)*3);position:absolute;width:auto}@media (orientation:portrait){.itd-chart-fullscreen-stage{height:100vw;height:100dvw;inset:auto;left:0;top:0;transform:rotate(90deg) translateY(-100%);transform-origin:top left;width:100vh;width:100dvh}}.itd-chart-fullscreen-scroller{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.itd-chart-fullscreen-scroller::-webkit-scrollbar{display:none}.itd-chart-fullscreen-canvas{height:100%;min-width:100%}.itd-chart-fullscreen-close{position:absolute;right:calc(var(--itd-spacing)*2);top:calc(var(--itd-spacing)*2);z-index:1}}
1
+ @layer components{.itd-chart{--_chart-s1:var(--itd-chart-series-1, var(--itd-primary));--_chart-s2:var(--itd-chart-series-2, var(--itd-color-progress-success-fill));--_chart-s3:var(--itd-chart-series-3, var(--itd-color-alert-error-title));--_chart-s4:var(--itd-chart-series-4, var(--itd-color-text-neutral));--_chart-grid:var(--itd-chart-grid, var(--itd-color-border));--_chart-tick:var(--itd-chart-tick, var(--itd-color-text-neutral));display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);width:100%}.itd-chart .recharts-text{font-size:var(--itd-text-xs);fill:var(--_chart-tick)}.itd-chart .recharts-cartesian-grid line{stroke:var(--_chart-grid)}.itd-chart .recharts-tooltip-cursor{stroke:var(--_chart-grid);fill:none}.itd-chart-tip{border-radius:var(--itd-radius);background:var(--itd-popover);color:var(--itd-color-text);box-shadow:var(--itd-floating-shadow);border:1px solid var(--itd-color-border);padding:calc(var(--itd-spacing) * 2.5) calc(var(--itd-spacing) * 3);display:grid;gap:calc(var(--itd-spacing) * 1.5);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}.itd-chart-tip-title{font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-muted)}.itd-chart-tip-row{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 1.5)}.itd-chart-tip-name{color:var(--itd-color-text-muted)}.itd-chart-tip-value{margin-left:auto;padding-left:calc(var(--itd-spacing) * 3)}.itd-chart-tip-value,.itd-chart-tip-value .itd-amount{font-weight:var(--itd-font-weight-semibold)}.itd-chart-swatch{width:.5rem;height:.5rem;border-radius:50%;flex:none}.itd-chart-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 4);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);color:var(--itd-color-text-muted)}.itd-chart-legend-item{display:inline-flex;align-items:center;gap:calc(var(--itd-spacing) * 1.5)}.itd-chart-expand-poster{position:relative;width:100%;cursor:pointer}.itd-chart-expand-preview{position:absolute;inset:0;pointer-events:none;opacity:.5}.itd-chart-expand-scrim{position:absolute;inset:0;background:oklch(from var(--itd-background) l c h/.45)}.itd-chart-expand{position:absolute;top:50%;left:50%;translate:-50% -50%}.itd-chart-fullscreen-hint{position:absolute;top:calc(var(--itd-spacing) * 3);left:50%;translate:-50% 0;z-index:1;display:none;align-items:center;gap:calc(var(--itd-spacing) * 1.5);padding:calc(var(--itd-spacing) * 1.5) calc(var(--itd-spacing) * 3);border-radius:var(--itd-radius);background:var(--itd-popover);border:1px solid var(--itd-color-border);box-shadow:var(--itd-floating-shadow);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);color:var(--itd-color-text);pointer-events:none}.itd-chart-fullscreen-hint svg{width:1em;height:1em;flex:none}@media (orientation:portrait){.itd-chart-fullscreen-hint{display:inline-flex;animation:itd-chart-hint-fade 4s ease forwards}}@media (prefers-reduced-motion:reduce){.itd-chart-fullscreen-hint{animation:none}}@keyframes itd-chart-hint-fade{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}.itd-chart-fullscreen{position:fixed;inset:0;z-index:9999;background:var(--itd-background)}.itd-chart-fullscreen-stage{position:absolute;inset:0;display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 4) calc(var(--itd-spacing) * 4) calc(var(--itd-spacing) * 3);width:auto}@media (orientation:portrait){.itd-chart-fullscreen-stage{inset:auto;top:0;left:0;width:100vh;height:100vw;width:100dvh;height:100dvw;transform:rotate(90deg) translateY(-100%);transform-origin:top left}}.itd-chart-fullscreen-scroller{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.itd-chart-fullscreen-scroller::-webkit-scrollbar{display:none}.itd-chart-fullscreen-canvas{height:100%;min-width:100%}.itd-chart-fullscreen-close{position:absolute;top:calc(var(--itd-spacing) * 2);right:calc(var(--itd-spacing) * 2);z-index:1}}
package/dist/css/checkbox.css CHANGED
@@ -1,3 +1,3 @@
1
- @layer components{.itd-checkbox{align-items:center;display:flex;min-height:calc(var(--itd-spacing)*5);position:relative}.itd-checkbox .itd-checkbox-label{font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);line-height:var(--itd-text-sm--line-height);transition-duration:var(--itd-transition-duration);transition-property:color;transition-timing-function:var(--itd-transition-timing-function)}:is(.itd-checkbox .itd-checkbox-label) a{text-decoration:none}:is(:is(.itd-checkbox .itd-checkbox-label) a):hover:where(:root:not(.itd-touch) *){text-decoration:underline}.itd-checkbox.itd-checkbox-readonly,.itd-checkbox.itd-checkbox-readonly .itd-checkbox-label{pointer-events:none}.itd-checkbox.itd-checkbox-disabled{cursor:not-allowed;pointer-events:auto}.itd-checkbox-inner-wrapper{flex-direction:row;gap:calc(var(--itd-spacing)*2)}.itd-checkbox-checkmark,.itd-checkbox-inner-wrapper{align-items:center;display:flex;min-height:calc(var(--itd-spacing)*5);position:relative}.itd-checkbox-checkmark{border-radius:min(calc(var(--itd-border-radius)*.8),6px);justify-content:center;min-width:calc(var(--itd-spacing)*5);transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),border-color var(--itd-transition-duration) var(--itd-transition-timing-function),box-shadow var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-checkbox-checkmark:before{background-color:var(--itd-primary);content:"";height:calc(var(--itd-spacing)*2.62);-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10.469' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.145 0 5.012 6.618l-3.016-3.22L0 5.268l4.874 5.201L14 2.01z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10.469' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.145 0 5.012 6.618l-3.016-3.22L0 5.268l4.874 5.201L14 2.01z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:0;transform:scale(.1);width:calc(var(--itd-spacing)*3.5)}.itd-checkbox-checkmark[data-animated]:before{transition-duration:calc(var(--itd-transition-duration)/2);transition-property:transform;transition-timing-function:var(--itd-transition-timing-function)}.itd-checkbox-checkmark[data-checked]:before{opacity:.85;transform:scale(.85)}.itd-checkbox-checkmark[data-indeterminate]:before{background-color:var(--itd-primary-foreground);border-radius:2px;height:calc(var(--itd-spacing)*.5);-webkit-mask-image:none;mask-image:none;opacity:1;transform:none;width:calc(var(--itd-spacing)*2.5)}.itd-checkbox-input{appearance:none;border-radius:min(calc(var(--itd-border-radius)*.8),6px);cursor:pointer;height:100%;left:0;margin:0;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);padding:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.itd-checkbox-input[data-readonly=true]{transition:outline .1s linear}.itd-checkbox-input[data-readonly=false]{transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-checkbox-input svg{pointer-events:none}.itd-checkbox-input:focus-visible{border-color:var(--itd-color-focus-primary);outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring)}.itd-checkbox-error .itd-checkbox-input:focus-visible{border-color:var(--itd-color-error-border);outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-checkbox.itd-checkbox-error:not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-alert-error-text)}.itd-checkbox.itd-checkbox-default input{border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-checkbox.itd-checkbox-default .itd-checkbox-checkmark{background-color:var(--itd-color-background-bordered)}.itd-checkbox.itd-checkbox-default .itd-checkbox-label{color:var(--itd-color-control-label)}:is(.itd-checkbox.itd-checkbox-default .itd-checkbox-label) a{color:var(--itd-primary)}:is(.itd-checkbox.itd-checkbox-default .itd-checkbox-label) a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary-hover)}.itd-checkbox.itd-checkbox-default.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) input{border:1px solid var(--itd-color-border-hover)}.itd-checkbox.itd-checkbox-default.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected input{border:1px solid var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) input{border:1px solid var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-error input{border:1px solid var(--itd-color-error-border)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled input{border:1px solid var(--itd-color-disabled-border)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark{background-color:var(--itd-color-disabled-bg);pointer-events:none}:is(.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark):before{background-color:var(--itd-color-disabled-border)}:is(.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark) svg{fill:var(--itd-color-disabled-text)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-label{color:var(--itd-color-disabled-text);pointer-events:none}.itd-checkbox.itd-checkbox-default:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) input{border:1px solid var(--itd-color-border-hover)}.itd-checkbox.itd-checkbox-default:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-readonly){transition-duration:var(--itd-transition-duration);transition-property:all;transition-timing-function:var(--itd-transition-timing-function)}.itd-checkbox.itd-checkbox-filled .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled .itd-checkbox-label{color:var(--itd-color-control-label)}:is(.itd-checkbox.itd-checkbox-filled .itd-checkbox-label) a{color:var(--itd-primary)}:is(.itd-checkbox.itd-checkbox-filled .itd-checkbox-label) a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary-hover)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-text)}:is([data-theme=light] .itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-selected):not(.itd-checkbox-disabled)) .itd-checkbox-checkmark{background:var(--itd-checkbox-bg,var(--itd-color-background-alt-hover))}:is([data-theme=light] .itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-selected):not(.itd-checkbox-disabled)):not(.itd-checkbox-error):hover:where(:root:not(.itd-touch) *) .itd-checkbox-checkmark{background:var(
1
+ @layer components{.itd-checkbox{display:flex;align-items:center;position:relative;min-height:calc(var(--itd-spacing) * 5)}.itd-checkbox .itd-checkbox-label{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)}:is(.itd-checkbox .itd-checkbox-label) a{text-decoration:none}:is(:is(.itd-checkbox .itd-checkbox-label) a):hover:where(:root:not(.itd-touch) *){text-decoration:underline}.itd-checkbox.itd-checkbox-readonly,.itd-checkbox.itd-checkbox-readonly .itd-checkbox-label{pointer-events:none}.itd-checkbox.itd-checkbox-disabled{cursor:not-allowed;pointer-events:auto}.itd-checkbox-inner-wrapper{gap:calc(var(--itd-spacing) * 2);flex-direction:row}.itd-checkbox-checkmark,.itd-checkbox-inner-wrapper{min-height:calc(var(--itd-spacing) * 5);display:flex;align-items:center;position:relative}.itd-checkbox-checkmark{justify-content:center;min-width:calc(var(--itd-spacing) * 5);border-radius:min(calc(var(--itd-border-radius) * .8),6px);transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),border-color var(--itd-transition-duration) var(--itd-transition-timing-function),box-shadow var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-checkbox-checkmark:before{content:"";-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210.469%22%20viewBox%3D%220%200%2014%2010.469%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M12.145%200%205.012%206.618l-3.016-3.22L0%205.268l4.874%205.201L14%202.01z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210.469%22%20viewBox%3D%220%200%2014%2010.469%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M12.145%200%205.012%206.618l-3.016-3.22L0%205.268l4.874%205.201L14%202.01z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 2.62);background-color:var(--itd-primary);transform:scale(.1);opacity:0}.itd-checkbox-checkmark[data-animated]:before{transition-property:transform;transition-duration:calc(var(--itd-transition-duration) / 2);transition-timing-function:var(--itd-transition-timing-function)}.itd-checkbox-checkmark[data-checked]:before{transform:scale(.85);opacity:.85}.itd-checkbox-checkmark[data-indeterminate]:before{-webkit-mask-image:none;mask-image:none;width:calc(var(--itd-spacing) * 2.5);height:calc(var(--itd-spacing) * .5);border-radius:2px;opacity:1;transform:none;background-color:var(--itd-primary-foreground)}.itd-checkbox-input{appearance:none;position:absolute;cursor:pointer;height:100%;width:100%;top:0;left:0;z-index:1;margin:0;padding:0;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);border-radius:min(calc(var(--itd-border-radius) * .8),6px);-webkit-user-select:none;user-select:none}.itd-checkbox-input[data-readonly=true]{transition:outline .1s linear}.itd-checkbox-input[data-readonly=false]{transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-checkbox-input svg{pointer-events:none}.itd-checkbox-input:focus-visible{border-color:var(--itd-color-focus-primary);outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring)}.itd-checkbox-error .itd-checkbox-input:focus-visible{border-color:var(--itd-color-error-border);outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-checkbox.itd-checkbox-error:not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-alert-error-text)}.itd-checkbox.itd-checkbox-default input{border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-checkbox.itd-checkbox-default .itd-checkbox-checkmark{background-color:var(--itd-color-background-bordered)}.itd-checkbox.itd-checkbox-default .itd-checkbox-label{color:var(--itd-color-control-label)}:is(.itd-checkbox.itd-checkbox-default .itd-checkbox-label) a{color:var(--itd-primary)}:is(.itd-checkbox.itd-checkbox-default .itd-checkbox-label) a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary-hover)}.itd-checkbox.itd-checkbox-default.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) input{border:1px solid var(--itd-color-border-hover)}.itd-checkbox.itd-checkbox-default.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected input{border:1px solid var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) input{border:1px solid var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-error input{border:1px solid var(--itd-color-error-border)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled input{border:1px solid var(--itd-color-disabled-border)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark{background-color:var(--itd-color-disabled-bg);pointer-events:none}:is(.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark):before{background-color:var(--itd-color-disabled-border)}:is(.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark) svg{fill:var(--itd-color-disabled-text)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-label{color:var(--itd-color-disabled-text);pointer-events:none}.itd-checkbox.itd-checkbox-default:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) input{border:1px solid var(--itd-color-border-hover)}.itd-checkbox.itd-checkbox-default:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-readonly){transition-property:all;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-checkbox.itd-checkbox-filled .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled .itd-checkbox-label{color:var(--itd-color-control-label)}:is(.itd-checkbox.itd-checkbox-filled .itd-checkbox-label) a{color:var(--itd-primary)}:is(.itd-checkbox.itd-checkbox-filled .itd-checkbox-label) a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary-hover)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-text)}:is([data-theme=light] .itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-selected):not(.itd-checkbox-disabled)) .itd-checkbox-checkmark{background:var(--itd-checkbox-bg,var(--itd-color-background-alt-hover))}:is([data-theme=light] .itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-selected):not(.itd-checkbox-disabled)):not(.itd-checkbox-error):hover:where(:root:not(.itd-touch) *) .itd-checkbox-checkmark{background:var(
2
2
  --itd-checkbox-bg-hover,oklch(from var(--itd-color-background-alt-hover) calc(l - .045) c h)
3
- )}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-checkmark{background:var(--itd-primary)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-checkmark:before{background-color:var(--itd-primary-foreground)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-filled:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-error input{border:1px solid var(--itd-color-error-border)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled input{border:1px solid var(--itd-color-disabled-border)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark{background-color:var(--itd-color-disabled-bg);pointer-events:none}:is(.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark):before{background-color:var(--itd-color-disabled-border)}:is(.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark) svg{fill:var(--itd-color-disabled-text)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-label{color:var(--itd-color-disabled-text);pointer-events:none}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-sm{min-height:calc(var(--itd-spacing)*4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-inner-wrapper{gap:calc(var(--itd-spacing)*1.5);min-height:calc(var(--itd-spacing)*4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing)*4);min-width:calc(var(--itd-spacing)*4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark:before{height:calc(var(--itd-spacing)*2.1);width:calc(var(--itd-spacing)*2.8)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark[data-indeterminate]:before{height:calc(var(--itd-spacing)*.4);width:calc(var(--itd-spacing)*2)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-label{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw);line-height:var(--itd-text-xs--line-height)}.itd-checkbox.itd-checkbox-df{min-height:calc(var(--itd-spacing)*5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-inner-wrapper{gap:calc(var(--itd-spacing)*2);min-height:calc(var(--itd-spacing)*5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing)*5);min-width:calc(var(--itd-spacing)*5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark:before{height:calc(var(--itd-spacing)*2.62);width:calc(var(--itd-spacing)*3.5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark[data-indeterminate]:before{height:calc(var(--itd-spacing)*.5);width:calc(var(--itd-spacing)*2.5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-label{font-size:var(--itd-size-df-font);line-height:var(--itd-text-sm--line-height)}.itd-checkbox.itd-checkbox-lg{min-height:calc(var(--itd-spacing)*6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-inner-wrapper{gap:calc(var(--itd-spacing)*2.5);min-height:calc(var(--itd-spacing)*6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing)*6);min-width:calc(var(--itd-spacing)*6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark:before{height:calc(var(--itd-spacing)*3.14);width:calc(var(--itd-spacing)*4.2)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark[data-indeterminate]:before{height:calc(var(--itd-spacing)*.6);width:calc(var(--itd-spacing)*3)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-label{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw);line-height:var(--itd-text-default--line-height)}.itd-checkbox-group{align-items:flex-start;display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*3)}}
3
+ )}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-checkmark{background:var(--itd-primary)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-checkmark:before{background-color:var(--itd-primary-foreground)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-filled:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-error input{border:1px solid var(--itd-color-error-border)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled input{border:1px solid var(--itd-color-disabled-border)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark{background-color:var(--itd-color-disabled-bg);pointer-events:none}:is(.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark):before{background-color:var(--itd-color-disabled-border)}:is(.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark) svg{fill:var(--itd-color-disabled-text)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-label{color:var(--itd-color-disabled-text);pointer-events:none}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-sm{min-height:calc(var(--itd-spacing) * 4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-inner-wrapper{min-height:calc(var(--itd-spacing) * 4);gap:calc(var(--itd-spacing) * 1.5)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing) * 4);min-width:calc(var(--itd-spacing) * 4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark:before{width:calc(var(--itd-spacing) * 2.8);height:calc(var(--itd-spacing) * 2.1)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark[data-indeterminate]:before{width:calc(var(--itd-spacing) * 2);height:calc(var(--itd-spacing) * .4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-label{font-size:var(--itd-size-sm-font);line-height:var(--itd-text-xs--line-height);font-weight:var(--itd-size-sm-field-fw)}.itd-checkbox.itd-checkbox-df{min-height:calc(var(--itd-spacing) * 5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-inner-wrapper{min-height:calc(var(--itd-spacing) * 5);gap:calc(var(--itd-spacing) * 2)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing) * 5);min-width:calc(var(--itd-spacing) * 5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark:before{width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 2.62)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark[data-indeterminate]:before{width:calc(var(--itd-spacing) * 2.5);height:calc(var(--itd-spacing) * .5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-label{font-size:var(--itd-size-df-font);line-height:var(--itd-text-sm--line-height)}.itd-checkbox.itd-checkbox-lg{min-height:calc(var(--itd-spacing) * 6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-inner-wrapper{min-height:calc(var(--itd-spacing) * 6);gap:calc(var(--itd-spacing) * 2.5)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing) * 6);min-width:calc(var(--itd-spacing) * 6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark:before{width:calc(var(--itd-spacing) * 4.2);height:calc(var(--itd-spacing) * 3.14)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark[data-indeterminate]:before{width:calc(var(--itd-spacing) * 3);height:calc(var(--itd-spacing) * .6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-label{font-size:var(--itd-size-lg-font);line-height:var(--itd-text-default--line-height);font-weight:var(--itd-size-lg-field-fw)}.itd-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--itd-spacing) * 3)}}
package/dist/css/code-input.css CHANGED
@@ -1,7 +1,7 @@
1
- @layer components{.itd-code-input{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.5);width:100%}.itd-code-input-box{cursor:text;display:flex;gap:var(--itd-code-input-gap,calc(var(--itd-spacing)*2));margin-inline:auto;max-width:100%;position:relative;width:fit-content}.itd-code-input-field{background:#0000;border:0 #0000;box-sizing:border-box;caret-color:#0000;color:#0000;cursor:text;font-family:inherit;inset:0;margin:0;outline:none;padding:0;position:absolute;width:100%}.itd-code-input-field::selection{background:#0000}.itd-code-input-field:-webkit-autofill{opacity:0}.itd-code-input-field::-ms-clear,.itd-code-input-field::-ms-reveal{display:none}.itd-code-input-cell{align-items:center;border:1px solid #0000;border-radius:var(--itd-code-input-radius,var(--itd-radius-control));box-sizing:border-box;color:var(--itd-code-input-color,var(--itd-color-text));cursor:text;display:flex;flex:0 1 auto;justify-content:center;min-width:0;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);position:relative;transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function),box-shadow var(--itd-transition-duration) var(--itd-transition-timing-function);-webkit-user-select:none;user-select:none;z-index:1}.itd-code-input-cell[data-inactive]{color:var(--itd-color-text-muted)}.itd-code-input.itd-code-input-default .itd-code-input-cell{background-color:var(--itd-code-input-bg,var(--itd-color-background-bordered));border-color:var(--itd-code-input-border,var(--itd-color-border));box-shadow:var(--itd-box-shadow)}.itd-code-input.itd-code-input-default:not(.focused,.itd-code-input-disabled,.itd-code-input-locked,.itd-code-input-error):hover:where(:root:not(.itd-touch) *) .itd-code-input-cell{border-color:var(--itd-code-input-border-hover,var(--itd-color-border-hover))}.itd-code-input.itd-code-input-default .itd-code-input-cell[data-selected]{border-color:var(--itd-code-input-active-border,var(--itd-color-border-focus))}.itd-code-input.itd-code-input-filled .itd-code-input-cell{background-color:var(
1
+ @layer components{.itd-code-input{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1.5);width:100%}.itd-code-input-box{position:relative;display:flex;gap:var(--itd-code-input-gap,calc(var(--itd-spacing) * 2));width:fit-content;max-width:100%;margin-inline:auto;cursor:text}.itd-code-input-field{position:absolute;inset:0;width:100%;box-sizing:border-box;margin:0;padding:0;border:0 #0000;outline:none;background:#0000;color:#0000;caret-color:#0000;font-family:inherit;cursor:text}.itd-code-input-field::selection{background:#0000}.itd-code-input-field:-webkit-autofill{opacity:0}.itd-code-input-field::-ms-clear,.itd-code-input-field::-ms-reveal{display:none}.itd-code-input-cell{flex:0 1 auto;min-width:0;position:relative;z-index:1;cursor:text;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--itd-code-input-radius,var(--itd-radius-control));border:1px solid #0000;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);color:var(--itd-code-input-color,var(--itd-color-text));-webkit-user-select:none;user-select:none;transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function),box-shadow var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-code-input-cell[data-inactive]{color:var(--itd-color-text-muted)}.itd-code-input.itd-code-input-default .itd-code-input-cell{box-shadow:var(--itd-box-shadow);border-color:var(--itd-code-input-border,var(--itd-color-border));background-color:var(--itd-code-input-bg,var(--itd-color-background-bordered))}.itd-code-input.itd-code-input-default:not(.focused,.itd-code-input-disabled,.itd-code-input-locked,.itd-code-input-error):hover:where(:root:not(.itd-touch) *) .itd-code-input-cell{border-color:var(--itd-code-input-border-hover,var(--itd-color-border-hover))}.itd-code-input.itd-code-input-default .itd-code-input-cell[data-selected]{border-color:var(--itd-code-input-active-border,var(--itd-color-border-focus))}.itd-code-input.itd-code-input-filled .itd-code-input-cell{border:0;background-color:var(
2
2
  --itd-code-input-bg,var(--itd-color-background-input,var(--itd-color-background-alt))
3
- );border:0}.itd-code-input.itd-code-input-filled:not(.focused,.itd-code-input-disabled,.itd-code-input-locked):hover:where(:root:not(.itd-touch) *) .itd-code-input-cell{background-color:var(--itd-code-input-bg-hover,var(--itd-color-background-alt-hover))}.itd-code-input.itd-code-input-filled .itd-code-input-cell[data-selected]{background-color:var(--itd-code-input-active-bg,var(--itd-color-background-alt-hover))}.itd-code-input .itd-code-input-cell[data-selected]{color:var(--itd-code-input-active-color,var(--itd-code-input-color,var(--itd-color-text)));outline:var(--itd-ring-width) solid var(--itd-code-input-active-ring,var(--itd-color-border-focus-ring))}.itd-code-input .itd-code-input-cell[data-range]{background-color:var(
4
- --itd-code-input-range-bg,color-mix(in srgb,var(--itd-code-input-active-border,var(--itd-color-border-focus)) 16%,var(--itd-color-background-input,var(--itd-color-background-alt)))
5
- );border-color:var(
3
+ )}.itd-code-input.itd-code-input-filled:not(.focused,.itd-code-input-disabled,.itd-code-input-locked):hover:where(:root:not(.itd-touch) *) .itd-code-input-cell{background-color:var(--itd-code-input-bg-hover,var(--itd-color-background-alt-hover))}.itd-code-input.itd-code-input-filled .itd-code-input-cell[data-selected]{background-color:var(--itd-code-input-active-bg,var(--itd-color-background-alt-hover))}.itd-code-input .itd-code-input-cell[data-selected]{outline:var(--itd-ring-width) solid var(--itd-code-input-active-ring,var(--itd-color-border-focus-ring));color:var(--itd-code-input-active-color,var(--itd-code-input-color,var(--itd-color-text)))}.itd-code-input .itd-code-input-cell[data-range]{border-color:var(
6
4
  --itd-code-input-range-border,var(--itd-code-input-active-border,var(--itd-color-border-focus))
7
- );color:var(--itd-code-input-range-color,var(--itd-code-input-color,var(--itd-color-text)))}.itd-code-input.itd-code-input-filled .itd-code-input-cell[data-range]{border:0}.itd-code-input.itd-code-input-xs .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-xs-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-xs-field-fw));height:var(--itd-code-input-h,var(--itd-size-xs-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*5))}.itd-code-input.itd-code-input-sm .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-sm-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-sm-field-fw));height:var(--itd-code-input-h,var(--itd-size-sm-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*6))}.itd-code-input.itd-code-input-md .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-md-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-md-field-fw));height:var(--itd-code-input-h,var(--itd-size-md-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*7))}.itd-code-input.itd-code-input-df .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-df-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-df-field-fw));height:var(--itd-code-input-h,var(--itd-size-df-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*8))}.itd-code-input.itd-code-input-lg .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-lg-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-lg-field-fw));height:var(--itd-code-input-h,var(--itd-size-lg-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*8.5))}.itd-code-input.itd-code-input-xlg .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-xlg-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-xlg-field-fw));height:var(--itd-code-input-h,var(--itd-size-xlg-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*9.5))}.itd-code-input.itd-code-input-error .itd-code-input-cell{border-color:var(--itd-code-input-error-border,var(--itd-color-error-border))}.itd-code-input.itd-code-input-filled.itd-code-input-error .itd-code-input-cell{box-shadow:inset 0 0 0 1px var(--itd-code-input-error-border,var(--itd-color-error-border))}.itd-code-input.itd-code-input-error .itd-code-input-cell[data-selected]{border-color:var(--itd-code-input-error-border,var(--itd-color-error-border));outline-color:var(--itd-code-input-error-ring,var(--itd-color-error-outline))}.itd-code-input.itd-code-input-disabled .itd-code-input-cell{background-color:var(--itd-color-disabled-bg);border-color:var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}.itd-code-input.itd-code-input-filled.itd-code-input-disabled .itd-code-input-cell{border:0;box-shadow:inset 0 0 0 1px var(--itd-color-disabled-border)}.itd-code-input.itd-code-input-disabled .itd-code-input-box,.itd-code-input.itd-code-input-disabled .itd-code-input-cell,.itd-code-input.itd-code-input-disabled .itd-code-input-field{cursor:not-allowed}.itd-code-input.itd-code-input-locked .itd-code-input-box,.itd-code-input.itd-code-input-locked .itd-code-input-cell,.itd-code-input.itd-code-input-locked .itd-code-input-field{cursor:default}.itd-code-input-status{align-items:center;cursor:pointer;display:flex;position:absolute;right:calc(var(--itd-spacing)*-6);top:50%;transform:translateY(-50%)}.itd-code-input-status svg circle{fill:var(--itd-color-error)}.itd-code-input-status svg path{fill:var(--itd-color-error-text)}}
5
+ );background-color:var(
6
+ --itd-code-input-range-bg,color-mix(in srgb,var(--itd-code-input-active-border,var(--itd-color-border-focus)) 16%,var(--itd-color-background-input,var(--itd-color-background-alt)))
7
+ );color:var(--itd-code-input-range-color,var(--itd-code-input-color,var(--itd-color-text)))}.itd-code-input.itd-code-input-filled .itd-code-input-cell[data-range]{border:0}.itd-code-input.itd-code-input-xs .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-xs-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 5));font-size:var(--itd-code-input-font-size,var(--itd-size-xs-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-xs-field-fw))}.itd-code-input.itd-code-input-sm .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-sm-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 6));font-size:var(--itd-code-input-font-size,var(--itd-size-sm-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-sm-field-fw))}.itd-code-input.itd-code-input-md .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-md-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 7));font-size:var(--itd-code-input-font-size,var(--itd-size-md-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-md-field-fw))}.itd-code-input.itd-code-input-df .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-df-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 8));font-size:var(--itd-code-input-font-size,var(--itd-size-df-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-df-field-fw))}.itd-code-input.itd-code-input-lg .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-lg-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 8.5));font-size:var(--itd-code-input-font-size,var(--itd-size-lg-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-lg-field-fw))}.itd-code-input.itd-code-input-xlg .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-xlg-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 9.5));font-size:var(--itd-code-input-font-size,var(--itd-size-xlg-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-xlg-field-fw))}.itd-code-input.itd-code-input-error .itd-code-input-cell{border-color:var(--itd-code-input-error-border,var(--itd-color-error-border))}.itd-code-input.itd-code-input-filled.itd-code-input-error .itd-code-input-cell{box-shadow:inset 0 0 0 1px var(--itd-code-input-error-border,var(--itd-color-error-border))}.itd-code-input.itd-code-input-error .itd-code-input-cell[data-selected]{border-color:var(--itd-code-input-error-border,var(--itd-color-error-border));outline-color:var(--itd-code-input-error-ring,var(--itd-color-error-outline))}.itd-code-input.itd-code-input-disabled .itd-code-input-cell{background-color:var(--itd-color-disabled-bg);border-color:var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}.itd-code-input.itd-code-input-filled.itd-code-input-disabled .itd-code-input-cell{border:0;box-shadow:inset 0 0 0 1px var(--itd-color-disabled-border)}.itd-code-input.itd-code-input-disabled :is(.itd-code-input-box,.itd-code-input-cell,.itd-code-input-field){cursor:not-allowed}.itd-code-input.itd-code-input-locked :is(.itd-code-input-box,.itd-code-input-cell,.itd-code-input-field){cursor:default}.itd-code-input-status{position:absolute;top:50%;right:calc(var(--itd-spacing) * -6);transform:translateY(-50%);display:flex;align-items:center;cursor:pointer}.itd-code-input-status svg circle{fill:var(--itd-color-error)}.itd-code-input-status svg path{fill:var(--itd-color-error-text)}}
package/dist/css/color-input.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-color-input-well{block-size:1.125rem;border:2px solid var(--itd-color-border);border-radius:50%;display:inline-block;inline-size:1.125rem;overflow:hidden;position:relative}.itd-color-input-well-input{block-size:100%;cursor:pointer;inline-size:100%;inset:0;opacity:0;position:absolute}.itd-color-input-well-input:disabled{cursor:default}}
1
+ @layer components{.itd-color-input-well{position:relative;display:inline-block;inline-size:1.125rem;block-size:1.125rem;border:2px solid var(--itd-color-border);border-radius:50%;overflow:hidden}.itd-color-input-well-input{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:0;cursor:pointer}.itd-color-input-well-input:disabled{cursor:default}}
package/dist/css/coming-soon.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-coming-soon{height:100%;position:relative;width:100%}.itd-coming-soon-content{width:100%}.itd-coming-soon-veil{align-items:center;-webkit-backdrop-filter:blur(var(--itd-coming-soon-blur,.625rem));backdrop-filter:blur(var(--itd-coming-soon-blur,.625rem));background-color:var(--itd-coming-soon-bg,oklch(from var(--itd-background) l c h/.5));border-radius:var(--itd-coming-soon-radius,var(--itd-radius-md));display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:1}.itd-coming-soon-label{color:var(--itd-coming-soon-ink,var(--itd-color-text-muted));font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);padding-inline:calc(var(--itd-spacing)*4);text-align:center}}
1
+ @layer components{.itd-coming-soon{position:relative;width:100%;height:100%}.itd-coming-soon-content{width:100%}.itd-coming-soon-veil{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:var(--itd-coming-soon-radius,var(--itd-radius-md));background-color:var(--itd-coming-soon-bg,oklch(from var(--itd-background) l c h/.5));-webkit-backdrop-filter:blur(var(--itd-coming-soon-blur,.625rem));backdrop-filter:blur(var(--itd-coming-soon-blur,.625rem));pointer-events:none}.itd-coming-soon-label{color:var(--itd-coming-soon-ink,var(--itd-color-text-muted));font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);text-align:center;padding-inline:calc(var(--itd-spacing) * 4)}}
package/dist/css/common.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-error-tooltip{--_offset-x:var(--itd-error-offset-x,0px);--_offset-y:var(--itd-error-offset-y,0px);align-items:flex-end;background:var(--itd-color-error);border-radius:calc(var(--itd-radius) - 2px);color:var(--itd-color-error-text);display:flex;font-size:var(--itd-text-xs);justify-content:center;line-height:var(--itd-leading-tight);max-width:210px;padding:8px 7px;position:absolute;width:max-content;z-index:1}.itd-error-tooltip:after{border-left:7px solid #0000;border-right:7px solid #0000;content:"";height:0;position:absolute;width:0}.itd-error-tooltip:not([data-position]),.itd-error-tooltip[data-position=top-right]{bottom:30px;right:-16px}:is(.itd-error-tooltip[data-position=top-right],.itd-error-tooltip:not([data-position])):after{border-top:10px solid var(--itd-color-error);bottom:calc(-6px + var(--_offset-y));right:calc(17px + var(--_offset-x))}.itd-error-tooltip[data-position=top-left]{bottom:30px;left:-10px}.itd-error-tooltip[data-position=top-left]:after{border-top:10px solid var(--itd-color-error);bottom:calc(-6px + var(--_offset-y));left:calc(17px + var(--_offset-x))}.itd-error-tooltip[data-position=bottom-left]{left:-95px;top:-40px}.itd-error-tooltip[data-position=bottom-left]:after{border-bottom:10px solid var(--itd-color-error);left:calc(17px + var(--_offset-x));top:calc(-6px + var(--_offset-y))}.itd-error-tooltip[data-position=bottom-right]{bottom:-40px;right:-95px}.itd-error-tooltip[data-position=bottom-right]:after{border-bottom:10px solid var(--itd-color-error);right:calc(17px + var(--_offset-x));top:calc(-6px + var(--_offset-y))}.itd-error-border{border:1px solid var(--itd-color-error-border);border-radius:calc(var(--itd-radius) - 2px);height:calc(100% + 2px);left:-1px;pointer-events:none;position:absolute;top:-1px;width:calc(100% + 2px)}.itd-error-border[data-full-size]{height:100%;left:0;top:0;width:100%}.itd-error-icon-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.itd-error-icon-wrapper svg circle{fill:var(--itd-color-error)}.itd-error-icon-wrapper svg path{fill:var(--itd-color-error-text)}}
1
+ @layer components{.itd-error-tooltip{position:absolute;display:flex;justify-content:center;align-items:flex-end;font-size:var(--itd-text-xs);line-height:var(--itd-leading-tight);border-radius:calc(var(--itd-radius) - 2px);padding:8px 7px;color:var(--itd-color-error-text);background:var(--itd-color-error);width:max-content;max-width:210px;z-index:1;--_offset-x:var(--itd-error-offset-x, 0px);--_offset-y:var(--itd-error-offset-y, 0px)}.itd-error-tooltip:after{content:"";width:0;height:0;position:absolute;border-left:7px solid #0000;border-right:7px solid #0000}.itd-error-tooltip:not([data-position]),.itd-error-tooltip[data-position=top-right]{right:-16px;bottom:30px}:is(.itd-error-tooltip[data-position=top-right],.itd-error-tooltip:not([data-position])):after{bottom:calc(-6px + var(--_offset-y));right:calc(17px + var(--_offset-x));border-top:10px solid var(--itd-color-error)}.itd-error-tooltip[data-position=top-left]{left:-10px;bottom:30px}.itd-error-tooltip[data-position=top-left]:after{bottom:calc(-6px + var(--_offset-y));left:calc(17px + var(--_offset-x));border-top:10px solid var(--itd-color-error)}.itd-error-tooltip[data-position=bottom-left]{left:-95px;top:-40px}.itd-error-tooltip[data-position=bottom-left]:after{top:calc(-6px + var(--_offset-y));left:calc(17px + var(--_offset-x));border-bottom:10px solid var(--itd-color-error)}.itd-error-tooltip[data-position=bottom-right]{right:-95px;bottom:-40px}.itd-error-tooltip[data-position=bottom-right]:after{top:calc(-6px + var(--_offset-y));right:calc(17px + var(--_offset-x));border-bottom:10px solid var(--itd-color-error)}.itd-error-border{position:absolute;border:1px solid var(--itd-color-error-border);width:calc(100% + 2px);height:calc(100% + 2px);border-radius:calc(var(--itd-radius) - 2px);top:-1px;left:-1px;pointer-events:none}.itd-error-border[data-full-size]{width:100%;height:100%;top:0;left:0}.itd-error-icon-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.itd-error-icon-wrapper svg circle{fill:var(--itd-color-error)}.itd-error-icon-wrapper svg path{fill:var(--itd-color-error-text)}}
package/dist/css/components.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-modal-transition-enter{opacity:0;transform:translateY(-20px) scale(.95)}.itd-modal-transition-enter-active{transition:opacity .3s,transform .3s;transition-delay:.3s}.itd-modal-transition-enter-active,.itd-modal-transition-exit{opacity:1;transform:translateY(0) scale(1)}.itd-modal-transition-exit-active{opacity:0;transform:translateY(-20px) scale(.95);transition:opacity .3s,transform .3s}.itd-select-dropdown-transition-enter{opacity:0;transform:translateY(-5px) scale(.975)}.itd-select-dropdown-transition-enter-active{opacity:1;transform:translateY(0) scale(1);transition:opacity .2s,transform .2s}.itd-select-dropdown-transition-exit{opacity:1;transform:translateY(0) scale(1)}.itd-select-dropdown-transition-exit-active{opacity:0;transform:translateY(-5px) scale(.975);transition:opacity .2s,transform .2s}.datepicker-modal-enter{opacity:0;transform:translateY(-4px) scale(.975)}.datepicker-modal-enter-active{transition:opacity .2s,transform .2s}.datepicker-modal-enter-active,.datepicker-modal-exit{opacity:1;transform:translateY(0) scale(1)}.datepicker-modal-exit-active{opacity:0;transform:translateY(-4px) scale(.975);transition:opacity .2s,transform .2s}@media (prefers-reduced-motion:reduce){.datepicker-modal-enter-active,.datepicker-modal-exit-active,.itd-modal-transition-enter-active,.itd-modal-transition-exit-active,.itd-select-dropdown-transition-enter-active,.itd-select-dropdown-transition-exit-active{animation:none;transition:none}}}
1
+ @layer components{.itd-modal-transition-enter{opacity:0;transform:translateY(-20px) scale(.95)}.itd-modal-transition-enter-active{transition:opacity .3s,transform .3s;transition-delay:.3s}.itd-modal-transition-enter-active,.itd-modal-transition-exit{opacity:1;transform:translateY(0) scale(1)}.itd-modal-transition-exit-active{opacity:0;transform:translateY(-20px) scale(.95);transition:opacity .3s,transform .3s}.itd-select-dropdown-transition-enter{opacity:0;transform:translateY(-5px) scale(.975)}.itd-select-dropdown-transition-enter-active{opacity:1;transform:translateY(0) scale(1);transition:opacity .2s,transform .2s}.itd-select-dropdown-transition-exit{opacity:1;transform:translateY(0) scale(1)}.itd-select-dropdown-transition-exit-active{opacity:0;transform:translateY(-5px) scale(.975);transition:opacity .2s,transform .2s}.datepicker-modal-enter{opacity:0;transform:translateY(-4px) scale(.975)}.datepicker-modal-enter-active{transition:opacity .2s,transform .2s}.datepicker-modal-enter-active,.datepicker-modal-exit{opacity:1;transform:translateY(0) scale(1)}.datepicker-modal-exit-active{opacity:0;transform:translateY(-4px) scale(.975);transition:opacity .2s,transform .2s}@media (prefers-reduced-motion:reduce){.datepicker-modal-enter-active,.datepicker-modal-exit-active,.itd-modal-transition-enter-active,.itd-modal-transition-exit-active,.itd-select-dropdown-transition-enter-active,.itd-select-dropdown-transition-exit-active{transition:none;animation:none}}}
package/dist/css/cropper.css CHANGED
@@ -1,13 +1,17 @@
1
- @layer components{.itd-cropper{--crop-mask:#ffffffa6;--crop-line:#262626e6;--crop-grid:#ffffffbf;--crop-bracket:#fffffff2;line-height:0;margin:0 auto;position:relative;-webkit-user-select:none;user-select:none;width:max-content}
1
+ @layer components{.itd-cropper{position:relative;width:max-content;margin:0 auto;-webkit-user-select:none;user-select:none;line-height:0;--crop-mask:#ffffffa6;--crop-line:#262626e6;--crop-grid:#ffffffbf}
2
2
 
3
3
  @supports (color: oklab(0% 0 0%)){
4
- .itd-cropper{--crop-mask:oklch(1 0 0/0.65);--crop-line:oklch(0.269 0 0/0.9);--crop-grid:oklch(1 0 0/0.75);--crop-bracket:oklch(1 0 0/0.95)}
5
- }[data-theme=dark] .itd-cropper{--crop-mask:#00000080;--crop-line:#ffffffe6;--crop-grid:#fff6;--crop-bracket:#fffffff2}
4
+ .itd-cropper{--crop-mask:oklch(1 0 0 / 0.65);--crop-line:oklch(0.269 0 0 / 0.9);--crop-grid:oklch(1 0 0 / 0.75)}
5
+ }.itd-cropper,[data-theme=dark] .itd-cropper{--crop-bracket:#fffffff2}
6
6
 
7
7
  @supports (color: oklab(0% 0 0%)){
8
- [data-theme=dark] .itd-cropper{--crop-mask:oklch(0 0 0/0.5);--crop-line:oklch(1 0 0/0.9);--crop-grid:oklch(1 0 0/0.4);--crop-bracket:oklch(1 0 0/0.95)}
9
- }.itd-cropper-image{display:block;height:auto;max-width:100%;pointer-events:none;width:auto}.itd-cropper-overlay{inset:0;pointer-events:none;position:absolute}.itd-cropper-mask{background:var(--crop-mask);pointer-events:none;position:absolute}.itd-cropper-mask[data-edge=top]{left:0;right:0;top:0}.itd-cropper-mask[data-edge=bottom]{bottom:0;left:0;right:0}.itd-cropper-mask[data-edge=left]{left:0}.itd-cropper-mask[data-edge=right]{right:0}.itd-cropper-box{border:1px solid var(--crop-line);cursor:move;pointer-events:auto;position:absolute;touch-action:none}.itd-cropper-box:after,.itd-cropper-box:before{content:none;position:absolute}.itd-cropper-box[data-show-grid]:after,.itd-cropper-box[data-show-grid]:before{content:""}.itd-cropper-box:before{border-left:1px solid var(--crop-grid);border-right:1px solid var(--crop-grid);bottom:0;left:33.33%;right:33.33%;top:0}.itd-cropper-box:after{border-bottom:1px solid var(--crop-grid);border-top:1px solid var(--crop-grid);bottom:33.33%;left:0;right:0;top:33.33%}.itd-cropper-circle{border:1px dashed var(--crop-line);border-radius:50%;inset:0;pointer-events:none;position:absolute}.itd-cropper-error{align-items:center;color:var(--crop-line,#262626e6);display:flex;font-size:var(--itd-text-sm);justify-content:center;line-height:1.4;min-height:120px;padding:24px;text-align:center;width:100%}
8
+ .itd-cropper,[data-theme=dark] .itd-cropper{--crop-bracket:oklch(1 0 0 / 0.95)}
9
+ }[data-theme=dark] .itd-cropper{--crop-mask:#00000080;--crop-line:#ffffffe6;--crop-grid:#fff6}
10
+
11
+ @supports (color: oklab(0% 0 0%)){
12
+ [data-theme=dark] .itd-cropper{--crop-mask:oklch(0 0 0 / 0.5);--crop-line:oklch(1 0 0 / 0.9);--crop-grid:oklch(1 0 0 / 0.4)}
13
+ }.itd-cropper-image{display:block;max-width:100%;width:auto;height:auto;pointer-events:none}.itd-cropper-overlay{position:absolute;inset:0;pointer-events:none}.itd-cropper-mask{position:absolute;background:var(--crop-mask);pointer-events:none}.itd-cropper-mask[data-edge=top]{left:0;right:0;top:0}.itd-cropper-mask[data-edge=bottom]{left:0;right:0;bottom:0}.itd-cropper-mask[data-edge=left]{left:0}.itd-cropper-mask[data-edge=right]{right:0}.itd-cropper-box{position:absolute;border:1px solid var(--crop-line);cursor:move;pointer-events:auto;touch-action:none}.itd-cropper-box:after,.itd-cropper-box:before{content:none;position:absolute}.itd-cropper-box[data-show-grid]:after,.itd-cropper-box[data-show-grid]:before{content:""}.itd-cropper-box:before{left:33.33%;right:33.33%;top:0;bottom:0;border-left:1px solid var(--crop-grid);border-right:1px solid var(--crop-grid)}.itd-cropper-box:after{top:33.33%;bottom:33.33%;left:0;right:0;border-top:1px solid var(--crop-grid);border-bottom:1px solid var(--crop-grid)}.itd-cropper-circle{position:absolute;inset:0;border:1px dashed var(--crop-line);border-radius:50%;pointer-events:none}.itd-cropper-error{display:flex;align-items:center;justify-content:center;width:100%;min-height:120px;padding:24px;text-align:center;color:var(--crop-line,#262626e6);font-size:var(--itd-text-sm);line-height:1.4}
10
14
 
11
15
  @supports (color: oklab(0% 0 0%)){
12
16
  .itd-cropper-error{color:var(--crop-line,oklch(.269 0 0/.9))}
13
- }.itd-cropper-handle{border-radius:3px;cursor:pointer;filter:drop-shadow(0 0 1px rgba(0,0,0,.5));filter:drop-shadow(0 0 1px oklch(0 0 0/.5));height:20px;pointer-events:auto;position:absolute;touch-action:none;width:20px;z-index:10}.itd-cropper-handle[data-position=nw]{border-left:3px solid var(--crop-bracket);border-top:3px solid var(--crop-bracket);cursor:nw-resize;left:-3px;top:-3px}.itd-cropper-handle[data-position=ne]{border-right:3px solid var(--crop-bracket);border-top:3px solid var(--crop-bracket);cursor:ne-resize;right:-3px;top:-3px}.itd-cropper-handle[data-position=sw]{border-bottom:3px solid var(--crop-bracket);border-left:3px solid var(--crop-bracket);bottom:-3px;cursor:sw-resize;left:-3px}.itd-cropper-handle[data-position=se]{border-bottom:3px solid var(--crop-bracket);border-right:3px solid var(--crop-bracket);bottom:-3px;cursor:se-resize;right:-3px}}
17
+ }.itd-cropper-handle{position:absolute;width:20px;height:20px;pointer-events:auto;touch-action:none;z-index:10;filter:drop-shadow(0 0 1px rgba(0,0,0,.5));filter:drop-shadow(0 0 1px oklch(0 0 0/.5));border-radius:3px;cursor:pointer}.itd-cropper-handle[data-position=nw]{cursor:nw-resize;top:-3px;left:-3px;border-top:3px solid var(--crop-bracket);border-left:3px solid var(--crop-bracket)}.itd-cropper-handle[data-position=ne]{cursor:ne-resize;top:-3px;right:-3px;border-top:3px solid var(--crop-bracket);border-right:3px solid var(--crop-bracket)}.itd-cropper-handle[data-position=sw]{cursor:sw-resize;bottom:-3px;left:-3px;border-bottom:3px solid var(--crop-bracket);border-left:3px solid var(--crop-bracket)}.itd-cropper-handle[data-position=se]{cursor:se-resize;bottom:-3px;right:-3px;border-bottom:3px solid var(--crop-bracket);border-right:3px solid var(--crop-bracket)}}
package/dist/css/datepicker.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-date-picker{height:max-content;position:relative}.itd-date-picker input{display:block;outline:none;width:100%}.itd-date-picker .itd-datepicker-suffix{display:inline-grid;height:calc(var(--itd-spacing)*4);place-items:center;width:calc(var(--itd-spacing)*4)}.itd-date-picker .itd-datepicker-icon{color:var(--itd-color-text-neutral);cursor:pointer;transition:color .2s ease}:is(.itd-date-picker .itd-datepicker-icon):hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-date-picker[data-disabled]{cursor:not-allowed}.itd-date-picker[data-disabled] .itd-datepicker-icon svg{color:var(--itd-color-disabled-text)}.itd-datepicker-calendar{border-radius:var(--itd-radius-sm);box-shadow:0 0 30px #00000040;box-shadow:0 0 30px oklch(0 0 0/.25);position:fixed;transform-box:fill-box;z-index:9999}.itd-datepicker-calendar[data-placement=bottom]{transform-origin:0 0}.itd-datepicker-calendar[data-placement=top]{transform-origin:0 100%}.itd-datepicker-remove-button{align-items:center;cursor:pointer;display:flex;justify-content:center}.itd-datepicker-remove-button svg{color:var(--itd-color-text-neutral);transition:color .2s ease}.itd-datepicker-remove-button:hover:where(:root:not(.itd-touch) *) svg{color:var(--itd-color-text)}}
1
+ @layer components{.itd-date-picker{position:relative;height:max-content}.itd-date-picker input{display:block;width:100%;outline:none}.itd-date-picker .itd-datepicker-suffix{width:calc(var(--itd-spacing) * 4);height:calc(var(--itd-spacing) * 4);display:inline-grid;place-items:center}.itd-date-picker .itd-datepicker-icon{color:var(--itd-color-text-neutral);transition:color .2s ease;cursor:pointer}:is(.itd-date-picker .itd-datepicker-icon):hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-date-picker[data-disabled]{cursor:not-allowed}.itd-date-picker[data-disabled] .itd-datepicker-icon svg{color:var(--itd-color-disabled-text)}.itd-datepicker-calendar{border-radius:var(--itd-radius-sm);box-shadow:0 0 30px #00000040;box-shadow:0 0 30px oklch(0 0 0/.25);z-index:9999;position:fixed;transform-box:fill-box}.itd-datepicker-calendar[data-placement=bottom]{transform-origin:0 0}.itd-datepicker-calendar[data-placement=top]{transform-origin:0 100%}.itd-datepicker-remove-button{display:flex;align-items:center;justify-content:center;cursor:pointer}.itd-datepicker-remove-button svg{transition:color .2s ease;color:var(--itd-color-text-neutral)}.itd-datepicker-remove-button:hover:where(:root:not(.itd-touch) *) svg{color:var(--itd-color-text)}}
package/dist/css/default-avatar.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-default-avatar{fill:var(--site-avatar-ink,color-mix(in srgb,var(--itd-primary) 60%,#0000));background:oklch(from var(--itd-background) calc(l - .04) c h);display:block;height:100%;width:100%}[data-theme=light] .itd-default-avatar{background:oklch(from var(--itd-background) calc(l - .1) c h)}}
1
+ @layer components{.itd-default-avatar{width:100%;height:100%;display:block;background:oklch(from var(--itd-background) calc(l - .04) c h);fill:var(--site-avatar-ink,color-mix(in srgb,var(--itd-primary) 60%,#0000))}[data-theme=light] .itd-default-avatar{background:oklch(from var(--itd-background) calc(l - .1) c h)}}
package/dist/css/dialog.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-dialog-portal{inset:0;pointer-events:auto;position:fixed;z-index:var(--itd-z-dialog,1002)}.itd-dialog-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:color-mix(in srgb,var(--itd-color-overlay) 45%,#0000);inset:0;position:fixed}.itd-dialog-content{--_px:calc(var(--itd-spacing)*6);background:var(--itd-color-background-dialog,var(--itd-color-background-modal));border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);color:var(--itd-card-foreground);display:flex;flex-direction:column;font-size:var(--itd-text-sm);gap:calc(var(--itd-spacing)*4);left:50%;line-height:var(--itd-text-sm--line-height);max-height:calc(100vh - var(--itd-spacing)*16);max-width:32rem;overflow-y:auto;padding:calc(var(--itd-spacing)*6) var(--_px);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--itd-spacing)*8)}.itd-dialog-content:focus{outline:none}.itd-dialog-close{align-items:center;background:#0000;border:0;border-radius:var(--itd-radius-sm);color:var(--itd-color-text-muted);cursor:pointer;display:inline-flex;height:calc(var(--itd-spacing)*7);justify-content:center;position:absolute;right:calc(var(--itd-spacing)*3);top:calc(var(--itd-spacing)*3);transition:color .15s ease,background-color .15s ease;width:calc(var(--itd-spacing)*7)}.itd-dialog-close:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt);color:var(--itd-card-foreground)}.itd-dialog-close:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}.itd-dialog-header{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.5);text-align:left}.itd-dialog-header[data-variant=separator]{align-items:center;background:var(--itd-color-background-modal-footer,var(--itd-color-background-footer));border-bottom:1px solid var(--itd-color-border);border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;justify-content:center;margin-inline:calc(var(--_px)*-1);margin-top:calc(var(--itd-spacing)*-6);min-height:var(--itd-dialog-header-h,4rem);padding-inline:var(--_px);padding-bottom:0;padding-top:0;text-align:center}.itd-dialog-title{color:var(--itd-card-foreground);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-medium);line-height:var(--itd-leading-tight);margin:0}.itd-dialog-description{color:var(--itd-muted-foreground);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);margin:0}.itd-dialog-footer{display:flex;flex-direction:row;gap:calc(var(--itd-spacing)*2);justify-content:flex-end;margin-top:calc(var(--itd-spacing)*2)}.itd-dialog-content[data-responsive]{max-width:26rem}.itd-dialog-content[data-responsive] .itd-dialog-footer{align-items:stretch;flex-direction:column}.itd-dialog-footer[data-variant=filled],.itd-dialog-footer[data-variant=separator]{background:var(--itd-color-background-modal-footer,var(--itd-color-background-footer));border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md);margin-inline:calc(var(--_px)*-1);margin-bottom:calc(var(--itd-spacing)*-6);margin-top:0;padding-inline:var(--_px);padding-bottom:calc(var(--itd-spacing)*6);padding-top:calc(var(--itd-spacing)*4)}.itd-dialog-footer[data-variant=separator]{border-top:1px solid var(--itd-color-border)}.itd-dialog-appear .itd-dialog-overlay,.itd-dialog-enter .itd-dialog-overlay{opacity:0}.itd-dialog-appear-active .itd-dialog-overlay,.itd-dialog-enter-active .itd-dialog-overlay{opacity:1;transition:opacity .15s ease}.itd-dialog-appear .itd-dialog-content,.itd-dialog-enter .itd-dialog-content{opacity:0;transform:translate(-50%,-48%) scale(.96)}.itd-dialog-appear-active .itd-dialog-content,.itd-dialog-enter-active .itd-dialog-content{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.itd-dialog-exit .itd-dialog-overlay{opacity:1}.itd-dialog-exit-active .itd-dialog-overlay{opacity:0;transition:opacity .15s ease}.itd-dialog-exit .itd-dialog-content{opacity:1;transform:translate(-50%,-50%) scale(1)}.itd-dialog-exit-active .itd-dialog-content{opacity:0;transform:translate(-50%,-48%) scale(.96);transition:opacity .15s ease,transform .15s ease}@media (prefers-reduced-motion:reduce){.itd-dialog-portal *{transition:none!important}}[data-itd-elevation=raised] .itd-dialog-content{background:var(--itd-background)}}
1
+ @layer components{.itd-dialog-portal{position:fixed;inset:0;z-index:var(--itd-z-dialog,1002);pointer-events:auto}.itd-dialog-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--itd-color-overlay) 45%,#0000);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.itd-dialog-content{--_px:calc(var(--itd-spacing) * 6);position:fixed;left:50%;top:50%;width:calc(100% - calc(var(--itd-spacing) * 8));max-width:32rem;max-height:calc(100vh - calc(var(--itd-spacing) * 16));overflow-y:auto;background:var(--itd-color-background-dialog,var(--itd-color-background-modal));color:var(--itd-card-foreground);border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);padding:calc(var(--itd-spacing) * 6) var(--_px);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 4);transform:translate(-50%,-50%)}.itd-dialog-content:focus{outline:none}.itd-dialog-close{position:absolute;top:calc(var(--itd-spacing) * 3);right:calc(var(--itd-spacing) * 3);width:calc(var(--itd-spacing) * 7);height:calc(var(--itd-spacing) * 7);display:inline-flex;align-items:center;justify-content:center;background:#0000;border:0;border-radius:var(--itd-radius-sm);color:var(--itd-color-text-muted);cursor:pointer;transition:color .15s ease,background-color .15s ease}.itd-dialog-close:hover:where(:root:not(.itd-touch) *){color:var(--itd-card-foreground);background-color:var(--itd-color-background-alt)}.itd-dialog-close:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}.itd-dialog-header{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1.5);text-align:left}.itd-dialog-header[data-variant=separator]{text-align:center;align-items:center;justify-content:center;min-height:var(--itd-dialog-header-h,4rem);margin-inline:calc(-1 * var(--_px));padding-inline:var(--_px);margin-top:calc(var(--itd-spacing) * -6);padding-top:0;padding-bottom:0;background:var(--itd-color-background-modal-footer,var(--itd-color-background-footer));border-bottom:1px solid var(--itd-color-border);border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0}.itd-dialog-title{margin:0;font-size:var(--itd-text-default);line-height:var(--itd-leading-tight);font-weight:var(--itd-font-weight-medium);color:var(--itd-card-foreground)}.itd-dialog-description{margin:0;font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);color:var(--itd-muted-foreground)}.itd-dialog-footer{display:flex;flex-direction:row;justify-content:flex-end;gap:calc(var(--itd-spacing) * 2);margin-top:calc(var(--itd-spacing) * 2)}.itd-dialog-content[data-responsive]{max-width:26rem}.itd-dialog-content[data-responsive] .itd-dialog-footer{flex-direction:column;align-items:stretch}.itd-dialog-footer[data-variant=filled],.itd-dialog-footer[data-variant=separator]{margin-inline:calc(-1 * var(--_px));padding-inline:var(--_px);margin-top:0;margin-bottom:calc(var(--itd-spacing) * -6);padding-top:calc(var(--itd-spacing) * 4);padding-bottom:calc(var(--itd-spacing) * 6);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-dialog-footer[data-variant=separator]{border-top:1px solid var(--itd-color-border)}:is(.itd-dialog-appear,.itd-dialog-enter) .itd-dialog-overlay{opacity:0}:is(.itd-dialog-appear-active,.itd-dialog-enter-active) .itd-dialog-overlay{opacity:1;transition:opacity .15s ease}:is(.itd-dialog-appear,.itd-dialog-enter) .itd-dialog-content{opacity:0;transform:translate(-50%,-48%) scale(.96)}:is(.itd-dialog-appear-active,.itd-dialog-enter-active) .itd-dialog-content{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.itd-dialog-exit .itd-dialog-overlay{opacity:1}.itd-dialog-exit-active .itd-dialog-overlay{opacity:0;transition:opacity .15s ease}.itd-dialog-exit .itd-dialog-content{opacity:1;transform:translate(-50%,-50%) scale(1)}.itd-dialog-exit-active .itd-dialog-content{opacity:0;transform:translate(-50%,-48%) scale(.96);transition:opacity .15s ease,transform .15s ease}@media (prefers-reduced-motion:reduce){.itd-dialog-portal *{transition:none!important}}[data-itd-elevation=raised] .itd-dialog-content{background:var(--itd-background)}}
package/dist/css/dropdown-menu.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-dropdown-menu{min-width:150px}.itd-dropdown-menu-items{--_panel:var(--itd-popover);--_hover-l:0.07;background:var(--_panel);border:1px solid var(--itd-color-border);border-radius:var(--itd-border-radius);box-shadow:var(--itd-floating-shadow);display:flex;flex-direction:column;max-height:var(--itd-dropdown-menu-max-h,calc(100vh - 1rem));outline:none;overflow:hidden;padding:0}.itd-dropdown-menu-items[data-variant=filled]{--_panel:var(--itd-color-background-alt);background:var(--_panel);border:none}:root[data-theme=light] .itd-dropdown-menu-items{--_hover-l:-0.05}.itd-dropdown-menu-scroll{max-height:var(--itd-dropdown-menu-max-h,calc(100vh - 1rem))}.itd-dropdown-menu-label{box-sizing:border-box;color:var(--itd-muted-foreground);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*4);width:100%}.itd-dropdown-menu-label:not(:has(+.itd-dropdown-menu-separator)){padding-bottom:0}.itd-dropdown-menu-items[data-compact] .itd-dropdown-menu-label{padding-block:calc(var(--itd-spacing)*1.5)}:is(.itd-dropdown-menu-items[data-compact] .itd-dropdown-menu-label):not(:has(+.itd-dropdown-menu-separator)){padding-bottom:0}.itd-dropdown-menu-separator{background:var(--itd-color-border);flex-shrink:0;height:1px;width:100%}.itd-dropdown-menu-item{all:unset;align-items:center;box-sizing:border-box;color:var(--itd-foreground);cursor:pointer;display:flex;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-normal);gap:calc(var(--itd-spacing)*2);line-height:calc(var(--itd-spacing)*5);padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*4);transition:background .05s ease,color .05s ease;white-space:nowrap;width:100%}.itd-dropdown-menu-item[data-highlighted]{background:oklch(from var(--_panel) calc(l + var(--_hover-l)) c h)}.itd-dropdown-menu-item.active{color:var(--itd-primary)}.itd-dropdown-menu-item.itd-dropdown-menu-item--danger{color:var(--itd-color-error)}.itd-dropdown-menu-item[data-disabled]{color:var(--itd-color-disabled-text);cursor:not-allowed;opacity:.5}.itd-dropdown-menu-item[data-disabled][data-highlighted]{background:#0000;color:var(--itd-color-disabled-text)}.itd-dropdown-menu-items[data-compact] .itd-dropdown-menu-item{padding-block:calc(var(--itd-spacing)*1.2)}.itd-dropdown-menu--tabs .itd-dropdown-menu-item{color:var(--itd-muted-foreground);font-weight:var(--itd-font-weight-medium)}.active:is(.itd-dropdown-menu--tabs .itd-dropdown-menu-item){color:var(--itd-primary)}.itd-dropdown-menu-indicator{align-items:center;display:flex;flex-shrink:0;height:1rem;justify-content:center;margin-left:auto;width:1rem}.itd-dropdown-menu-sub-trigger-label{align-items:center;display:flex;gap:calc(var(--itd-spacing)*2)}.itd-dropdown-menu-sub-chevron{color:var(--itd-foreground);flex-shrink:0}}
1
+ @layer components{.itd-dropdown-menu{min-width:150px}.itd-dropdown-menu-items{--_panel:var(--itd-popover);--_hover-l:0.07;background:var(--_panel);border:1px solid var(--itd-color-border);border-radius:var(--itd-border-radius);box-shadow:var(--itd-floating-shadow);display:flex;flex-direction:column;padding:0;outline:none;overflow:hidden;max-height:var(--itd-dropdown-menu-max-h,calc(100vh - 1rem))}.itd-dropdown-menu-items[data-variant=filled]{border:none;--_panel:var(--itd-color-background-alt);background:var(--_panel)}:root[data-theme=light] .itd-dropdown-menu-items{--_hover-l:-0.05}.itd-dropdown-menu-scroll{max-height:var(--itd-dropdown-menu-max-h,calc(100vh - 1rem))}.itd-dropdown-menu-label{width:100%;box-sizing:border-box;padding:calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 4);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);color:var(--itd-muted-foreground)}.itd-dropdown-menu-label:not(:has(+.itd-dropdown-menu-separator)){padding-bottom:0}.itd-dropdown-menu-items[data-compact] .itd-dropdown-menu-label{padding-block:calc(var(--itd-spacing) * 1.5)}:is(.itd-dropdown-menu-items[data-compact] .itd-dropdown-menu-label):not(:has(+.itd-dropdown-menu-separator)){padding-bottom:0}.itd-dropdown-menu-separator{width:100%;height:1px;flex-shrink:0;background:var(--itd-color-border)}.itd-dropdown-menu-item{all:unset;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 4);font-size:var(--itd-text-sm);line-height:calc(var(--itd-spacing) * 5);font-weight:var(--itd-font-weight-normal);color:var(--itd-foreground);cursor:pointer;transition:background .05s ease,color .05s ease;white-space:nowrap}.itd-dropdown-menu-item[data-highlighted]{background:oklch(from var(--_panel) calc(l + var(--_hover-l)) c h)}.itd-dropdown-menu-item.active{color:var(--itd-primary)}.itd-dropdown-menu-item.itd-dropdown-menu-item--danger{color:var(--itd-color-error)}.itd-dropdown-menu-item[data-disabled]{cursor:not-allowed;opacity:.5;color:var(--itd-color-disabled-text)}.itd-dropdown-menu-item[data-disabled][data-highlighted]{background:#0000;color:var(--itd-color-disabled-text)}.itd-dropdown-menu-items[data-compact] .itd-dropdown-menu-item{padding-block:calc(var(--itd-spacing) * 1.2)}.itd-dropdown-menu--tabs .itd-dropdown-menu-item{font-weight:var(--itd-font-weight-medium);color:var(--itd-muted-foreground)}.active:is(.itd-dropdown-menu--tabs .itd-dropdown-menu-item){color:var(--itd-primary)}.itd-dropdown-menu-indicator{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;margin-left:auto}.itd-dropdown-menu-sub-trigger-label{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 2)}.itd-dropdown-menu-sub-chevron{flex-shrink:0;color:var(--itd-foreground)}}
package/dist/css/field.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-field-group{gap:1.5rem}.itd-field,.itd-field-group{display:flex;flex-direction:column;width:100%}.itd-field{gap:.5rem}.itd-field[data-orientation=horizontal]{align-items:center;flex-direction:row;gap:.5rem}.itd-field-description{color:var(--itd-color-text-muted);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-normal);line-height:var(--itd-text-sm--line-height);margin:0}.itd-field-separator{margin-block:.25rem}.itd-field-with-error{display:flex;flex-direction:column;gap:.375rem;width:100%}.itd-field-set{border:0;display:flex;flex-direction:column;gap:1rem;margin:0;min-inline-size:0;padding:0}.itd-field-legend{color:var(--itd-foreground);font-weight:var(--itd-font-weight-medium)}.itd-field-legend[data-variant=legend]{font-size:var(--itd-text-default)}.itd-field-legend[data-variant=label]{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-field-content{display:flex;flex:1;flex-direction:column;gap:.125rem}.itd-field-title{align-items:center;color:var(--itd-foreground);display:inline-flex;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);gap:.5rem;line-height:var(--itd-text-sm--line-height)}.itd-field-label:has(>.itd-field){cursor:pointer;display:block}.itd-field-label>.itd-field{border:1px solid var(--itd-color-border);border-radius:calc(var(--itd-border-radius)*.8);padding:.75rem 1rem;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-field-label>.itd-field:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-border-hover)}.itd-field-label>.itd-field:has(input:checked){background-color:var(--itd-muted);border-color:var(--itd-color-border-hover)}.itd-field-label>.itd-field:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);outline-offset:var(--itd-ring-offset)}.itd-field-error{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-field-error,.itd-field[data-invalid=true] .itd-field-label,.itd-field[data-invalid=true] .itd-field-title{color:var(--itd-color-alert-error-text)}.itd-field:has([aria-invalid=true])>.itd-field-label,.itd-field:has([aria-invalid=true])>.itd-field-title{color:var(--itd-color-alert-error-text)}}
1
+ @layer components{.itd-field-group{gap:1.5rem}.itd-field,.itd-field-group{display:flex;flex-direction:column;width:100%}.itd-field{gap:.5rem}.itd-field[data-orientation=horizontal]{flex-direction:row;align-items:center;gap:.5rem}.itd-field-description{margin:0;font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);font-weight:var(--itd-font-weight-normal);color:var(--itd-color-text-muted)}.itd-field-separator{margin-block:.25rem}.itd-field-with-error{display:flex;flex-direction:column;gap:.375rem;width:100%}.itd-field-set{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;border:0;min-inline-size:0}.itd-field-legend{font-weight:var(--itd-font-weight-medium);color:var(--itd-foreground)}.itd-field-legend[data-variant=legend]{font-size:var(--itd-text-default)}.itd-field-legend[data-variant=label]{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-field-content{display:flex;flex:1;flex-direction:column;gap:.125rem}.itd-field-title{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);font-weight:var(--itd-font-weight-medium);color:var(--itd-foreground)}.itd-field-label:has(>.itd-field){display:block;cursor:pointer}.itd-field-label>.itd-field{border:1px solid var(--itd-color-border);border-radius:calc(var(--itd-border-radius) * .8);padding:.75rem 1rem;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-field-label>.itd-field:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-border-hover)}.itd-field-label>.itd-field:has(input:checked){border-color:var(--itd-color-border-hover);background-color:var(--itd-muted)}.itd-field-label>.itd-field:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);outline-offset:var(--itd-ring-offset)}.itd-field-error{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-field-error,.itd-field[data-invalid=true] :is(.itd-field-label,.itd-field-title){color:var(--itd-color-alert-error-text)}.itd-field:has([aria-invalid=true])>:is(.itd-field-label,.itd-field-title){color:var(--itd-color-alert-error-text)}}
package/dist/css/filter-tabs.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-filter-tabs,.itd-filter-tabs[data-orientation=horizontal]{--_ft-default:var(--itd-color-background-alt-hover);--_ft-hover-l:0.04;display:flex;flex-wrap:wrap;gap:calc(var(--itd-spacing)*2)}.itd-filter-tabs-grow{flex-wrap:nowrap}.itd-filter-tabs-grow .itd-filter-tab{flex:1;justify-content:center}.itd-filter-tab{align-items:center;background:var(--itd-filter-tab-bg,var(--_ft-default));border-radius:.25rem;color:var(--itd-color-text-neutral);cursor:pointer;display:inline-flex;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);justify-content:center;line-height:var(--itd-text-xs);padding:.625rem .875rem;position:relative;transition:background-color .25s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.itd-filter-tabs-upper .itd-filter-tab{text-transform:uppercase}.itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-filter-tab-bg,var(--_ft-default)) calc(l + var(--_ft-hover-l)) c h)}:root[data-itd-elevation=raised] .itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-background) .93 c h)}.itd-filter-tab.active{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-filter-tab:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}:root[data-theme=light] .itd-filter-tabs{--_ft-default:var(--itd-box-wash);--_ft-hover-l:-0.04}:root[data-theme=light] .itd-filter-tab:not(.active){color:var(--itd-color-text)}}
1
+ @layer components{.itd-filter-tabs,.itd-filter-tabs[data-orientation=horizontal]{display:flex;flex-wrap:wrap;gap:calc(var(--itd-spacing) * 2);--_ft-default:var(--itd-color-background-alt-hover);--_ft-hover-l:0.04}.itd-filter-tabs-grow{flex-wrap:nowrap}.itd-filter-tabs-grow .itd-filter-tab{flex:1;justify-content:center}.itd-filter-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--itd-filter-tab-bg,var(--_ft-default));padding:.625rem .875rem;border-radius:.25rem;color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);line-height:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .25s ease-in-out}.itd-filter-tabs-upper .itd-filter-tab{text-transform:uppercase}.itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-filter-tab-bg,var(--_ft-default)) calc(l + var(--_ft-hover-l)) c h)}:root[data-itd-elevation=raised] .itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-background) .93 c h)}.itd-filter-tab.active{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-filter-tab:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}:root[data-theme=light] .itd-filter-tabs{--_ft-default:var(--itd-box-wash);--_ft-hover-l:-0.04}:root[data-theme=light] .itd-filter-tab:not(.active){color:var(--itd-color-text)}}
package/dist/css/flex.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-flex{align-items:center;display:flex;flex-direction:row;gap:var(--itd-flex-gap,normal)}.itd-flex[data-stretch]:not([data-vertical]){width:100%}.itd-flex[data-stretch][data-vertical]{height:100%}.itd-flex[data-wrap]{flex-wrap:wrap}.itd-flex[data-vertical]{flex-direction:column}.itd-flex[data-justify=unset]{justify-content:unset}.itd-flex[data-justify=flex-start]{justify-content:flex-start}.itd-flex[data-justify=center]{justify-content:center}.itd-flex[data-justify=flex-end]{justify-content:flex-end}.itd-flex[data-justify=space-between]{justify-content:space-between}.itd-flex[data-justify=space-around]{justify-content:space-around}.itd-flex[data-justify=space-evenly]{justify-content:space-evenly}.itd-flex[data-align=unset]{align-items:unset}.itd-flex[data-align=flex-start]{align-items:flex-start}.itd-flex[data-align=center]{align-items:center}.itd-flex[data-align=flex-end]{align-items:flex-end}}
1
+ @layer components{.itd-flex{display:flex;flex-direction:row;align-items:center;gap:var(--itd-flex-gap,normal)}.itd-flex[data-stretch]:not([data-vertical]){width:100%}.itd-flex[data-stretch][data-vertical]{height:100%}.itd-flex[data-wrap]{flex-wrap:wrap}.itd-flex[data-vertical]{flex-direction:column}.itd-flex[data-justify=unset]{justify-content:unset}.itd-flex[data-justify=flex-start]{justify-content:flex-start}.itd-flex[data-justify=center]{justify-content:center}.itd-flex[data-justify=flex-end]{justify-content:flex-end}.itd-flex[data-justify=space-between]{justify-content:space-between}.itd-flex[data-justify=space-around]{justify-content:space-around}.itd-flex[data-justify=space-evenly]{justify-content:space-evenly}.itd-flex[data-align=unset]{align-items:unset}.itd-flex[data-align=flex-start]{align-items:flex-start}.itd-flex[data-align=center]{align-items:center}.itd-flex[data-align=flex-end]{align-items:flex-end}}
package/dist/css/floating.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-hovercard-content[data-variant=default],.itd-popover-content[data-variant=default]{background:var(--itd-popover);border:1px solid var(--itd-color-border);border-radius:var(--itd-radius);box-shadow:var(--itd-floating-shadow);color:var(--itd-color-text)}.itd-hovercard-content[data-variant=filled],.itd-popover-content[data-variant=filled]{background:var(--itd-popover);border:1px solid #0000;border-radius:var(--itd-radius);box-shadow:var(--itd-floating-shadow);color:var(--itd-color-text)}.itd-floating-content[data-placement=top]{transform-origin:50% calc(100% + 32px)}.itd-floating-content[data-placement=bottom]{transform-origin:50% -32px}.itd-floating-content[data-placement=left]{transform-origin:calc(100% + 32px) 50%}.itd-floating-content[data-placement=right]{transform-origin:-32px 50%}.itd-floating-content[data-placement=inline-end]{transform-origin:0 0}.itd-floating-content[data-placement=inline-start]{transform-origin:100% 0}.itd-floating-content.itd-floating-transition-enter{opacity:0;transform:scale(.75)}.itd-floating-content.itd-floating-transition-enter-active{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s cubic-bezier(.16,1,.3,1)}.itd-floating-content.itd-floating-transition-exit-active{opacity:0;transform:scale(.75);transition:opacity .15s ease-in,transform .15s cubic-bezier(.7,0,.84,0)}.itd-floating-arrow{position:absolute}.itd-floating-arrow[data-placement=top]{height:5px;top:100%;width:10px}.itd-floating-arrow[data-placement=top][data-border-color]{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--border-color)}.itd-floating-arrow[data-placement=top][data-border-color]:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--arrow-color);content:"";height:0;left:calc(50% - 5px);position:absolute;top:-6.5px;width:0}.itd-floating-arrow[data-placement=bottom]{bottom:100%;height:5px;width:10px}.itd-floating-arrow[data-placement=bottom][data-border-color]{border-bottom:5px solid var(--border-color);border-left:5px solid #0000;border-right:5px solid #0000;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.03));filter:drop-shadow(0 -1px 1px oklch(0 0 0/.03))}.itd-floating-arrow[data-placement=bottom][data-border-color]:after{border-bottom:5px solid var(--arrow-color);border-left:5px solid #0000;border-right:5px solid #0000;bottom:-6.5px;content:"";height:0;left:calc(50% - 5px);position:absolute;width:0}.itd-floating-arrow[data-placement=left]{height:10px;left:100%;width:5px}.itd-floating-arrow[data-placement=left][data-border-color]{border-bottom:5px solid #0000;border-left:5px solid var(--border-color);border-top:5px solid #0000;filter:drop-shadow(1px 0 1px rgba(0,0,0,.03));filter:drop-shadow(1px 0 1px oklch(0 0 0/.03))}.itd-floating-arrow[data-placement=left][data-border-color]:after{border-bottom:5px solid #0000;border-left:5px solid var(--arrow-color);border-top:5px solid #0000;content:"";height:0;left:-6.5px;position:absolute;top:calc(50% - 5px);width:0}.itd-floating-arrow[data-placement=right]{height:10px;right:100%;width:5px}.itd-floating-arrow[data-placement=right][data-border-color]{border-bottom:5px solid #0000;border-right:5px solid var(--border-color);border-top:5px solid #0000;filter:drop-shadow(-1px 0 1px rgba(0,0,0,.03));filter:drop-shadow(-1px 0 1px oklch(0 0 0/.03))}.itd-floating-arrow[data-placement=right][data-border-color]:after{border-bottom:5px solid #0000;border-right:5px solid var(--arrow-color);border-top:5px solid #0000;content:"";height:0;position:absolute;right:-6.5px;top:calc(50% - 5px);width:0}}
1
+ @layer components{.itd-hovercard-content[data-variant=default],.itd-popover-content[data-variant=default]{border-radius:var(--itd-radius);background:var(--itd-popover);color:var(--itd-color-text);box-shadow:var(--itd-floating-shadow);border:1px solid var(--itd-color-border)}.itd-hovercard-content[data-variant=filled],.itd-popover-content[data-variant=filled]{border-radius:var(--itd-radius);background:var(--itd-popover);color:var(--itd-color-text);box-shadow:var(--itd-floating-shadow);border:1px solid #0000}.itd-floating-content[data-placement=top]{transform-origin:50% calc(100% + 32px)}.itd-floating-content[data-placement=bottom]{transform-origin:50% -32px}.itd-floating-content[data-placement=left]{transform-origin:calc(100% + 32px) 50%}.itd-floating-content[data-placement=right]{transform-origin:-32px 50%}.itd-floating-content[data-placement=inline-end]{transform-origin:0 0}.itd-floating-content[data-placement=inline-start]{transform-origin:100% 0}.itd-floating-content.itd-floating-transition-enter{opacity:0;transform:scale(.75)}.itd-floating-content.itd-floating-transition-enter-active{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s cubic-bezier(.16,1,.3,1)}.itd-floating-content.itd-floating-transition-exit-active{opacity:0;transform:scale(.75);transition:opacity .15s ease-in,transform .15s cubic-bezier(.7,0,.84,0)}.itd-floating-arrow{position:absolute}.itd-floating-arrow[data-placement=top]{top:100%;width:10px;height:5px}.itd-floating-arrow[data-placement=top][data-border-color]{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--border-color)}.itd-floating-arrow[data-placement=top][data-border-color]:after{content:"";position:absolute;width:0;height:0;top:-6.5px;left:calc(50% - 5px);border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--arrow-color)}.itd-floating-arrow[data-placement=bottom]{bottom:100%;width:10px;height:5px}.itd-floating-arrow[data-placement=bottom][data-border-color]{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:5px solid var(--border-color);filter:drop-shadow(0 -1px 1px rgba(0,0,0,.03));filter:drop-shadow(0 -1px 1px oklch(0 0 0/.03))}.itd-floating-arrow[data-placement=bottom][data-border-color]:after{content:"";position:absolute;width:0;height:0;bottom:-6.5px;left:calc(50% - 5px);border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:5px solid var(--arrow-color)}.itd-floating-arrow[data-placement=left]{left:100%;width:5px;height:10px}.itd-floating-arrow[data-placement=left][data-border-color]{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:5px solid var(--border-color);filter:drop-shadow(1px 0 1px rgba(0,0,0,.03));filter:drop-shadow(1px 0 1px oklch(0 0 0/.03))}.itd-floating-arrow[data-placement=left][data-border-color]:after{content:"";position:absolute;width:0;height:0;left:-6.5px;top:calc(50% - 5px);border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:5px solid var(--arrow-color)}.itd-floating-arrow[data-placement=right]{right:100%;width:5px;height:10px}.itd-floating-arrow[data-placement=right][data-border-color]{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:5px solid var(--border-color);filter:drop-shadow(-1px 0 1px rgba(0,0,0,.03));filter:drop-shadow(-1px 0 1px oklch(0 0 0/.03))}.itd-floating-arrow[data-placement=right][data-border-color]:after{content:"";position:absolute;width:0;height:0;right:-6.5px;top:calc(50% - 5px);border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:5px solid var(--arrow-color)}}