@mage-ui/preset 1.0.26 → 1.0.27

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 (99) hide show
  1. package/dist/recipes/buttons/button-visual/button-visual.mjs +1 -1
  2. package/dist/recipes/buttons/button-visual/button-visual.mjs.map +1 -1
  3. package/dist/recipes/controls/autocomplete/autocomplete.mjs +1 -1
  4. package/dist/recipes/controls/autocomplete/autocomplete.mjs.map +1 -1
  5. package/dist/recipes/controls/combobox/combobox.mjs +1 -1
  6. package/dist/recipes/controls/combobox/combobox.mjs.map +1 -1
  7. package/dist/recipes/controls/date-picker/date-picker-day.mjs +1 -1
  8. package/dist/recipes/controls/date-picker/date-picker-day.mjs.map +1 -1
  9. package/dist/recipes/controls/date-picker/date-picker.mjs +1 -1
  10. package/dist/recipes/controls/date-picker/date-picker.mjs.map +1 -1
  11. package/dist/recipes/controls/dropdown/dropdown-chevron.mjs +1 -1
  12. package/dist/recipes/controls/dropdown/dropdown-chevron.mjs.map +1 -1
  13. package/dist/recipes/controls/dropdown/dropdown-option.mjs +1 -1
  14. package/dist/recipes/controls/dropdown/dropdown-option.mjs.map +1 -1
  15. package/dist/recipes/controls/dropdown/dropdown.mjs +1 -1
  16. package/dist/recipes/controls/dropdown/dropdown.mjs.map +1 -1
  17. package/dist/recipes/controls/dropzone-files/dropzone-files-uploaded-file-start-icon-wrapped.mjs +1 -1
  18. package/dist/recipes/controls/dropzone-files/dropzone-files-uploaded-file-start-icon-wrapped.mjs.map +1 -1
  19. package/dist/recipes/controls/multi-select/multi-select.mjs +1 -1
  20. package/dist/recipes/controls/multi-select/multi-select.mjs.map +1 -1
  21. package/dist/recipes/controls/multi-select-tags/multi-select-tags.mjs +1 -1
  22. package/dist/recipes/controls/multi-select-tags/multi-select-tags.mjs.map +1 -1
  23. package/dist/recipes/controls/select/select-chevron.mjs +1 -1
  24. package/dist/recipes/controls/select/select-chevron.mjs.map +1 -1
  25. package/dist/recipes/controls/select/select.mjs +1 -1
  26. package/dist/recipes/controls/select/select.mjs.map +1 -1
  27. package/dist/recipes/controls/select-searchable/select-searchable.mjs +1 -1
  28. package/dist/recipes/controls/select-searchable/select-searchable.mjs.map +1 -1
  29. package/dist/recipes/controls/utils/chevron/chevron.mjs +1 -1
  30. package/dist/recipes/controls/utils/chevron/chevron.mjs.map +1 -1
  31. package/dist/recipes/data-display/avatar/avatar-root.mjs +1 -1
  32. package/dist/recipes/data-display/avatar/avatar-root.mjs.map +1 -1
  33. package/dist/recipes/data-display/avatar/avatar.mjs +1 -1
  34. package/dist/recipes/data-display/avatar/avatar.mjs.map +1 -1
  35. package/dist/recipes/data-display/calendar/calendar-event.mjs +1 -1
  36. package/dist/recipes/data-display/calendar/calendar-event.mjs.map +1 -1
  37. package/dist/recipes/data-display/calendar/calendar-root.mjs +1 -1
  38. package/dist/recipes/data-display/calendar/calendar-root.mjs.map +1 -1
  39. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs +1 -1
  40. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs.map +1 -1
  41. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs +1 -1
  42. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs.map +1 -1
  43. package/dist/recipes/data-display/calendar/calendar.mjs +1 -1
  44. package/dist/recipes/data-display/calendar/calendar.mjs.map +1 -1
  45. package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped-root.mjs +1 -1
  46. package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped-root.mjs.map +1 -1
  47. package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped.mjs +1 -1
  48. package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped.mjs.map +1 -1
  49. package/dist/recipes/data-display/index.mjs +1 -1
  50. package/dist/recipes/data-display/index.mjs.map +1 -1
  51. package/dist/recipes/data-display/notification-banner/index.mjs +2 -0
  52. package/dist/recipes/data-display/notification-banner/index.mjs.map +1 -0
  53. package/dist/recipes/data-display/notification-banner/notification-banner-content.mjs +2 -0
  54. package/dist/recipes/data-display/notification-banner/notification-banner-content.mjs.map +1 -0
  55. package/dist/recipes/data-display/notification-banner/notification-banner-root.mjs +2 -0
  56. package/dist/recipes/data-display/notification-banner/notification-banner-root.mjs.map +1 -0
  57. package/dist/recipes/data-display/notification-banner/notification-banner-section.mjs +2 -0
  58. package/dist/recipes/data-display/notification-banner/notification-banner-section.mjs.map +1 -0
  59. package/dist/recipes/data-display/notification-banner/notification-banner-wrapper.mjs +2 -0
  60. package/dist/recipes/data-display/notification-banner/notification-banner-wrapper.mjs.map +1 -0
  61. package/dist/recipes/data-display/notification-banner/notification-banner.mjs +2 -0
  62. package/dist/recipes/data-display/notification-banner/notification-banner.mjs.map +1 -0
  63. package/dist/recipes/data-display/tag/tag-button-icon.mjs +1 -1
  64. package/dist/recipes/data-display/tag/tag-button-icon.mjs.map +1 -1
  65. package/dist/recipes/data-display/uploaded-file/uploaded-file-link.mjs +1 -1
  66. package/dist/recipes/data-display/uploaded-file/uploaded-file-link.mjs.map +1 -1
  67. package/dist/recipes/data-display/uploaded-file/uploaded-file-start-icon-wrapped.mjs +1 -1
  68. package/dist/recipes/data-display/uploaded-file/uploaded-file-start-icon-wrapped.mjs.map +1 -1
  69. package/dist/recipes/data-display/uploaded-file/uploaded-file.mjs +1 -1
  70. package/dist/recipes/data-display/uploaded-file/uploaded-file.mjs.map +1 -1
  71. package/dist/recipes/navigations/menu/menu-item.mjs +1 -1
  72. package/dist/recipes/navigations/menu/menu-item.mjs.map +1 -1
  73. package/dist/recipes/navigations/menu/menu.mjs +1 -1
  74. package/dist/recipes/navigations/menu/menu.mjs.map +1 -1
  75. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs +1 -1
  76. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs.map +1 -1
  77. package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs +1 -1
  78. package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs.map +1 -1
  79. package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm.mjs +1 -1
  80. package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm.mjs.map +1 -1
  81. package/dist/recipes/overlays/modal-alert/modal-alert.mjs +1 -1
  82. package/dist/recipes/overlays/modal-alert/modal-alert.mjs.map +1 -1
  83. package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm.mjs +1 -1
  84. package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm.mjs.map +1 -1
  85. package/dist/recipes/overlays/modal-confirm/modal-confirm.mjs +1 -1
  86. package/dist/recipes/overlays/modal-confirm/modal-confirm.mjs.map +1 -1
  87. package/dist/recipes/overlays/tooltip/tooltip-root.mjs +1 -1
  88. package/dist/recipes/overlays/tooltip/tooltip-root.mjs.map +1 -1
  89. package/dist/recipes/overlays/tooltip/tooltip.mjs +1 -1
  90. package/dist/recipes/overlays/tooltip/tooltip.mjs.map +1 -1
  91. package/dist/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.mjs +1 -1
  92. package/dist/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.mjs.map +1 -1
  93. package/dist/recipes/semedlab/navigations/notification-menu/notification-menu-indicator.mjs +1 -1
  94. package/dist/recipes/semedlab/navigations/notification-menu/notification-menu-indicator.mjs.map +1 -1
  95. package/dist/semantic-tokens/colors.mjs +1 -1
  96. package/dist/semantic-tokens/colors.mjs.map +1 -1
  97. package/dist/tokens/colors.mjs +1 -1
  98. package/dist/tokens/colors.mjs.map +1 -1
  99. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- import{modal as e}from"../modal/modal.mjs";const t=e.merge({className:`modal-alert`,jsx:[`ModalAlert`],base:{"--modal-y-offset":`var(--modal-alert-y-offset, 4dvh)`,"--modal-x-offset":`var(--modal-alert-x-offset, 4vw)`,"--modal-size":`var(--modal-alert-size, auto)`,"--modal-overlay-background":`var(--modal-alert-overlay-background, rgba(0, 0, 0, .6))`,"--modal-overlay-filter":`var(--modal-alert-overlay-filter, blur(5px))`,"--modal-overlay-radius":`var(--modal-alert-overlay-radius, 0)`,"--modal-overlay-zindex":`var(--modal-alert-overlay-zindex, 100)`,"--modal-inner-align":`var(--modal-alert-inner-align, flex-start)`,"--modal-inner-y-offset":`var(--modal-alert-inner-y-offset, 4dvh)`,"--modal-inner-x-offset":`var(--modal-alert-inner-x-offset, 4dvw)`,"--modal-inner-zindex":`var(--modal-alert-inner-zindex, 110)`,"--modal-content-background":`var(--modal-alert-content-background, {colors.neutral.background.1.enabled})`,"--modal-content-gap":`var(--modal-alert-content-gap, {spacing.600})`,"--modal-content-flex":`var(--modal-alert-content-flex, 0 0 var(--modal-size))`,"--modal-content-width":`var(--modal-alert-content-width, var(--modal-size))`,"--modal-content-height":`var(--modal-alert-content-height, auto)`,"--modal-content-min-width":`var(--modal-alert-content-min-width, 33.75rem)`,"--modal-content-max-width":`var(--modal-alert-content-max-width, 33.75rem)`,"--modal-content-max-height":`var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,"--modal-content-radii":`var(--modal-alert-content-radii, {radii.200})`,"--modal-content-border-width":`var(--modal-alert-content-border-width, {borders.100})`,"--modal-content-border-style":`var(--modal-alert-content-border-style, solid)`,"--modal-content-border-color":`var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})`,"--modal-content-shadow":`var(--modal-alert-content-shadow, none)`,"--modal-header-background":`var(--modal-alert-header-background, transparent)`,"--modal-header-gap":`var(--modal-alert-header-gap, {spacing.500})`,"--modal-header-min-height":`var(--modal-alert-header-min-height, unset)`,"--modal-header-padding-block-start":`var(--modal-alert-header-padding-block-start, {spacing.500})`,"--modal-header-padding-block-end":`var(--modal-alert-header-padding-block-end, {spacing.0})`,"--modal-header-padding-inline-start":`var(--modal-alert-header-padding-inline-start, {spacing.500})`,"--modal-header-padding-inline-end":`var(--modal-alert-header-padding-inline-end, {spacing.500})`,"--modal-header-border-bottom-width":`var(--modal-alert-header-border-bottom-width, {borders.0})`,"--modal-header-border-bottom-style":`var(--modal-alert-header-border-bottom-style, solid)`,"--modal-header-border-bottom-color":`var(--modal-alert-header-border-bottom-color, transparent)`,"--modal-title-font-family":`var(--modal-alert-title-font-family, {fonts.base})`,"--modal-title-foreground":`var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-title-font-size":`var(--modal-alert-title-font-size, {fontSizes.600})`,"--modal-title-font-weight":`var(--modal-alert-title-font-weight, {fontWeights.bold})`,"--modal-title-line-height":`var(--modal-alert-title-line-height, 1.2)`,"--modal-title-gap":`var(--modal-alert-title-gap, {spacing.200})`,"--modal-title-padding-inline":`var(--modal-alert-title-padding-inline, {spacing.0})`,"--modal-title-padding-block":`var(--modal-alert-title-padding-block, {spacing.0})`,"--modal-title-margin-inline":`var(--modal-alert-title-margin-inline, {spacing.0})`,"--modal-title-margin-block":`var(--modal-alert-title-margin-block, {spacing.0})`,"--modal-body-gap":`var(--modal-alert-body-gap, {spacing.600})`,"--modal-body-padding-block-start":`var(--modal-alert-body-padding-block-start, {spacing.0})`,"--modal-body-padding-block-end":`var(--modal-alert-body-padding-block-end, {spacing.500})`,"--modal-body-padding-inline-start":`var(--modal-alert-body-padding-inline-start, {spacing.500})`,"--modal-body-padding-inline-end":`var(--modal-alert-body-padding-inline-end, {spacing.500})`,"--modal-close-background":`var(--modal-alert-close-background, transparent)`,"--modal-close-foreground":`var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})`,"--modal-close-size":`var(--modal-alert-close-size, {sizes.500})`,"--modal-close-padding":`var(--modal-alert-close-padding, {spacing.0})`,"--modal-close-radii":`var(--modal-alert-close-radii, {radii.100})`,"--modal-close-border-width":`var(--modal-alert-close-border-width, {borders.0})`,"--modal-close-border-style":`var(--modal-alert-close-border-style, solid)`,"--modal-close-border-color":`var(--modal-alert-close-border-color, transparent)`,"--modal-close-font-size":`var(--modal-alert-close-font-size, {fontSizes.300})`,"--modal-close-background-hovered":`var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})`,"--modal-close-foreground-hovered":`var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`,"--modal-footer-background":`var(--modal-alert-footer-background, transparent)`,"--modal-footer-justify-content":`var(--modal-alert-footer-justify-content, flex-end)`,"--modal-footer-gap":`var(--modal-alert-footer-gap, {spacing.500})`,"--modal-footer-padding-inline-start":`var(--modal-alert-footer-padding-inline-start, {spacing.500})`,"--modal-footer-padding-inline-end":`var(--modal-alert-footer-padding-inline-end, {spacing.500})`,"--modal-footer-padding-block-start":`var(--modal-alert-footer-padding-block-start, {spacing.300})`,"--modal-footer-padding-block-end":`var(--modal-alert-footer-padding-block-end, {spacing.500})`,"--modal-footer-min-height":`var(--modal-alert-footer-min-height, unset)`,"--modal-footer-border-top-width":`var(--modal-alert-footer-border-top-width, {borders.0})`,"--modal-footer-border-top-style":`var(--modal-alert-footer-border-top-style, solid)`,"--modal-footer-border-top-color":`var(--modal-alert-footer-border-top-color, transparent)`,"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.neutral.foreground.1.onBrand.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.primary.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.neutral.foreground.1.onBrand.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.primary.stroke.1.hovered}`,"--modal-alert-button-confirm-background-active":`{colors.primary.background.1.actived}`,"--modal-alert-button-confirm-foreground-active":`{colors.neutral.foreground.1.onBrand.actived}`,"--modal-alert-button-confirm-border-color-active":`{colors.primary.stroke.1.actived}`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`,'&[data-intent="info"]':{"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.neutral.foreground.1.onBrand.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.primary.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.neutral.foreground.1.onBrand.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.primary.stroke.1.hovered}`,"--modal-alert-button-confirm-background-active":`{colors.primary.background.1.actived}`,"--modal-alert-button-confirm-foreground-active":`{colors.neutral.foreground.1.onBrand.actived}`,"--modal-alert-button-confirm-border-color-active":`{colors.primary.stroke.1.actived}`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="success"]':{"--modal-alert-button-confirm-background":`{colors.success.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.success.foreground.1.onSuccess.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.success.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.success.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.success.foreground.1.onSuccess.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.success.stroke.1.hovered}`,"--modal-alert-button-confirm-background-active":`{colors.success.background.1.actived}`,"--modal-alert-button-confirm-foreground-active":`{colors.success.foreground.1.onSuccess.actived}`,"--modal-alert-button-confirm-border-color-active":`{colors.success.stroke.1.actived}`,"--modal-alert-button-confirm-focus-outline-color":`{colors.success.stroke.1.focused}`},'&[data-intent="warning"]':{"--modal-alert-button-confirm-background":`{colors.warning.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.warning.foreground.1.onWarning.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.warning.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.warning.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.warning.foreground.1.onWarning.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.warning.stroke.1.hovered}`,"--modal-alert-button-confirm-background-active":`{colors.warning.background.1.actived}`,"--modal-alert-button-confirm-foreground-active":`{colors.warning.foreground.1.onWarning.actived}`,"--modal-alert-button-confirm-border-color-active":`{colors.warning.stroke.1.actived}`,"--modal-alert-button-confirm-focus-outline-color":`{colors.warning.stroke.1.focused}`},'&[data-intent="danger"]':{"--modal-alert-button-confirm-background":`{colors.danger.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.danger.foreground.1.onDanger.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.danger.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.danger.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.danger.foreground.1.onDanger.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.danger.stroke.1.hovered}`,"--modal-alert-button-confirm-background-active":`{colors.danger.background.1.actived}`,"--modal-alert-button-confirm-foreground-active":`{colors.danger.foreground.1.onDanger.actived}`,"--modal-alert-button-confirm-border-color-active":`{colors.danger.stroke.1.actived}`,"--modal-alert-button-confirm-focus-outline-color":`{colors.danger.stroke.1.focused}`}}});export{t as modalAlert};
1
+ import{modal as e}from"../modal/modal.mjs";const t=e.merge({className:`modal-alert`,jsx:[`ModalAlert`],base:{"--modal-y-offset":`var(--modal-alert-y-offset, 4dvh)`,"--modal-x-offset":`var(--modal-alert-x-offset, 4vw)`,"--modal-size":`var(--modal-alert-size, auto)`,"--modal-overlay-background":`var(--modal-alert-overlay-background, rgba(0, 0, 0, .6))`,"--modal-overlay-filter":`var(--modal-alert-overlay-filter, blur(5px))`,"--modal-overlay-radius":`var(--modal-alert-overlay-radius, 0)`,"--modal-overlay-zindex":`var(--modal-alert-overlay-zindex, 100)`,"--modal-inner-align":`var(--modal-alert-inner-align, flex-start)`,"--modal-inner-y-offset":`var(--modal-alert-inner-y-offset, 4dvh)`,"--modal-inner-x-offset":`var(--modal-alert-inner-x-offset, 4dvw)`,"--modal-inner-zindex":`var(--modal-alert-inner-zindex, 110)`,"--modal-content-background":`var(--modal-alert-content-background, {colors.neutral.background.1.enabled})`,"--modal-content-gap":`var(--modal-alert-content-gap, {spacing.600})`,"--modal-content-flex":`var(--modal-alert-content-flex, 0 0 var(--modal-size))`,"--modal-content-width":`var(--modal-alert-content-width, var(--modal-size))`,"--modal-content-height":`var(--modal-alert-content-height, auto)`,"--modal-content-min-width":`var(--modal-alert-content-min-width, 33.75rem)`,"--modal-content-max-width":`var(--modal-alert-content-max-width, 33.75rem)`,"--modal-content-max-height":`var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,"--modal-content-radii":`var(--modal-alert-content-radii, {radii.200})`,"--modal-content-border-width":`var(--modal-alert-content-border-width, {borders.100})`,"--modal-content-border-style":`var(--modal-alert-content-border-style, solid)`,"--modal-content-border-color":`var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})`,"--modal-content-shadow":`var(--modal-alert-content-shadow, none)`,"--modal-header-background":`var(--modal-alert-header-background, transparent)`,"--modal-header-gap":`var(--modal-alert-header-gap, {spacing.500})`,"--modal-header-min-height":`var(--modal-alert-header-min-height, unset)`,"--modal-header-padding-block-start":`var(--modal-alert-header-padding-block-start, {spacing.500})`,"--modal-header-padding-block-end":`var(--modal-alert-header-padding-block-end, {spacing.0})`,"--modal-header-padding-inline-start":`var(--modal-alert-header-padding-inline-start, {spacing.500})`,"--modal-header-padding-inline-end":`var(--modal-alert-header-padding-inline-end, {spacing.500})`,"--modal-header-border-bottom-width":`var(--modal-alert-header-border-bottom-width, {borders.0})`,"--modal-header-border-bottom-style":`var(--modal-alert-header-border-bottom-style, solid)`,"--modal-header-border-bottom-color":`var(--modal-alert-header-border-bottom-color, transparent)`,"--modal-title-font-family":`var(--modal-alert-title-font-family, {fonts.base})`,"--modal-title-foreground":`var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-title-font-size":`var(--modal-alert-title-font-size, {fontSizes.600})`,"--modal-title-font-weight":`var(--modal-alert-title-font-weight, {fontWeights.bold})`,"--modal-title-line-height":`var(--modal-alert-title-line-height, 1.2)`,"--modal-title-gap":`var(--modal-alert-title-gap, {spacing.200})`,"--modal-title-padding-inline":`var(--modal-alert-title-padding-inline, {spacing.0})`,"--modal-title-padding-block":`var(--modal-alert-title-padding-block, {spacing.0})`,"--modal-title-margin-inline":`var(--modal-alert-title-margin-inline, {spacing.0})`,"--modal-title-margin-block":`var(--modal-alert-title-margin-block, {spacing.0})`,"--modal-body-gap":`var(--modal-alert-body-gap, {spacing.600})`,"--modal-body-padding-block-start":`var(--modal-alert-body-padding-block-start, {spacing.0})`,"--modal-body-padding-block-end":`var(--modal-alert-body-padding-block-end, {spacing.500})`,"--modal-body-padding-inline-start":`var(--modal-alert-body-padding-inline-start, {spacing.500})`,"--modal-body-padding-inline-end":`var(--modal-alert-body-padding-inline-end, {spacing.500})`,"--modal-close-background":`var(--modal-alert-close-background, transparent)`,"--modal-close-foreground":`var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})`,"--modal-close-size":`var(--modal-alert-close-size, {sizes.500})`,"--modal-close-padding":`var(--modal-alert-close-padding, {spacing.0})`,"--modal-close-radii":`var(--modal-alert-close-radii, {radii.100})`,"--modal-close-border-width":`var(--modal-alert-close-border-width, {borders.0})`,"--modal-close-border-style":`var(--modal-alert-close-border-style, solid)`,"--modal-close-border-color":`var(--modal-alert-close-border-color, transparent)`,"--modal-close-font-size":`var(--modal-alert-close-font-size, {fontSizes.300})`,"--modal-close-background-hovered":`var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})`,"--modal-close-foreground-hovered":`var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`,"--modal-footer-background":`var(--modal-alert-footer-background, transparent)`,"--modal-footer-justify-content":`var(--modal-alert-footer-justify-content, flex-end)`,"--modal-footer-gap":`var(--modal-alert-footer-gap, {spacing.500})`,"--modal-footer-padding-inline-start":`var(--modal-alert-footer-padding-inline-start, {spacing.500})`,"--modal-footer-padding-inline-end":`var(--modal-alert-footer-padding-inline-end, {spacing.500})`,"--modal-footer-padding-block-start":`var(--modal-alert-footer-padding-block-start, {spacing.300})`,"--modal-footer-padding-block-end":`var(--modal-alert-footer-padding-block-end, {spacing.500})`,"--modal-footer-min-height":`var(--modal-alert-footer-min-height, unset)`,"--modal-footer-border-top-width":`var(--modal-alert-footer-border-top-width, {borders.0})`,"--modal-footer-border-top-style":`var(--modal-alert-footer-border-top-style, solid)`,"--modal-footer-border-top-color":`var(--modal-alert-footer-border-top-color, transparent)`,"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.primary.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`,'&[data-intent="info"]':{"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.primary.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="success"]':{"--modal-alert-button-confirm-background":`{colors.success.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.success.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.success.foreground.onSuccess.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.success.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.success.foreground.onSuccess.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="warning"]':{"--modal-alert-button-confirm-background":`{colors.warning.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.warning.foreground.onWarning.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.warning.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.warning.foreground.onWarning.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transaparent`,"--modal-alert-button-confirm-background-active":`{colors.warning.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.warning.foreground.onWarning.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="danger"]':{"--modal-alert-button-confirm-background":`{colors.danger.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.danger.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.danger.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`}}});export{t as modalAlert};
2
2
  //# sourceMappingURL=modal-alert.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"modal-alert.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modal } from '../modal/modal';\n\nexport const modalAlert = modal.merge({\n className: 'modal-alert',\n jsx: ['ModalAlert'],\n base: {\n /* root */\n '--modal-y-offset': 'var(--modal-alert-y-offset, 4dvh)',\n '--modal-x-offset': 'var(--modal-alert-x-offset, 4vw)',\n '--modal-size': 'var(--modal-alert-size, auto)',\n\n /* overlay */\n '--modal-overlay-background':\n 'var(--modal-alert-overlay-background, rgba(0, 0, 0, .6))',\n '--modal-overlay-filter': 'var(--modal-alert-overlay-filter, blur(5px))',\n '--modal-overlay-radius': 'var(--modal-alert-overlay-radius, 0)',\n '--modal-overlay-zindex': 'var(--modal-alert-overlay-zindex, 100)',\n\n /* inner */\n '--modal-inner-align': 'var(--modal-alert-inner-align, flex-start)',\n '--modal-inner-y-offset': 'var(--modal-alert-inner-y-offset, 4dvh)',\n '--modal-inner-x-offset': 'var(--modal-alert-inner-x-offset, 4dvw)',\n '--modal-inner-zindex': 'var(--modal-alert-inner-zindex, 110)',\n\n /* content */\n '--modal-content-background':\n 'var(--modal-alert-content-background, {colors.neutral.background.1.enabled})',\n '--modal-content-gap': 'var(--modal-alert-content-gap, {spacing.600})',\n '--modal-content-flex':\n 'var(--modal-alert-content-flex, 0 0 var(--modal-size))',\n '--modal-content-width':\n 'var(--modal-alert-content-width, var(--modal-size))',\n '--modal-content-height': 'var(--modal-alert-content-height, auto)',\n '--modal-content-min-width':\n 'var(--modal-alert-content-min-width, 33.75rem)',\n '--modal-content-max-width':\n 'var(--modal-alert-content-max-width, 33.75rem)',\n '--modal-content-max-height':\n 'var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n '--modal-content-radii': 'var(--modal-alert-content-radii, {radii.200})',\n '--modal-content-border-width':\n 'var(--modal-alert-content-border-width, {borders.100})',\n '--modal-content-border-style':\n 'var(--modal-alert-content-border-style, solid)',\n '--modal-content-border-color':\n 'var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})',\n '--modal-content-shadow': 'var(--modal-alert-content-shadow, none)',\n\n /* header */\n '--modal-header-background':\n 'var(--modal-alert-header-background, transparent)',\n '--modal-header-gap': 'var(--modal-alert-header-gap, {spacing.500})',\n '--modal-header-min-height': 'var(--modal-alert-header-min-height, unset)',\n '--modal-header-padding-block-start':\n 'var(--modal-alert-header-padding-block-start, {spacing.500})',\n '--modal-header-padding-block-end':\n 'var(--modal-alert-header-padding-block-end, {spacing.0})',\n '--modal-header-padding-inline-start':\n 'var(--modal-alert-header-padding-inline-start, {spacing.500})',\n '--modal-header-padding-inline-end':\n 'var(--modal-alert-header-padding-inline-end, {spacing.500})',\n '--modal-header-border-bottom-width':\n 'var(--modal-alert-header-border-bottom-width, {borders.0})',\n '--modal-header-border-bottom-style':\n 'var(--modal-alert-header-border-bottom-style, solid)',\n '--modal-header-border-bottom-color':\n 'var(--modal-alert-header-border-bottom-color, transparent)',\n\n /* title */\n '--modal-title-font-family':\n 'var(--modal-alert-title-font-family, {fonts.base})',\n '--modal-title-foreground':\n 'var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-title-font-size':\n 'var(--modal-alert-title-font-size, {fontSizes.600})',\n '--modal-title-font-weight':\n 'var(--modal-alert-title-font-weight, {fontWeights.bold})',\n '--modal-title-line-height': 'var(--modal-alert-title-line-height, 1.2)',\n '--modal-title-gap': 'var(--modal-alert-title-gap, {spacing.200})',\n '--modal-title-padding-inline':\n 'var(--modal-alert-title-padding-inline, {spacing.0})',\n '--modal-title-padding-block':\n 'var(--modal-alert-title-padding-block, {spacing.0})',\n '--modal-title-margin-inline':\n 'var(--modal-alert-title-margin-inline, {spacing.0})',\n '--modal-title-margin-block':\n 'var(--modal-alert-title-margin-block, {spacing.0})',\n\n /* body */\n '--modal-body-gap': 'var(--modal-alert-body-gap, {spacing.600})',\n '--modal-body-padding-block-start':\n 'var(--modal-alert-body-padding-block-start, {spacing.0})',\n '--modal-body-padding-block-end':\n 'var(--modal-alert-body-padding-block-end, {spacing.500})',\n '--modal-body-padding-inline-start':\n 'var(--modal-alert-body-padding-inline-start, {spacing.500})',\n '--modal-body-padding-inline-end':\n 'var(--modal-alert-body-padding-inline-end, {spacing.500})',\n\n /* close */\n '--modal-close-background':\n 'var(--modal-alert-close-background, transparent)',\n '--modal-close-foreground':\n 'var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})',\n '--modal-close-size': 'var(--modal-alert-close-size, {sizes.500})',\n '--modal-close-padding': 'var(--modal-alert-close-padding, {spacing.0})',\n '--modal-close-radii': 'var(--modal-alert-close-radii, {radii.100})',\n '--modal-close-border-width':\n 'var(--modal-alert-close-border-width, {borders.0})',\n '--modal-close-border-style':\n 'var(--modal-alert-close-border-style, solid)',\n '--modal-close-border-color':\n 'var(--modal-alert-close-border-color, transparent)',\n '--modal-close-font-size':\n 'var(--modal-alert-close-font-size, {fontSizes.300})',\n '--modal-close-background-hovered':\n 'var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})',\n '--modal-close-foreground-hovered':\n 'var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n\n /* footer */\n '--modal-footer-background':\n 'var(--modal-alert-footer-background, transparent)',\n '--modal-footer-justify-content':\n 'var(--modal-alert-footer-justify-content, flex-end)',\n '--modal-footer-gap': 'var(--modal-alert-footer-gap, {spacing.500})',\n '--modal-footer-padding-inline-start':\n 'var(--modal-alert-footer-padding-inline-start, {spacing.500})',\n '--modal-footer-padding-inline-end':\n 'var(--modal-alert-footer-padding-inline-end, {spacing.500})',\n '--modal-footer-padding-block-start':\n 'var(--modal-alert-footer-padding-block-start, {spacing.300})',\n '--modal-footer-padding-block-end':\n 'var(--modal-alert-footer-padding-block-end, {spacing.500})',\n '--modal-footer-min-height': 'var(--modal-alert-footer-min-height, unset)',\n '--modal-footer-border-top-width':\n 'var(--modal-alert-footer-border-top-width, {borders.0})',\n '--modal-footer-border-top-style':\n 'var(--modal-alert-footer-border-top-style, solid)',\n '--modal-footer-border-top-color':\n 'var(--modal-alert-footer-border-top-color, transparent)',\n\n /* button-confirm */\n '--modal-alert-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.neutral.foreground.1.onBrand.enabled}',\n '--modal-alert-button-confirm-border-color':\n '{colors.primary.stroke.1.enabled}',\n '--modal-alert-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.neutral.foreground.1.onBrand.hovered}',\n '--modal-alert-button-confirm-border-color-hover':\n '{colors.primary.stroke.1.hovered}',\n '--modal-alert-button-confirm-background-active':\n '{colors.primary.background.1.actived}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.neutral.foreground.1.onBrand.actived}',\n '--modal-alert-button-confirm-border-color-active':\n '{colors.primary.stroke.1.actived}',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '&[data-intent=\"info\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.neutral.foreground.1.onBrand.enabled}',\n '--modal-alert-button-confirm-border-color':\n '{colors.primary.stroke.1.enabled}',\n '--modal-alert-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.neutral.foreground.1.onBrand.hovered}',\n '--modal-alert-button-confirm-border-color-hover':\n '{colors.primary.stroke.1.hovered}',\n '--modal-alert-button-confirm-background-active':\n '{colors.primary.background.1.actived}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.neutral.foreground.1.onBrand.actived}',\n '--modal-alert-button-confirm-border-color-active':\n '{colors.primary.stroke.1.actived}',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"success\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.success.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.success.foreground.1.onSuccess.enabled}',\n '--modal-alert-button-confirm-border-color':\n '{colors.success.stroke.1.enabled}',\n '--modal-alert-button-confirm-background-hover':\n '{colors.success.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.success.foreground.1.onSuccess.hovered}',\n '--modal-alert-button-confirm-border-color-hover':\n '{colors.success.stroke.1.hovered}',\n '--modal-alert-button-confirm-background-active':\n '{colors.success.background.1.actived}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.success.foreground.1.onSuccess.actived}',\n '--modal-alert-button-confirm-border-color-active':\n '{colors.success.stroke.1.actived}',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.success.stroke.1.focused}',\n },\n '&[data-intent=\"warning\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.warning.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.warning.foreground.1.onWarning.enabled}',\n '--modal-alert-button-confirm-border-color':\n '{colors.warning.stroke.1.enabled}',\n '--modal-alert-button-confirm-background-hover':\n '{colors.warning.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.warning.foreground.1.onWarning.hovered}',\n '--modal-alert-button-confirm-border-color-hover':\n '{colors.warning.stroke.1.hovered}',\n '--modal-alert-button-confirm-background-active':\n '{colors.warning.background.1.actived}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.warning.foreground.1.onWarning.actived}',\n '--modal-alert-button-confirm-border-color-active':\n '{colors.warning.stroke.1.actived}',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.warning.stroke.1.focused}',\n },\n '&[data-intent=\"danger\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.danger.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.danger.foreground.1.onDanger.enabled}',\n '--modal-alert-button-confirm-border-color':\n '{colors.danger.stroke.1.enabled}',\n '--modal-alert-button-confirm-background-hover':\n '{colors.danger.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.danger.foreground.1.onDanger.hovered}',\n '--modal-alert-button-confirm-border-color-hover':\n '{colors.danger.stroke.1.hovered}',\n '--modal-alert-button-confirm-background-active':\n '{colors.danger.background.1.actived}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.danger.foreground.1.onDanger.actived}',\n '--modal-alert-button-confirm-border-color-active':\n '{colors.danger.stroke.1.actived}',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.danger.stroke.1.focused}',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAa,EAAM,MAAM,CACpC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,mBAAoB,oCACpB,mBAAoB,mCACpB,eAAgB,gCAGhB,6BACE,2DACF,yBAA0B,+CAC1B,yBAA0B,uCAC1B,yBAA0B,yCAG1B,sBAAuB,6CACvB,yBAA0B,0CAC1B,yBAA0B,0CAC1B,uBAAwB,uCAGxB,6BACE,+EACF,sBAAuB,gDACvB,uBACE,yDACF,wBACE,sDACF,yBAA0B,0CAC1B,4BACE,iDACF,4BACE,iDACF,6BACE,kFACF,wBAAyB,gDACzB,+BACE,yDACF,+BACE,iDACF,+BACE,6EACF,yBAA0B,0CAG1B,4BACE,oDACF,qBAAsB,+CACtB,4BAA6B,8CAC7B,qCACE,+DACF,mCACE,2DACF,sCACE,gEACF,oCACE,8DACF,qCACE,6DACF,qCACE,uDACF,qCACE,6DAGF,4BACE,qDACF,2BACE,6EACF,0BACE,sDACF,4BACE,2DACF,4BAA6B,4CAC7B,oBAAqB,8CACrB,+BACE,uDACF,8BACE,sDACF,8BACE,sDACF,6BACE,qDAGF,mBAAoB,6CACpB,mCACE,2DACF,iCACE,2DACF,oCACE,8DACF,kCACE,4DAGF,2BACE,mDACF,2BACE,6EACF,qBAAsB,6CACtB,wBAAyB,gDACzB,sBAAuB,8CACvB,6BACE,qDACF,6BACE,+CACF,6BACE,qDACF,0BACE,sDACF,mCACE,qFACF,mCACE,qFAGF,4BACE,oDACF,iCACE,sDACF,qBAAsB,+CACtB,sCACE,gEACF,oCACE,8DACF,qCACE,+DACF,mCACE,6DACF,4BAA6B,8CAC7B,kCACE,0DACF,kCACE,oDACF,kCACE,0DAGF,0CACE,wCACF,0CACE,gDACF,4CACE,oCACF,gDACE,wCACF,gDACE,gDACF,kDACE,oCACF,iDACE,wCACF,iDACE,gDACF,mDACE,oCACF,mDACE,oCACF,wBAAyB,CACvB,0CACE,wCACF,0CACE,gDACF,4CACE,oCACF,gDACE,wCACF,gDACE,gDACF,kDACE,oCACF,iDACE,wCACF,iDACE,gDACF,mDACE,oCACF,mDACE,oCACH,CACD,2BAA4B,CAC1B,0CACE,wCACF,0CACE,kDACF,4CACE,oCACF,gDACE,wCACF,gDACE,kDACF,kDACE,oCACF,iDACE,wCACF,iDACE,kDACF,mDACE,oCACF,mDACE,oCACH,CACD,2BAA4B,CAC1B,0CACE,wCACF,0CACE,kDACF,4CACE,oCACF,gDACE,wCACF,gDACE,kDACF,kDACE,oCACF,iDACE,wCACF,iDACE,kDACF,mDACE,oCACF,mDACE,oCACH,CACD,0BAA2B,CACzB,0CACE,uCACF,0CACE,gDACF,4CACE,mCACF,gDACE,uCACF,gDACE,gDACF,kDACE,mCACF,iDACE,uCACF,iDACE,gDACF,mDACE,mCACF,mDACE,mCACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"modal-alert.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modal } from '../modal/modal';\n\nexport const modalAlert = modal.merge({\n className: 'modal-alert',\n jsx: ['ModalAlert'],\n base: {\n /* root */\n '--modal-y-offset': 'var(--modal-alert-y-offset, 4dvh)',\n '--modal-x-offset': 'var(--modal-alert-x-offset, 4vw)',\n '--modal-size': 'var(--modal-alert-size, auto)',\n\n /* overlay */\n '--modal-overlay-background':\n 'var(--modal-alert-overlay-background, rgba(0, 0, 0, .6))',\n '--modal-overlay-filter': 'var(--modal-alert-overlay-filter, blur(5px))',\n '--modal-overlay-radius': 'var(--modal-alert-overlay-radius, 0)',\n '--modal-overlay-zindex': 'var(--modal-alert-overlay-zindex, 100)',\n\n /* inner */\n '--modal-inner-align': 'var(--modal-alert-inner-align, flex-start)',\n '--modal-inner-y-offset': 'var(--modal-alert-inner-y-offset, 4dvh)',\n '--modal-inner-x-offset': 'var(--modal-alert-inner-x-offset, 4dvw)',\n '--modal-inner-zindex': 'var(--modal-alert-inner-zindex, 110)',\n\n /* content */\n '--modal-content-background':\n 'var(--modal-alert-content-background, {colors.neutral.background.1.enabled})',\n '--modal-content-gap': 'var(--modal-alert-content-gap, {spacing.600})',\n '--modal-content-flex':\n 'var(--modal-alert-content-flex, 0 0 var(--modal-size))',\n '--modal-content-width':\n 'var(--modal-alert-content-width, var(--modal-size))',\n '--modal-content-height': 'var(--modal-alert-content-height, auto)',\n '--modal-content-min-width':\n 'var(--modal-alert-content-min-width, 33.75rem)',\n '--modal-content-max-width':\n 'var(--modal-alert-content-max-width, 33.75rem)',\n '--modal-content-max-height':\n 'var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n '--modal-content-radii': 'var(--modal-alert-content-radii, {radii.200})',\n '--modal-content-border-width':\n 'var(--modal-alert-content-border-width, {borders.100})',\n '--modal-content-border-style':\n 'var(--modal-alert-content-border-style, solid)',\n '--modal-content-border-color':\n 'var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})',\n '--modal-content-shadow': 'var(--modal-alert-content-shadow, none)',\n\n /* header */\n '--modal-header-background':\n 'var(--modal-alert-header-background, transparent)',\n '--modal-header-gap': 'var(--modal-alert-header-gap, {spacing.500})',\n '--modal-header-min-height': 'var(--modal-alert-header-min-height, unset)',\n '--modal-header-padding-block-start':\n 'var(--modal-alert-header-padding-block-start, {spacing.500})',\n '--modal-header-padding-block-end':\n 'var(--modal-alert-header-padding-block-end, {spacing.0})',\n '--modal-header-padding-inline-start':\n 'var(--modal-alert-header-padding-inline-start, {spacing.500})',\n '--modal-header-padding-inline-end':\n 'var(--modal-alert-header-padding-inline-end, {spacing.500})',\n '--modal-header-border-bottom-width':\n 'var(--modal-alert-header-border-bottom-width, {borders.0})',\n '--modal-header-border-bottom-style':\n 'var(--modal-alert-header-border-bottom-style, solid)',\n '--modal-header-border-bottom-color':\n 'var(--modal-alert-header-border-bottom-color, transparent)',\n\n /* title */\n '--modal-title-font-family':\n 'var(--modal-alert-title-font-family, {fonts.base})',\n '--modal-title-foreground':\n 'var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-title-font-size':\n 'var(--modal-alert-title-font-size, {fontSizes.600})',\n '--modal-title-font-weight':\n 'var(--modal-alert-title-font-weight, {fontWeights.bold})',\n '--modal-title-line-height': 'var(--modal-alert-title-line-height, 1.2)',\n '--modal-title-gap': 'var(--modal-alert-title-gap, {spacing.200})',\n '--modal-title-padding-inline':\n 'var(--modal-alert-title-padding-inline, {spacing.0})',\n '--modal-title-padding-block':\n 'var(--modal-alert-title-padding-block, {spacing.0})',\n '--modal-title-margin-inline':\n 'var(--modal-alert-title-margin-inline, {spacing.0})',\n '--modal-title-margin-block':\n 'var(--modal-alert-title-margin-block, {spacing.0})',\n\n /* body */\n '--modal-body-gap': 'var(--modal-alert-body-gap, {spacing.600})',\n '--modal-body-padding-block-start':\n 'var(--modal-alert-body-padding-block-start, {spacing.0})',\n '--modal-body-padding-block-end':\n 'var(--modal-alert-body-padding-block-end, {spacing.500})',\n '--modal-body-padding-inline-start':\n 'var(--modal-alert-body-padding-inline-start, {spacing.500})',\n '--modal-body-padding-inline-end':\n 'var(--modal-alert-body-padding-inline-end, {spacing.500})',\n\n /* close */\n '--modal-close-background':\n 'var(--modal-alert-close-background, transparent)',\n '--modal-close-foreground':\n 'var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})',\n '--modal-close-size': 'var(--modal-alert-close-size, {sizes.500})',\n '--modal-close-padding': 'var(--modal-alert-close-padding, {spacing.0})',\n '--modal-close-radii': 'var(--modal-alert-close-radii, {radii.100})',\n '--modal-close-border-width':\n 'var(--modal-alert-close-border-width, {borders.0})',\n '--modal-close-border-style':\n 'var(--modal-alert-close-border-style, solid)',\n '--modal-close-border-color':\n 'var(--modal-alert-close-border-color, transparent)',\n '--modal-close-font-size':\n 'var(--modal-alert-close-font-size, {fontSizes.300})',\n '--modal-close-background-hovered':\n 'var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})',\n '--modal-close-foreground-hovered':\n 'var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n\n /* footer */\n '--modal-footer-background':\n 'var(--modal-alert-footer-background, transparent)',\n '--modal-footer-justify-content':\n 'var(--modal-alert-footer-justify-content, flex-end)',\n '--modal-footer-gap': 'var(--modal-alert-footer-gap, {spacing.500})',\n '--modal-footer-padding-inline-start':\n 'var(--modal-alert-footer-padding-inline-start, {spacing.500})',\n '--modal-footer-padding-inline-end':\n 'var(--modal-alert-footer-padding-inline-end, {spacing.500})',\n '--modal-footer-padding-block-start':\n 'var(--modal-alert-footer-padding-block-start, {spacing.300})',\n '--modal-footer-padding-block-end':\n 'var(--modal-alert-footer-padding-block-end, {spacing.500})',\n '--modal-footer-min-height': 'var(--modal-alert-footer-min-height, unset)',\n '--modal-footer-border-top-width':\n 'var(--modal-alert-footer-border-top-width, {borders.0})',\n '--modal-footer-border-top-style':\n 'var(--modal-alert-footer-border-top-style, solid)',\n '--modal-footer-border-top-color':\n 'var(--modal-alert-footer-border-top-color, transparent)',\n\n /* button-confirm */\n '--modal-alert-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.primary.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '&[data-intent=\"info\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.primary.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"success\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.success.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.success.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.success.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"warning\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.warning.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.warning.foreground.onWarning.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.warning.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.warning.foreground.onWarning.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transaparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.warning.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.warning.foreground.onWarning.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"danger\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.danger.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.danger.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.danger.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAa,EAAM,MAAM,CACpC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,mBAAoB,oCACpB,mBAAoB,mCACpB,eAAgB,gCAGhB,6BACE,2DACF,yBAA0B,+CAC1B,yBAA0B,uCAC1B,yBAA0B,yCAG1B,sBAAuB,6CACvB,yBAA0B,0CAC1B,yBAA0B,0CAC1B,uBAAwB,uCAGxB,6BACE,+EACF,sBAAuB,gDACvB,uBACE,yDACF,wBACE,sDACF,yBAA0B,0CAC1B,4BACE,iDACF,4BACE,iDACF,6BACE,kFACF,wBAAyB,gDACzB,+BACE,yDACF,+BACE,iDACF,+BACE,6EACF,yBAA0B,0CAG1B,4BACE,oDACF,qBAAsB,+CACtB,4BAA6B,8CAC7B,qCACE,+DACF,mCACE,2DACF,sCACE,gEACF,oCACE,8DACF,qCACE,6DACF,qCACE,uDACF,qCACE,6DAGF,4BACE,qDACF,2BACE,6EACF,0BACE,sDACF,4BACE,2DACF,4BAA6B,4CAC7B,oBAAqB,8CACrB,+BACE,uDACF,8BACE,sDACF,8BACE,sDACF,6BACE,qDAGF,mBAAoB,6CACpB,mCACE,2DACF,iCACE,2DACF,oCACE,8DACF,kCACE,4DAGF,2BACE,mDACF,2BACE,6EACF,qBAAsB,6CACtB,wBAAyB,gDACzB,sBAAuB,8CACvB,6BACE,qDACF,6BACE,+CACF,6BACE,qDACF,0BACE,sDACF,mCACE,qFACF,mCACE,qFAGF,4BACE,oDACF,iCACE,sDACF,qBAAsB,+CACtB,sCACE,gEACF,oCACE,8DACF,qCACE,+DACF,mCACE,6DACF,4BAA6B,8CAC7B,kCACE,0DACF,kCACE,oDACF,kCACE,0DAGF,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,cACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACF,wBAAyB,CACvB,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,cACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACH,CACD,2BAA4B,CAC1B,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,cACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACH,CACD,2BAA4B,CAC1B,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,eACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACH,CACD,0BAA2B,CACzB,0CACE,uCACF,0CACE,gDACF,4CAA6C,cAC7C,gDACE,uCACF,gDACE,gDACF,kDAAmD,cACnD,iDACE,wCACF,iDACE,gDACF,mDAAoD,cACpD,mDACE,oCACH,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-confirm__button-confirm`,jsx:[`ModalConfirm`],base:{"--button-background":`var(--modal-confirm-button-confirm-background, {colors.primary.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-confirm-foreground, {colors.neutral.foreground.1.onBrand.enabled})`,"--button-border-color":`var(--modal-confirm-button-confirm-border-color, {colors.primary.stroke.1.enabled})`,"--button-background-hover":`var(--modal-confirm-button-confirm-background-hover, {colors.primary.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-confirm-foreground-hover, {colors.neutral.foreground.1.onBrand.hovered})`,"--button-border-color-hover":`var(--modal-confirm-button-confirm-border-color-hover, {colors.primary.stroke.1.hovered})`,"--button-background-active":`var(--modal-confirm-button-confirm-background-active, {colors.primary.background.1.actived})`,"--button-foreground-active":`var(--modal-confirm-button-confirm-foreground-active, {colors.neutral.foreground.1.onBrand.actived})`,"--button-border-color-active":`var(--modal-confirm-button-confirm-border-color-active, {colors.primary.stroke.1.actived})`,"--button-focus-outline-color":`var(--modal-confirm-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})`,'[data-intent="danger"] &':{"--button-background":`var(--modal-confirm-button-confirm-danger-background, {colors.danger.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-confirm-danger-foreground, {colors.danger.foreground.1.onDanger.enabled})`,"--button-border-color":`var(--modal-confirm-button-confirm-danger-border-color, {colors.danger.stroke.1.enabled})`,"--button-background-hover":`var(--modal-confirm-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-confirm-danger-foreground-hover, {colors.danger.foreground.1.onDanger.hovered})`,"--button-border-color-hover":`var(--modal-confirm-button-confirm-danger-border-color-hover, {colors.danger.stroke.1.hovered})`,"--button-background-active":`var(--modal-confirm-button-confirm-danger-background-active, {colors.danger.background.1.actived})`,"--button-foreground-active":`var(--modal-confirm-button-confirm-danger-foreground-active, {colors.danger.foreground.1.onDanger.actived})`,"--button-border-color-active":`var(--modal-confirm-button-confirm-danger-border-color-active, {colors.danger.stroke.1.actived})`,"--button-focus-outline-color":`var(--modal-confirm-button-confirm-danger-focus-outline-color, {colors.danger.stroke.1.focused})`}}});export{t as modalConfirmButtonConfirm};
1
+ import{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-confirm__button-confirm`,jsx:[`ModalConfirm`],base:{"--button-background":`var(--modal-confirm-button-confirm-background, {colors.primary.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color":`var(--modal-confirm-button-confirm-border-color, transparent)`,"--button-background-hover":`var(--modal-confirm-button-confirm-background-hover, {colors.primary.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-hover":`var(--modal-confirm-button-confirm-border-color-hover, transparent)`,"--button-background-active":`var(--modal-confirm-button-confirm-background-active, {colors.primary.background.1.selected})`,"--button-foreground-active":`var(--modal-confirm-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-active":`var(--modal-confirm-button-confirm-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-confirm-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})`,'[data-intent="danger"] &':{"--button-background":`var(--modal-confirm-button-confirm-danger-background, {colors.danger.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color":`var(--modal-confirm-button-confirm-danger-border-color, transparent)`,"--button-background-hover":`var(--modal-confirm-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-hover":`var(--modal-confirm-button-confirm-danger-border-color-hover, transparent)`,"--button-background-active":`var(--modal-confirm-button-confirm-danger-background-active, {colors.danger.background.1.selected})`,"--button-foreground-active":`var(--modal-confirm-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-active":`var(--modal-confirm-button-confirm-danger-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-confirm-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})`}}});export{t as modalConfirmButtonConfirm};
2
2
  //# sourceMappingURL=modal-confirm-button-confirm.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"modal-confirm-button-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalConfirmButtonConfirm = button.merge({\n className: 'modal-confirm__button-confirm',\n jsx: ['ModalConfirm'],\n base: {\n '--button-background':\n 'var(--modal-confirm-button-confirm-background, {colors.primary.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-confirm-foreground, {colors.neutral.foreground.1.onBrand.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-confirm-border-color, {colors.primary.stroke.1.enabled})',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-confirm-background-hover, {colors.primary.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-confirm-foreground-hover, {colors.neutral.foreground.1.onBrand.hovered})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-confirm-border-color-hover, {colors.primary.stroke.1.hovered})',\n\n '--button-background-active':\n 'var(--modal-confirm-button-confirm-background-active, {colors.primary.background.1.actived})',\n '--button-foreground-active':\n 'var(--modal-confirm-button-confirm-foreground-active, {colors.neutral.foreground.1.onBrand.actived})',\n '--button-border-color-active':\n 'var(--modal-confirm-button-confirm-border-color-active, {colors.primary.stroke.1.actived})',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})',\n\n '[data-intent=\"danger\"] &': {\n '--button-background':\n 'var(--modal-confirm-button-confirm-danger-background, {colors.danger.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-confirm-danger-foreground, {colors.danger.foreground.1.onDanger.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-confirm-danger-border-color, {colors.danger.stroke.1.enabled})',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-confirm-danger-foreground-hover, {colors.danger.foreground.1.onDanger.hovered})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-confirm-danger-border-color-hover, {colors.danger.stroke.1.hovered})',\n\n '--button-background-active':\n 'var(--modal-confirm-button-confirm-danger-background-active, {colors.danger.background.1.actived})',\n '--button-foreground-active':\n 'var(--modal-confirm-button-confirm-danger-foreground-active, {colors.danger.foreground.1.onDanger.actived})',\n '--button-border-color-active':\n 'var(--modal-confirm-button-confirm-danger-border-color-active, {colors.danger.stroke.1.actived})',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-confirm-danger-focus-outline-color, {colors.danger.stroke.1.focused})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAA4B,EAAO,MAAM,CACpD,UAAW,gCACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,sBACE,wFACF,sBACE,gGACF,wBACE,sFAEF,4BACE,8FACF,4BACE,sGACF,8BACE,4FAEF,6BACE,+FACF,6BACE,uGACF,+BACE,6FAEF,+BACE,6FAEF,2BAA4B,CAC1B,sBACE,8FACF,sBACE,uGACF,wBACE,4FAEF,4BACE,oGACF,4BACE,6GACF,8BACE,kGAEF,6BACE,qGACF,6BACE,8GACF,+BACE,mGAEF,+BACE,mGACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"modal-confirm-button-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalConfirmButtonConfirm = button.merge({\n className: 'modal-confirm__button-confirm',\n jsx: ['ModalConfirm'],\n base: {\n '--button-background':\n 'var(--modal-confirm-button-confirm-background, {colors.primary.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-confirm-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-confirm-background-hover, {colors.primary.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-confirm-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-confirm-button-confirm-background-active, {colors.primary.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-confirm-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-confirm-button-confirm-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})',\n\n '[data-intent=\"danger\"] &': {\n '--button-background':\n 'var(--modal-confirm-button-confirm-danger-background, {colors.danger.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-confirm-danger-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-confirm-danger-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-confirm-button-confirm-danger-background-active, {colors.danger.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-confirm-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-confirm-button-confirm-danger-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAA4B,EAAO,MAAM,CACpD,UAAW,gCACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,sBACE,wFACF,sBACE,kGACF,wBACE,gEAEF,4BACE,8FACF,4BACE,wGACF,8BACE,sEAEF,6BACE,gGACF,6BACE,yGACF,+BACE,uEAEF,+BACE,6FAEF,2BAA4B,CAC1B,sBACE,8FACF,sBACE,uGACF,wBACE,uEAEF,4BACE,oGACF,4BACE,6GACF,8BACE,6EAEF,6BACE,sGACF,6BACE,8GACF,+BACE,8EAEF,+BACE,oGACH,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{modal as e}from"../modal/modal.mjs";const t=e.merge({className:`modal-confirm`,jsx:[`ModalConfirm`],base:{"--modal-y-offset":`var(--modal-confirm-y-offset, 4dvh)`,"--modal-x-offset":`var(--modal-confirm-x-offset, 4vw)`,"--modal-size":`var(--modal-confirm-size, auto)`,"--modal-overlay-background":`var(--modal-confirm-overlay-background, rgba(0, 0, 0, .6))`,"--modal-overlay-filter":`var(--modal-confirm-overlay-filter, blur(5px))`,"--modal-overlay-radius":`var(--modal-confirm-overlay-radius, 0)`,"--modal-overlay-zindex":`var(--modal-confirm-overlay-zindex, 100)`,"--modal-inner-align":`var(--modal-confirm-inner-align, flex-start)`,"--modal-inner-y-offset":`var(--modal-confirm-inner-y-offset, 4dvh)`,"--modal-inner-x-offset":`var(--modal-confirm-inner-x-offset, 4dvw)`,"--modal-inner-zindex":`var(--modal-confirm-inner-zindex, 110)`,"--modal-content-background":`var(--modal-confirm-content-background, {colors.neutral.background.1.enabled})`,"--modal-content-gap":`var(--modal-confirm-content-gap, {spacing.600})`,"--modal-content-flex":`var(--modal-confirm-content-flex, 0 0 var(--modal-size))`,"--modal-content-width":`var(--modal-confirm-content-width, var(--modal-size))`,"--modal-content-height":`var(--modal-confirm-content-height, auto)`,"--modal-content-min-width":`var(--modal-confirm-content-min-width, 33.75rem)`,"--modal-content-max-width":`var(--modal-confirm-content-max-width, 33.75rem)`,"--modal-content-max-height":`var(--modal-confirm-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,"--modal-content-radii":`var(--modal-confirm-content-radii, {radii.200})`,"--modal-content-border-width":`var(--modal-confirm-content-border-width, {borders.100})`,"--modal-content-border-style":`var(--modal-confirm-content-border-style, solid)`,"--modal-content-border-color":`var(--modal-confirm-content-border-color, {colors.neutral.stroke.7.enabled})`,"--modal-content-shadow":`var(--modal-confirm-content-shadow, none)`,"--modal-header-background":`var(--modal-confirm-header-background, transparent)`,"--modal-header-gap":`var(--modal-confirm-header-gap, {spacing.500})`,"--modal-header-min-height":`var(--modal-confirm-header-min-height, unset)`,"--modal-header-padding-block-start":`var(--modal-confirm-header-padding-block-start, {spacing.500})`,"--modal-header-padding-block-end":`var(--modal-confirm-header-padding-block-end, {spacing.0})`,"--modal-header-padding-inline-start":`var(--modal-confirm-header-padding-inline-start, {spacing.500})`,"--modal-header-padding-inline-end":`var(--modal-confirm-header-padding-inline-end, {spacing.500})`,"--modal-header-border-bottom-width":`var(--modal-confirm-header-border-bottom-width, {borders.0})`,"--modal-header-border-bottom-style":`var(--modal-confirm-header-border-bottom-style, solid)`,"--modal-header-border-bottom-color":`var(--modal-confirm-header-border-bottom-color, transparent)`,"--modal-title-font-family":`var(--modal-confirm-title-font-family, {fonts.base})`,"--modal-title-foreground":`var(--modal-confirm-title-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-title-font-size":`var(--modal-confirm-title-font-size, {fontSizes.600})`,"--modal-title-font-weight":`var(--modal-confirm-title-font-weight, {fontWeights.bold})`,"--modal-title-line-height":`var(--modal-confirm-title-line-height, 1.2)`,"--modal-title-gap":`var(--modal-confirm-title-gap, {spacing.200})`,"--modal-title-padding-inline":`var(--modal-confirm-title-padding-inline, {spacing.0})`,"--modal-title-padding-block":`var(--modal-confirm-title-padding-block, {spacing.0})`,"--modal-title-margin-inline":`var(--modal-confirm-title-margin-inline, {spacing.0})`,"--modal-title-margin-block":`var(--modal-confirm-title-margin-block, {spacing.0})`,"--modal-body-gap":`var(--modal-confirm-body-gap, {spacing.600})`,"--modal-body-padding-block-start":`var(--modal-confirm-body-padding-block-start, {spacing.0})`,"--modal-body-padding-block-end":`var(--modal-confirm-body-padding-block-end, {spacing.500})`,"--modal-body-padding-inline-start":`var(--modal-confirm-body-padding-inline-start, {spacing.500})`,"--modal-body-padding-inline-end":`var(--modal-confirm-body-padding-inline-end, {spacing.500})`,"--modal-close-background":`var(--modal-confirm-close-background, transparent)`,"--modal-close-foreground":`var(--modal-confirm-close-foreground, {colors.neutral.foreground.3.enabled})`,"--modal-close-size":`var(--modal-confirm-close-size, {sizes.500})`,"--modal-close-padding":`var(--modal-confirm-close-padding, {spacing.0})`,"--modal-close-radii":`var(--modal-confirm-close-radii, {radii.100})`,"--modal-close-border-width":`var(--modal-confirm-close-border-width, {borders.0})`,"--modal-close-border-style":`var(--modal-confirm-close-border-style, solid)`,"--modal-close-border-color":`var(--modal-confirm-close-border-color, transparent)`,"--modal-close-font-size":`var(--modal-confirm-close-font-size, {fontSizes.300})`,"--modal-close-background-hovered":`var(--modal-confirm-close-background-hovered, {colors.neutral.background.1.hovered})`,"--modal-close-foreground-hovered":`var(--modal-confirm-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`,"--modal-footer-background":`var(--modal-confirm-footer-background, transparent)`,"--modal-footer-justify-content":`var(--modal-confirm-footer-justify-content, flex-end)`,"--modal-footer-gap":`var(--modal-confirm-footer-gap, {spacing.500})`,"--modal-footer-padding-inline-start":`var(--modal-confirm-footer-padding-inline-start, {spacing.500})`,"--modal-footer-padding-inline-end":`var(--modal-confirm-footer-padding-inline-end, {spacing.500})`,"--modal-footer-padding-block-start":`var(--modal-confirm-footer-padding-block-start, {spacing.300})`,"--modal-footer-padding-block-end":`var(--modal-confirm-footer-padding-block-end, {spacing.500})`,"--modal-footer-min-height":`var(--modal-confirm-footer-min-height, unset)`,"--modal-footer-border-top-width":`var(--modal-confirm-footer-border-top-width, {borders.0})`,"--modal-footer-border-top-style":`var(--modal-confirm-footer-border-top-style, solid)`,"--modal-footer-border-top-color":`var(--modal-confirm-footer-border-top-color, transparent)`,"--modal-confirm-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-confirm-button-confirm-foreground":`{colors.neutral.foreground.1.onBrand.enabled}`,"--modal-confirm-button-confirm-border-color":`{colors.primary.stroke.1.enabled}`,"--modal-confirm-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-confirm-button-confirm-foreground-hover":`{colors.neutral.foreground.1.onBrand.hovered}`,"--modal-confirm-button-confirm-border-color-hover":`{colors.primary.stroke.1.hovered}`,"--modal-confirm-button-confirm-background-active":`{colors.primary.background.1.actived}`,"--modal-confirm-button-confirm-foreground-active":`{colors.neutral.foreground.1.onBrand.actived}`,"--modal-confirm-button-confirm-border-color-active":`{colors.primary.stroke.1.actived}`,"--modal-confirm-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`,'&[data-intent="danger"]':{"--modal-confirm-button-confirm-background":`{colors.danger.background.1.enabled}`,"--modal-confirm-button-confirm-foreground":`{colors.danger.foreground.1.onDanger.enabled}`,"--modal-confirm-button-confirm-border-color":`{colors.danger.stroke.1.enabled}`,"--modal-confirm-button-confirm-background-hover":`{colors.danger.background.1.hovered}`,"--modal-confirm-button-confirm-foreground-hover":`{colors.danger.foreground.1.onDanger.hovered}`,"--modal-confirm-button-confirm-border-color-hover":`{colors.danger.stroke.1.hovered}`,"--modal-confirm-button-confirm-background-active":`{colors.danger.background.1.actived}`,"--modal-confirm-button-confirm-foreground-active":`{colors.danger.foreground.1.onDanger.actived}`,"--modal-confirm-button-confirm-border-color-active":`{colors.danger.stroke.1.actived}`,"--modal-confirm-button-confirm-focus-outline-color":`{colors.danger.stroke.1.focused}`},"--modal-confirm-button-cancel-background":`{colors.neutral.background.1.enabled}`,"--modal-confirm-button-cancel-foreground":`{colors.neutral.foreground.1.enabled}`,"--modal-confirm-button-cancel-border-color":`{colors.neutral.stroke.1.enabled}`,"--modal-confirm-button-cancel-background-hover":`{colors.neutral.background.1.hovered}`,"--modal-confirm-button-cancel-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--modal-confirm-button-cancel-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--modal-confirm-button-cancel-focus-outline-color":`{colors.primary.stroke.1.focused}`}});export{t as modalConfirm};
1
+ import{modal as e}from"../modal/modal.mjs";const t=e.merge({className:`modal-confirm`,jsx:[`ModalConfirm`],base:{"--modal-y-offset":`var(--modal-confirm-y-offset, 4dvh)`,"--modal-x-offset":`var(--modal-confirm-x-offset, 4vw)`,"--modal-size":`var(--modal-confirm-size, auto)`,"--modal-overlay-background":`var(--modal-confirm-overlay-background, rgba(0, 0, 0, .6))`,"--modal-overlay-filter":`var(--modal-confirm-overlay-filter, blur(5px))`,"--modal-overlay-radius":`var(--modal-confirm-overlay-radius, 0)`,"--modal-overlay-zindex":`var(--modal-confirm-overlay-zindex, 100)`,"--modal-inner-align":`var(--modal-confirm-inner-align, flex-start)`,"--modal-inner-y-offset":`var(--modal-confirm-inner-y-offset, 4dvh)`,"--modal-inner-x-offset":`var(--modal-confirm-inner-x-offset, 4dvw)`,"--modal-inner-zindex":`var(--modal-confirm-inner-zindex, 110)`,"--modal-content-background":`var(--modal-confirm-content-background, {colors.neutral.background.1.enabled})`,"--modal-content-gap":`var(--modal-confirm-content-gap, {spacing.600})`,"--modal-content-flex":`var(--modal-confirm-content-flex, 0 0 var(--modal-size))`,"--modal-content-width":`var(--modal-confirm-content-width, var(--modal-size))`,"--modal-content-height":`var(--modal-confirm-content-height, auto)`,"--modal-content-min-width":`var(--modal-confirm-content-min-width, 33.75rem)`,"--modal-content-max-width":`var(--modal-confirm-content-max-width, 33.75rem)`,"--modal-content-max-height":`var(--modal-confirm-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,"--modal-content-radii":`var(--modal-confirm-content-radii, {radii.200})`,"--modal-content-border-width":`var(--modal-confirm-content-border-width, {borders.100})`,"--modal-content-border-style":`var(--modal-confirm-content-border-style, solid)`,"--modal-content-border-color":`var(--modal-confirm-content-border-color, {colors.neutral.stroke.7.enabled})`,"--modal-content-shadow":`var(--modal-confirm-content-shadow, none)`,"--modal-header-background":`var(--modal-confirm-header-background, transparent)`,"--modal-header-gap":`var(--modal-confirm-header-gap, {spacing.500})`,"--modal-header-min-height":`var(--modal-confirm-header-min-height, unset)`,"--modal-header-padding-block-start":`var(--modal-confirm-header-padding-block-start, {spacing.500})`,"--modal-header-padding-block-end":`var(--modal-confirm-header-padding-block-end, {spacing.0})`,"--modal-header-padding-inline-start":`var(--modal-confirm-header-padding-inline-start, {spacing.500})`,"--modal-header-padding-inline-end":`var(--modal-confirm-header-padding-inline-end, {spacing.500})`,"--modal-header-border-bottom-width":`var(--modal-confirm-header-border-bottom-width, {borders.0})`,"--modal-header-border-bottom-style":`var(--modal-confirm-header-border-bottom-style, solid)`,"--modal-header-border-bottom-color":`var(--modal-confirm-header-border-bottom-color, transparent)`,"--modal-title-font-family":`var(--modal-confirm-title-font-family, {fonts.base})`,"--modal-title-foreground":`var(--modal-confirm-title-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-title-font-size":`var(--modal-confirm-title-font-size, {fontSizes.600})`,"--modal-title-font-weight":`var(--modal-confirm-title-font-weight, {fontWeights.bold})`,"--modal-title-line-height":`var(--modal-confirm-title-line-height, 1.2)`,"--modal-title-gap":`var(--modal-confirm-title-gap, {spacing.200})`,"--modal-title-padding-inline":`var(--modal-confirm-title-padding-inline, {spacing.0})`,"--modal-title-padding-block":`var(--modal-confirm-title-padding-block, {spacing.0})`,"--modal-title-margin-inline":`var(--modal-confirm-title-margin-inline, {spacing.0})`,"--modal-title-margin-block":`var(--modal-confirm-title-margin-block, {spacing.0})`,"--modal-body-gap":`var(--modal-confirm-body-gap, {spacing.600})`,"--modal-body-padding-block-start":`var(--modal-confirm-body-padding-block-start, {spacing.0})`,"--modal-body-padding-block-end":`var(--modal-confirm-body-padding-block-end, {spacing.500})`,"--modal-body-padding-inline-start":`var(--modal-confirm-body-padding-inline-start, {spacing.500})`,"--modal-body-padding-inline-end":`var(--modal-confirm-body-padding-inline-end, {spacing.500})`,"--modal-close-background":`var(--modal-confirm-close-background, transparent)`,"--modal-close-foreground":`var(--modal-confirm-close-foreground, {colors.neutral.foreground.3.enabled})`,"--modal-close-size":`var(--modal-confirm-close-size, {sizes.500})`,"--modal-close-padding":`var(--modal-confirm-close-padding, {spacing.0})`,"--modal-close-radii":`var(--modal-confirm-close-radii, {radii.100})`,"--modal-close-border-width":`var(--modal-confirm-close-border-width, {borders.0})`,"--modal-close-border-style":`var(--modal-confirm-close-border-style, solid)`,"--modal-close-border-color":`var(--modal-confirm-close-border-color, transparent)`,"--modal-close-font-size":`var(--modal-confirm-close-font-size, {fontSizes.300})`,"--modal-close-background-hovered":`var(--modal-confirm-close-background-hovered, {colors.neutral.background.1.hovered})`,"--modal-close-foreground-hovered":`var(--modal-confirm-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`,"--modal-footer-background":`var(--modal-confirm-footer-background, transparent)`,"--modal-footer-justify-content":`var(--modal-confirm-footer-justify-content, flex-end)`,"--modal-footer-gap":`var(--modal-confirm-footer-gap, {spacing.500})`,"--modal-footer-padding-inline-start":`var(--modal-confirm-footer-padding-inline-start, {spacing.500})`,"--modal-footer-padding-inline-end":`var(--modal-confirm-footer-padding-inline-end, {spacing.500})`,"--modal-footer-padding-block-start":`var(--modal-confirm-footer-padding-block-start, {spacing.300})`,"--modal-footer-padding-block-end":`var(--modal-confirm-footer-padding-block-end, {spacing.500})`,"--modal-footer-min-height":`var(--modal-confirm-footer-min-height, unset)`,"--modal-footer-border-top-width":`var(--modal-confirm-footer-border-top-width, {borders.0})`,"--modal-footer-border-top-style":`var(--modal-confirm-footer-border-top-style, solid)`,"--modal-footer-border-top-color":`var(--modal-confirm-footer-border-top-color, transparent)`,"--modal-confirm-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-confirm-button-confirm-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-confirm-button-confirm-border-color":`transparent`,"--modal-confirm-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-confirm-button-confirm-foreground-hover":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-confirm-button-confirm-border-color-hover":`transparent`,"--modal-confirm-button-confirm-background-active":`{colors.primary.background.1.selected}`,"--modal-confirm-button-confirm-foreground-active":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-confirm-button-confirm-border-color-active":`transparent`,"--modal-confirm-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`,'&[data-intent="danger"]':{"--modal-confirm-button-confirm-background":`{colors.danger.background.1.enabled}`,"--modal-confirm-button-confirm-foreground":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-confirm-button-confirm-border-color":`transparent`,"--modal-confirm-button-confirm-background-hover":`{colors.danger.background.1.hovered}`,"--modal-confirm-button-confirm-foreground-hover":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-confirm-button-confirm-border-color-hover":`transparent`,"--modal-confirm-button-confirm-background-active":`{colors.danger.background.1.selected}`,"--modal-confirm-button-confirm-foreground-active":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-confirm-button-confirm-border-color-active":`transparent`,"--modal-confirm-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},"--modal-confirm-button-cancel-background":`{colors.neutral.background.1.enabled}`,"--modal-confirm-button-cancel-foreground":`{colors.neutral.foreground.1.enabled}`,"--modal-confirm-button-cancel-border-color":`{colors.neutral.stroke.1.enabled}`,"--modal-confirm-button-cancel-background-hover":`{colors.neutral.background.1.hovered}`,"--modal-confirm-button-cancel-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--modal-confirm-button-cancel-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--modal-confirm-button-cancel-focus-outline-color":`{colors.primary.stroke.1.focused}`}});export{t as modalConfirm};
2
2
  //# sourceMappingURL=modal-confirm.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"modal-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modal } from '../modal/modal';\n\nexport const modalConfirm = modal.merge({\n className: 'modal-confirm',\n jsx: ['ModalConfirm'],\n base: {\n /* root */\n '--modal-y-offset': 'var(--modal-confirm-y-offset, 4dvh)',\n '--modal-x-offset': 'var(--modal-confirm-x-offset, 4vw)',\n '--modal-size': 'var(--modal-confirm-size, auto)',\n\n /* overlay */\n '--modal-overlay-background':\n 'var(--modal-confirm-overlay-background, rgba(0, 0, 0, .6))',\n '--modal-overlay-filter': 'var(--modal-confirm-overlay-filter, blur(5px))',\n '--modal-overlay-radius': 'var(--modal-confirm-overlay-radius, 0)',\n '--modal-overlay-zindex': 'var(--modal-confirm-overlay-zindex, 100)',\n\n /* inner */\n '--modal-inner-align': 'var(--modal-confirm-inner-align, flex-start)',\n '--modal-inner-y-offset': 'var(--modal-confirm-inner-y-offset, 4dvh)',\n '--modal-inner-x-offset': 'var(--modal-confirm-inner-x-offset, 4dvw)',\n '--modal-inner-zindex': 'var(--modal-confirm-inner-zindex, 110)',\n\n /* content */\n '--modal-content-background':\n 'var(--modal-confirm-content-background, {colors.neutral.background.1.enabled})',\n '--modal-content-gap': 'var(--modal-confirm-content-gap, {spacing.600})',\n '--modal-content-flex':\n 'var(--modal-confirm-content-flex, 0 0 var(--modal-size))',\n '--modal-content-width':\n 'var(--modal-confirm-content-width, var(--modal-size))',\n '--modal-content-height': 'var(--modal-confirm-content-height, auto)',\n '--modal-content-min-width':\n 'var(--modal-confirm-content-min-width, 33.75rem)',\n '--modal-content-max-width':\n 'var(--modal-confirm-content-max-width, 33.75rem)',\n '--modal-content-max-height':\n 'var(--modal-confirm-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n '--modal-content-radii': 'var(--modal-confirm-content-radii, {radii.200})',\n '--modal-content-border-width':\n 'var(--modal-confirm-content-border-width, {borders.100})',\n '--modal-content-border-style':\n 'var(--modal-confirm-content-border-style, solid)',\n '--modal-content-border-color':\n 'var(--modal-confirm-content-border-color, {colors.neutral.stroke.7.enabled})',\n '--modal-content-shadow': 'var(--modal-confirm-content-shadow, none)',\n\n /* header */\n '--modal-header-background':\n 'var(--modal-confirm-header-background, transparent)',\n '--modal-header-gap': 'var(--modal-confirm-header-gap, {spacing.500})',\n '--modal-header-min-height':\n 'var(--modal-confirm-header-min-height, unset)',\n '--modal-header-padding-block-start':\n 'var(--modal-confirm-header-padding-block-start, {spacing.500})',\n '--modal-header-padding-block-end':\n 'var(--modal-confirm-header-padding-block-end, {spacing.0})',\n '--modal-header-padding-inline-start':\n 'var(--modal-confirm-header-padding-inline-start, {spacing.500})',\n '--modal-header-padding-inline-end':\n 'var(--modal-confirm-header-padding-inline-end, {spacing.500})',\n '--modal-header-border-bottom-width':\n 'var(--modal-confirm-header-border-bottom-width, {borders.0})',\n '--modal-header-border-bottom-style':\n 'var(--modal-confirm-header-border-bottom-style, solid)',\n '--modal-header-border-bottom-color':\n 'var(--modal-confirm-header-border-bottom-color, transparent)',\n\n /* title */\n '--modal-title-font-family':\n 'var(--modal-confirm-title-font-family, {fonts.base})',\n '--modal-title-foreground':\n 'var(--modal-confirm-title-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-title-font-size':\n 'var(--modal-confirm-title-font-size, {fontSizes.600})',\n '--modal-title-font-weight':\n 'var(--modal-confirm-title-font-weight, {fontWeights.bold})',\n '--modal-title-line-height': 'var(--modal-confirm-title-line-height, 1.2)',\n '--modal-title-gap': 'var(--modal-confirm-title-gap, {spacing.200})',\n '--modal-title-padding-inline':\n 'var(--modal-confirm-title-padding-inline, {spacing.0})',\n '--modal-title-padding-block':\n 'var(--modal-confirm-title-padding-block, {spacing.0})',\n '--modal-title-margin-inline':\n 'var(--modal-confirm-title-margin-inline, {spacing.0})',\n '--modal-title-margin-block':\n 'var(--modal-confirm-title-margin-block, {spacing.0})',\n\n /* body */\n '--modal-body-gap': 'var(--modal-confirm-body-gap, {spacing.600})',\n '--modal-body-padding-block-start':\n 'var(--modal-confirm-body-padding-block-start, {spacing.0})',\n '--modal-body-padding-block-end':\n 'var(--modal-confirm-body-padding-block-end, {spacing.500})',\n '--modal-body-padding-inline-start':\n 'var(--modal-confirm-body-padding-inline-start, {spacing.500})',\n '--modal-body-padding-inline-end':\n 'var(--modal-confirm-body-padding-inline-end, {spacing.500})',\n\n /* close */\n '--modal-close-background':\n 'var(--modal-confirm-close-background, transparent)',\n '--modal-close-foreground':\n 'var(--modal-confirm-close-foreground, {colors.neutral.foreground.3.enabled})',\n '--modal-close-size': 'var(--modal-confirm-close-size, {sizes.500})',\n '--modal-close-padding': 'var(--modal-confirm-close-padding, {spacing.0})',\n '--modal-close-radii': 'var(--modal-confirm-close-radii, {radii.100})',\n '--modal-close-border-width':\n 'var(--modal-confirm-close-border-width, {borders.0})',\n '--modal-close-border-style':\n 'var(--modal-confirm-close-border-style, solid)',\n '--modal-close-border-color':\n 'var(--modal-confirm-close-border-color, transparent)',\n '--modal-close-font-size':\n 'var(--modal-confirm-close-font-size, {fontSizes.300})',\n '--modal-close-background-hovered':\n 'var(--modal-confirm-close-background-hovered, {colors.neutral.background.1.hovered})',\n '--modal-close-foreground-hovered':\n 'var(--modal-confirm-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n\n /* footer */\n '--modal-footer-background':\n 'var(--modal-confirm-footer-background, transparent)',\n '--modal-footer-justify-content':\n 'var(--modal-confirm-footer-justify-content, flex-end)',\n '--modal-footer-gap': 'var(--modal-confirm-footer-gap, {spacing.500})',\n '--modal-footer-padding-inline-start':\n 'var(--modal-confirm-footer-padding-inline-start, {spacing.500})',\n '--modal-footer-padding-inline-end':\n 'var(--modal-confirm-footer-padding-inline-end, {spacing.500})',\n '--modal-footer-padding-block-start':\n 'var(--modal-confirm-footer-padding-block-start, {spacing.300})',\n '--modal-footer-padding-block-end':\n 'var(--modal-confirm-footer-padding-block-end, {spacing.500})',\n '--modal-footer-min-height':\n 'var(--modal-confirm-footer-min-height, unset)',\n '--modal-footer-border-top-width':\n 'var(--modal-confirm-footer-border-top-width, {borders.0})',\n '--modal-footer-border-top-style':\n 'var(--modal-confirm-footer-border-top-style, solid)',\n '--modal-footer-border-top-color':\n 'var(--modal-confirm-footer-border-top-color, transparent)',\n\n /* button-confirm */\n '--modal-confirm-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-confirm-button-confirm-foreground':\n '{colors.neutral.foreground.1.onBrand.enabled}',\n '--modal-confirm-button-confirm-border-color':\n '{colors.primary.stroke.1.enabled}',\n '--modal-confirm-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-confirm-button-confirm-foreground-hover':\n '{colors.neutral.foreground.1.onBrand.hovered}',\n '--modal-confirm-button-confirm-border-color-hover':\n '{colors.primary.stroke.1.hovered}',\n '--modal-confirm-button-confirm-background-active':\n '{colors.primary.background.1.actived}',\n '--modal-confirm-button-confirm-foreground-active':\n '{colors.neutral.foreground.1.onBrand.actived}',\n '--modal-confirm-button-confirm-border-color-active':\n '{colors.primary.stroke.1.actived}',\n '--modal-confirm-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '&[data-intent=\"danger\"]': {\n '--modal-confirm-button-confirm-background':\n '{colors.danger.background.1.enabled}',\n '--modal-confirm-button-confirm-foreground':\n '{colors.danger.foreground.1.onDanger.enabled}',\n '--modal-confirm-button-confirm-border-color':\n '{colors.danger.stroke.1.enabled}',\n '--modal-confirm-button-confirm-background-hover':\n '{colors.danger.background.1.hovered}',\n '--modal-confirm-button-confirm-foreground-hover':\n '{colors.danger.foreground.1.onDanger.hovered}',\n '--modal-confirm-button-confirm-border-color-hover':\n '{colors.danger.stroke.1.hovered}',\n '--modal-confirm-button-confirm-background-active':\n '{colors.danger.background.1.actived}',\n '--modal-confirm-button-confirm-foreground-active':\n '{colors.danger.foreground.1.onDanger.actived}',\n '--modal-confirm-button-confirm-border-color-active':\n '{colors.danger.stroke.1.actived}',\n '--modal-confirm-button-confirm-focus-outline-color':\n '{colors.danger.stroke.1.focused}',\n },\n\n /* button cancel */\n '--modal-confirm-button-cancel-background':\n '{colors.neutral.background.1.enabled}',\n '--modal-confirm-button-cancel-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--modal-confirm-button-cancel-border-color':\n '{colors.neutral.stroke.1.enabled}',\n '--modal-confirm-button-cancel-background-hover':\n '{colors.neutral.background.1.hovered}',\n '--modal-confirm-button-cancel-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--modal-confirm-button-cancel-border-color-hover':\n '{colors.neutral.stroke.1.hovered}',\n '--modal-confirm-button-cancel-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAe,EAAM,MAAM,CACtC,UAAW,gBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CAEJ,mBAAoB,sCACpB,mBAAoB,qCACpB,eAAgB,kCAGhB,6BACE,6DACF,yBAA0B,iDAC1B,yBAA0B,yCAC1B,yBAA0B,2CAG1B,sBAAuB,+CACvB,yBAA0B,4CAC1B,yBAA0B,4CAC1B,uBAAwB,yCAGxB,6BACE,iFACF,sBAAuB,kDACvB,uBACE,2DACF,wBACE,wDACF,yBAA0B,4CAC1B,4BACE,mDACF,4BACE,mDACF,6BACE,oFACF,wBAAyB,kDACzB,+BACE,2DACF,+BACE,mDACF,+BACE,+EACF,yBAA0B,4CAG1B,4BACE,sDACF,qBAAsB,iDACtB,4BACE,gDACF,qCACE,iEACF,mCACE,6DACF,sCACE,kEACF,oCACE,gEACF,qCACE,+DACF,qCACE,yDACF,qCACE,+DAGF,4BACE,uDACF,2BACE,+EACF,0BACE,wDACF,4BACE,6DACF,4BAA6B,8CAC7B,oBAAqB,gDACrB,+BACE,yDACF,8BACE,wDACF,8BACE,wDACF,6BACE,uDAGF,mBAAoB,+CACpB,mCACE,6DACF,iCACE,6DACF,oCACE,gEACF,kCACE,8DAGF,2BACE,qDACF,2BACE,+EACF,qBAAsB,+CACtB,wBAAyB,kDACzB,sBAAuB,gDACvB,6BACE,uDACF,6BACE,iDACF,6BACE,uDACF,0BACE,wDACF,mCACE,uFACF,mCACE,uFAGF,4BACE,sDACF,iCACE,wDACF,qBAAsB,iDACtB,sCACE,kEACF,oCACE,gEACF,qCACE,iEACF,mCACE,+DACF,4BACE,gDACF,kCACE,4DACF,kCACE,sDACF,kCACE,4DAGF,4CACE,wCACF,4CACE,gDACF,8CACE,oCACF,kDACE,wCACF,kDACE,gDACF,oDACE,oCACF,mDACE,wCACF,mDACE,gDACF,qDACE,oCACF,qDACE,oCACF,0BAA2B,CACzB,4CACE,uCACF,4CACE,gDACF,8CACE,mCACF,kDACE,uCACF,kDACE,gDACF,oDACE,mCACF,mDACE,uCACF,mDACE,gDACF,qDACE,mCACF,qDACE,mCACH,CAGD,2CACE,wCACF,2CACE,wCACF,6CACE,oCACF,iDACE,wCACF,iDACE,wCACF,mDACE,oCACF,oDACE,oCACH,CACF,CAAC"}
1
+ {"version":3,"file":"modal-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modal } from '../modal/modal';\n\nexport const modalConfirm = modal.merge({\n className: 'modal-confirm',\n jsx: ['ModalConfirm'],\n base: {\n /* root */\n '--modal-y-offset': 'var(--modal-confirm-y-offset, 4dvh)',\n '--modal-x-offset': 'var(--modal-confirm-x-offset, 4vw)',\n '--modal-size': 'var(--modal-confirm-size, auto)',\n\n /* overlay */\n '--modal-overlay-background':\n 'var(--modal-confirm-overlay-background, rgba(0, 0, 0, .6))',\n '--modal-overlay-filter': 'var(--modal-confirm-overlay-filter, blur(5px))',\n '--modal-overlay-radius': 'var(--modal-confirm-overlay-radius, 0)',\n '--modal-overlay-zindex': 'var(--modal-confirm-overlay-zindex, 100)',\n\n /* inner */\n '--modal-inner-align': 'var(--modal-confirm-inner-align, flex-start)',\n '--modal-inner-y-offset': 'var(--modal-confirm-inner-y-offset, 4dvh)',\n '--modal-inner-x-offset': 'var(--modal-confirm-inner-x-offset, 4dvw)',\n '--modal-inner-zindex': 'var(--modal-confirm-inner-zindex, 110)',\n\n /* content */\n '--modal-content-background':\n 'var(--modal-confirm-content-background, {colors.neutral.background.1.enabled})',\n '--modal-content-gap': 'var(--modal-confirm-content-gap, {spacing.600})',\n '--modal-content-flex':\n 'var(--modal-confirm-content-flex, 0 0 var(--modal-size))',\n '--modal-content-width':\n 'var(--modal-confirm-content-width, var(--modal-size))',\n '--modal-content-height': 'var(--modal-confirm-content-height, auto)',\n '--modal-content-min-width':\n 'var(--modal-confirm-content-min-width, 33.75rem)',\n '--modal-content-max-width':\n 'var(--modal-confirm-content-max-width, 33.75rem)',\n '--modal-content-max-height':\n 'var(--modal-confirm-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n '--modal-content-radii': 'var(--modal-confirm-content-radii, {radii.200})',\n '--modal-content-border-width':\n 'var(--modal-confirm-content-border-width, {borders.100})',\n '--modal-content-border-style':\n 'var(--modal-confirm-content-border-style, solid)',\n '--modal-content-border-color':\n 'var(--modal-confirm-content-border-color, {colors.neutral.stroke.7.enabled})',\n '--modal-content-shadow': 'var(--modal-confirm-content-shadow, none)',\n\n /* header */\n '--modal-header-background':\n 'var(--modal-confirm-header-background, transparent)',\n '--modal-header-gap': 'var(--modal-confirm-header-gap, {spacing.500})',\n '--modal-header-min-height':\n 'var(--modal-confirm-header-min-height, unset)',\n '--modal-header-padding-block-start':\n 'var(--modal-confirm-header-padding-block-start, {spacing.500})',\n '--modal-header-padding-block-end':\n 'var(--modal-confirm-header-padding-block-end, {spacing.0})',\n '--modal-header-padding-inline-start':\n 'var(--modal-confirm-header-padding-inline-start, {spacing.500})',\n '--modal-header-padding-inline-end':\n 'var(--modal-confirm-header-padding-inline-end, {spacing.500})',\n '--modal-header-border-bottom-width':\n 'var(--modal-confirm-header-border-bottom-width, {borders.0})',\n '--modal-header-border-bottom-style':\n 'var(--modal-confirm-header-border-bottom-style, solid)',\n '--modal-header-border-bottom-color':\n 'var(--modal-confirm-header-border-bottom-color, transparent)',\n\n /* title */\n '--modal-title-font-family':\n 'var(--modal-confirm-title-font-family, {fonts.base})',\n '--modal-title-foreground':\n 'var(--modal-confirm-title-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-title-font-size':\n 'var(--modal-confirm-title-font-size, {fontSizes.600})',\n '--modal-title-font-weight':\n 'var(--modal-confirm-title-font-weight, {fontWeights.bold})',\n '--modal-title-line-height': 'var(--modal-confirm-title-line-height, 1.2)',\n '--modal-title-gap': 'var(--modal-confirm-title-gap, {spacing.200})',\n '--modal-title-padding-inline':\n 'var(--modal-confirm-title-padding-inline, {spacing.0})',\n '--modal-title-padding-block':\n 'var(--modal-confirm-title-padding-block, {spacing.0})',\n '--modal-title-margin-inline':\n 'var(--modal-confirm-title-margin-inline, {spacing.0})',\n '--modal-title-margin-block':\n 'var(--modal-confirm-title-margin-block, {spacing.0})',\n\n /* body */\n '--modal-body-gap': 'var(--modal-confirm-body-gap, {spacing.600})',\n '--modal-body-padding-block-start':\n 'var(--modal-confirm-body-padding-block-start, {spacing.0})',\n '--modal-body-padding-block-end':\n 'var(--modal-confirm-body-padding-block-end, {spacing.500})',\n '--modal-body-padding-inline-start':\n 'var(--modal-confirm-body-padding-inline-start, {spacing.500})',\n '--modal-body-padding-inline-end':\n 'var(--modal-confirm-body-padding-inline-end, {spacing.500})',\n\n /* close */\n '--modal-close-background':\n 'var(--modal-confirm-close-background, transparent)',\n '--modal-close-foreground':\n 'var(--modal-confirm-close-foreground, {colors.neutral.foreground.3.enabled})',\n '--modal-close-size': 'var(--modal-confirm-close-size, {sizes.500})',\n '--modal-close-padding': 'var(--modal-confirm-close-padding, {spacing.0})',\n '--modal-close-radii': 'var(--modal-confirm-close-radii, {radii.100})',\n '--modal-close-border-width':\n 'var(--modal-confirm-close-border-width, {borders.0})',\n '--modal-close-border-style':\n 'var(--modal-confirm-close-border-style, solid)',\n '--modal-close-border-color':\n 'var(--modal-confirm-close-border-color, transparent)',\n '--modal-close-font-size':\n 'var(--modal-confirm-close-font-size, {fontSizes.300})',\n '--modal-close-background-hovered':\n 'var(--modal-confirm-close-background-hovered, {colors.neutral.background.1.hovered})',\n '--modal-close-foreground-hovered':\n 'var(--modal-confirm-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n\n /* footer */\n '--modal-footer-background':\n 'var(--modal-confirm-footer-background, transparent)',\n '--modal-footer-justify-content':\n 'var(--modal-confirm-footer-justify-content, flex-end)',\n '--modal-footer-gap': 'var(--modal-confirm-footer-gap, {spacing.500})',\n '--modal-footer-padding-inline-start':\n 'var(--modal-confirm-footer-padding-inline-start, {spacing.500})',\n '--modal-footer-padding-inline-end':\n 'var(--modal-confirm-footer-padding-inline-end, {spacing.500})',\n '--modal-footer-padding-block-start':\n 'var(--modal-confirm-footer-padding-block-start, {spacing.300})',\n '--modal-footer-padding-block-end':\n 'var(--modal-confirm-footer-padding-block-end, {spacing.500})',\n '--modal-footer-min-height':\n 'var(--modal-confirm-footer-min-height, unset)',\n '--modal-footer-border-top-width':\n 'var(--modal-confirm-footer-border-top-width, {borders.0})',\n '--modal-footer-border-top-style':\n 'var(--modal-confirm-footer-border-top-style, solid)',\n '--modal-footer-border-top-color':\n 'var(--modal-confirm-footer-border-top-color, transparent)',\n\n /* button-confirm */\n '--modal-confirm-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-confirm-button-confirm-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-confirm-button-confirm-border-color': 'transparent',\n '--modal-confirm-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-confirm-button-confirm-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-confirm-button-confirm-border-color-hover': 'transparent',\n '--modal-confirm-button-confirm-background-active':\n '{colors.primary.background.1.selected}',\n '--modal-confirm-button-confirm-foreground-active':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-confirm-button-confirm-border-color-active': 'transparent',\n '--modal-confirm-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '&[data-intent=\"danger\"]': {\n '--modal-confirm-button-confirm-background':\n '{colors.danger.background.1.enabled}',\n '--modal-confirm-button-confirm-foreground':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-confirm-button-confirm-border-color': 'transparent',\n '--modal-confirm-button-confirm-background-hover':\n '{colors.danger.background.1.hovered}',\n '--modal-confirm-button-confirm-foreground-hover':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-confirm-button-confirm-border-color-hover': 'transparent',\n '--modal-confirm-button-confirm-background-active':\n '{colors.danger.background.1.selected}',\n '--modal-confirm-button-confirm-foreground-active':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-confirm-button-confirm-border-color-active': 'transparent',\n '--modal-confirm-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n\n /* button cancel */\n '--modal-confirm-button-cancel-background':\n '{colors.neutral.background.1.enabled}',\n '--modal-confirm-button-cancel-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--modal-confirm-button-cancel-border-color':\n '{colors.neutral.stroke.1.enabled}',\n '--modal-confirm-button-cancel-background-hover':\n '{colors.neutral.background.1.hovered}',\n '--modal-confirm-button-cancel-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--modal-confirm-button-cancel-border-color-hover':\n '{colors.neutral.stroke.1.hovered}',\n '--modal-confirm-button-cancel-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAe,EAAM,MAAM,CACtC,UAAW,gBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CAEJ,mBAAoB,sCACpB,mBAAoB,qCACpB,eAAgB,kCAGhB,6BACE,6DACF,yBAA0B,iDAC1B,yBAA0B,yCAC1B,yBAA0B,2CAG1B,sBAAuB,+CACvB,yBAA0B,4CAC1B,yBAA0B,4CAC1B,uBAAwB,yCAGxB,6BACE,iFACF,sBAAuB,kDACvB,uBACE,2DACF,wBACE,wDACF,yBAA0B,4CAC1B,4BACE,mDACF,4BACE,mDACF,6BACE,oFACF,wBAAyB,kDACzB,+BACE,2DACF,+BACE,mDACF,+BACE,+EACF,yBAA0B,4CAG1B,4BACE,sDACF,qBAAsB,iDACtB,4BACE,gDACF,qCACE,iEACF,mCACE,6DACF,sCACE,kEACF,oCACE,gEACF,qCACE,+DACF,qCACE,yDACF,qCACE,+DAGF,4BACE,uDACF,2BACE,+EACF,0BACE,wDACF,4BACE,6DACF,4BAA6B,8CAC7B,oBAAqB,gDACrB,+BACE,yDACF,8BACE,wDACF,8BACE,wDACF,6BACE,uDAGF,mBAAoB,+CACpB,mCACE,6DACF,iCACE,6DACF,oCACE,gEACF,kCACE,8DAGF,2BACE,qDACF,2BACE,+EACF,qBAAsB,+CACtB,wBAAyB,kDACzB,sBAAuB,gDACvB,6BACE,uDACF,6BACE,iDACF,6BACE,uDACF,0BACE,wDACF,mCACE,uFACF,mCACE,uFAGF,4BACE,sDACF,iCACE,wDACF,qBAAsB,iDACtB,sCACE,kEACF,oCACE,gEACF,qCACE,iEACF,mCACE,+DACF,4BACE,gDACF,kCACE,4DACF,kCACE,sDACF,kCACE,4DAGF,4CACE,wCACF,4CACE,kDACF,8CAA+C,cAC/C,kDACE,wCACF,kDACE,kDACF,oDAAqD,cACrD,mDACE,yCACF,mDACE,kDACF,qDAAsD,cACtD,qDACE,oCACF,0BAA2B,CACzB,4CACE,uCACF,4CACE,gDACF,8CAA+C,cAC/C,kDACE,uCACF,kDACE,gDACF,oDAAqD,cACrD,mDACE,wCACF,mDACE,gDACF,qDAAsD,cACtD,qDACE,oCACH,CAGD,2CACE,wCACF,2CACE,wCACF,6CACE,oCACF,iDACE,wCACF,iDACE,wCACF,mDACE,oCACF,oDACE,oCACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`tooltip__root`,jsx:[`Tooltip`],base:{backgroundColor:`var(--tooltip-background, {colors.neutral.background.static.enabled})`,color:`var(--tooltip-foreground, {colors.neutral.foreground.static.inverted.enabled})`,fontFamily:`var(--font-family-base, {fonts.base})`,fontSize:`var(--tooltip-font-size, {fontSizes.200})`,fontWeight:`var(--tooltip-font-weight, {fontWeights.regular})`,lineHeight:`var(--tooltip-line-height, 1.3)`,display:`flex`,alignItems:`center`,textWrap:`wrap`,whiteSpace:`normal`,position:`absolute`,borderRadius:`var(--tooltip-radii, {radii.200})`,paddingInline:`var(--tooltip-padding-inline, {spacing.200})`,paddingBlock:`var(--tooltip-padding-inline, {spacing.100})`,height:`var(--tooltip-height, auto)`,minHeight:`var(--tooltip-min-height, auto)`,width:`var(--tooltip-width, 200px)`,zIndex:`var(--tooltip-zindex, {zIndex.tooltip})!`,boxSizing:`border-box`,"&[data-multiline=true]":{paddingBlock:`var(--tooltip-padding-block)`,maxWidth:`var(--tooltip-max-width)`}}});export{t as tooltipRoot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`tooltip__root`,jsx:[`Tooltip`],base:{backgroundColor:`var(--tooltip-background, {colors.neutral.background.static.enabled})`,color:`var(--tooltip-foreground, {colors.neutral.foreground.static.inverted.1.enabled})`,fontFamily:`var(--font-family-base, {fonts.base})`,fontSize:`var(--tooltip-font-size, {fontSizes.200})`,fontWeight:`var(--tooltip-font-weight, {fontWeights.regular})`,lineHeight:`var(--tooltip-line-height, 1.3)`,display:`flex`,alignItems:`center`,textWrap:`wrap`,whiteSpace:`normal`,position:`absolute`,borderRadius:`var(--tooltip-radii, {radii.200})`,paddingInline:`var(--tooltip-padding-inline, {spacing.200})`,paddingBlock:`var(--tooltip-padding-inline, {spacing.100})`,height:`var(--tooltip-height, auto)`,minHeight:`var(--tooltip-min-height, auto)`,width:`var(--tooltip-width, 200px)`,zIndex:`var(--tooltip-zindex, {zIndex.tooltip})!`,boxSizing:`border-box`,"&[data-multiline=true]":{paddingBlock:`var(--tooltip-padding-block)`,maxWidth:`var(--tooltip-max-width)`}}});export{t as tooltipRoot};
2
2
  //# sourceMappingURL=tooltip-root.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/tooltip/tooltip-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tooltipRoot = defineRecipe({\n className: 'tooltip__root',\n jsx: ['Tooltip'],\n base: {\n backgroundColor:\n 'var(--tooltip-background, {colors.neutral.background.static.enabled})',\n color:\n 'var(--tooltip-foreground, {colors.neutral.foreground.static.inverted.enabled})',\n fontFamily: 'var(--font-family-base, {fonts.base})',\n fontSize: 'var(--tooltip-font-size, {fontSizes.200})',\n fontWeight: 'var(--tooltip-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--tooltip-line-height, 1.3)',\n display: 'flex',\n alignItems: 'center',\n textWrap: 'wrap',\n whiteSpace: 'normal',\n position: 'absolute',\n borderRadius: 'var(--tooltip-radii, {radii.200})',\n paddingInline: 'var(--tooltip-padding-inline, {spacing.200})',\n paddingBlock: 'var(--tooltip-padding-inline, {spacing.100})',\n height: 'var(--tooltip-height, auto)',\n minHeight: 'var(--tooltip-min-height, auto)',\n width: 'var(--tooltip-width, 200px)',\n zIndex: 'var(--tooltip-zindex, {zIndex.tooltip})!',\n boxSizing: 'border-box',\n '&[data-multiline=true]': {\n paddingBlock: 'var(--tooltip-padding-block)',\n maxWidth: 'var(--tooltip-max-width)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBACE,wEACF,MACE,iFACF,WAAY,wCACZ,SAAU,4CACV,WAAY,oDACZ,WAAY,kCACZ,QAAS,OACT,WAAY,SACZ,SAAU,OACV,WAAY,SACZ,SAAU,WACV,aAAc,oCACd,cAAe,+CACf,aAAc,+CACd,OAAQ,8BACR,UAAW,kCACX,MAAO,8BACP,OAAQ,2CACR,UAAW,aACX,yBAA0B,CACxB,aAAc,+BACd,SAAU,2BACX,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"tooltip-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/tooltip/tooltip-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tooltipRoot = defineRecipe({\n className: 'tooltip__root',\n jsx: ['Tooltip'],\n base: {\n backgroundColor:\n 'var(--tooltip-background, {colors.neutral.background.static.enabled})',\n color:\n 'var(--tooltip-foreground, {colors.neutral.foreground.static.inverted.1.enabled})',\n fontFamily: 'var(--font-family-base, {fonts.base})',\n fontSize: 'var(--tooltip-font-size, {fontSizes.200})',\n fontWeight: 'var(--tooltip-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--tooltip-line-height, 1.3)',\n display: 'flex',\n alignItems: 'center',\n textWrap: 'wrap',\n whiteSpace: 'normal',\n position: 'absolute',\n borderRadius: 'var(--tooltip-radii, {radii.200})',\n paddingInline: 'var(--tooltip-padding-inline, {spacing.200})',\n paddingBlock: 'var(--tooltip-padding-inline, {spacing.100})',\n height: 'var(--tooltip-height, auto)',\n minHeight: 'var(--tooltip-min-height, auto)',\n width: 'var(--tooltip-width, 200px)',\n zIndex: 'var(--tooltip-zindex, {zIndex.tooltip})!',\n boxSizing: 'border-box',\n '&[data-multiline=true]': {\n paddingBlock: 'var(--tooltip-padding-block)',\n maxWidth: 'var(--tooltip-max-width)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBACE,wEACF,MACE,mFACF,WAAY,wCACZ,SAAU,4CACV,WAAY,oDACZ,WAAY,kCACZ,QAAS,OACT,WAAY,SACZ,SAAU,OACV,WAAY,SACZ,SAAU,WACV,aAAc,oCACd,cAAe,+CACf,aAAc,+CACd,OAAQ,8BACR,UAAW,kCACX,MAAO,8BACP,OAAQ,2CACR,UAAW,aACX,yBAA0B,CACxB,aAAc,+BACd,SAAU,2BACX,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`tooltip`,jsx:[`Tooltip`],base:{"--tooltip-background":`{colors.neutral.background.static.enabled}`,"--tooltip-foreground":`{colors.neutral.foreground.static.inverted.enabled}`,"--tooltip-radii":`{radii.200}`,"--tooltip-padding-inline":`{spacing.200}`,"--tooltip-padding-block":`{spacing.100}`,"--tooltip-height":`auto`,"--tooltip-min-height":`auto`,"--tooltip-width":`auto`,"--tooltip-max-width":`12.5rem`,"--tooltip-font-family":`{fonts.base}`,"--tooltip-font-size":`{fontSizes.200}`,"--tooltip-font-weight":`{fontWeights.regular}`,"--tooltip-line-height":`1.3`,"--tooltip-zindex":`{zIndex.tooltip}`}});export{t as tooltip};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`tooltip`,jsx:[`Tooltip`],base:{"--tooltip-background":`{colors.neutral.background.static.enabled}`,"--tooltip-foreground":`{colors.neutral.foreground.static.inverted.1.enabled}`,"--tooltip-radii":`{radii.200}`,"--tooltip-padding-inline":`{spacing.200}`,"--tooltip-padding-block":`{spacing.100}`,"--tooltip-height":`auto`,"--tooltip-min-height":`auto`,"--tooltip-width":`auto`,"--tooltip-max-width":`12.5rem`,"--tooltip-font-family":`{fonts.base}`,"--tooltip-font-size":`{fontSizes.200}`,"--tooltip-font-weight":`{fontWeights.regular}`,"--tooltip-line-height":`1.3`,"--tooltip-zindex":`{zIndex.tooltip}`}});export{t as tooltip};
2
2
  //# sourceMappingURL=tooltip.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.mjs","names":[],"sources":["../../../../src/recipes/overlays/tooltip/tooltip.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tooltip = defineRecipe({\n className: 'tooltip',\n jsx: ['Tooltip'],\n base: {\n '--tooltip-background': '{colors.neutral.background.static.enabled}',\n '--tooltip-foreground':\n '{colors.neutral.foreground.static.inverted.enabled}',\n '--tooltip-radii': '{radii.200}',\n '--tooltip-padding-inline': '{spacing.200}',\n '--tooltip-padding-block': '{spacing.100}',\n '--tooltip-height': 'auto',\n '--tooltip-min-height': 'auto',\n '--tooltip-width': 'auto',\n '--tooltip-max-width': '12.5rem',\n '--tooltip-font-family': '{fonts.base}',\n '--tooltip-font-size': '{fontSizes.200}',\n '--tooltip-font-weight': '{fontWeights.regular}',\n '--tooltip-line-height': '1.3',\n '--tooltip-zindex': '{zIndex.tooltip}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,uBAAwB,6CACxB,uBACE,sDACF,kBAAmB,cACnB,2BAA4B,gBAC5B,0BAA2B,gBAC3B,mBAAoB,OACpB,uBAAwB,OACxB,kBAAmB,OACnB,sBAAuB,UACvB,wBAAyB,eACzB,sBAAuB,kBACvB,wBAAyB,wBACzB,wBAAyB,MACzB,mBAAoB,mBACrB,CACF,CAAC"}
1
+ {"version":3,"file":"tooltip.mjs","names":[],"sources":["../../../../src/recipes/overlays/tooltip/tooltip.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tooltip = defineRecipe({\n className: 'tooltip',\n jsx: ['Tooltip'],\n base: {\n '--tooltip-background': '{colors.neutral.background.static.enabled}',\n '--tooltip-foreground':\n '{colors.neutral.foreground.static.inverted.1.enabled}',\n '--tooltip-radii': '{radii.200}',\n '--tooltip-padding-inline': '{spacing.200}',\n '--tooltip-padding-block': '{spacing.100}',\n '--tooltip-height': 'auto',\n '--tooltip-min-height': 'auto',\n '--tooltip-width': 'auto',\n '--tooltip-max-width': '12.5rem',\n '--tooltip-font-family': '{fonts.base}',\n '--tooltip-font-size': '{fontSizes.200}',\n '--tooltip-font-weight': '{fontWeights.regular}',\n '--tooltip-line-height': '1.3',\n '--tooltip-zindex': '{zIndex.tooltip}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,uBAAwB,6CACxB,uBACE,wDACF,kBAAmB,cACnB,2BAA4B,gBAC5B,0BAA2B,gBAC3B,mBAAoB,OACpB,uBAAwB,OACxB,kBAAmB,OACnB,sBAAuB,UACvB,wBAAyB,eACzB,sBAAuB,kBACvB,wBAAyB,wBACzB,wBAAyB,MACzB,mBAAoB,mBACrB,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{avatar as e}from"../../../data-display/avatar/avatar.mjs";const t=e.merge({className:`user-group-preview__avatar`,jsx:[`UserGroupPreview`],base:{borderWidth:`var(--user-group-preview-avatar-border-width, {borders.200})`,borderColor:`var(--user-group-preview-avatar-border-color, {colors.neutral.background.static.inverted})`}});export{t as userGroupPreviewAvatar};
1
+ import{avatar as e}from"../../../data-display/avatar/avatar.mjs";const t=e.merge({className:`user-group-preview__avatar`,jsx:[`UserGroupPreview`],base:{borderWidth:`var(--user-group-preview-avatar-border-width, {borders.200})`,borderColor:`var(--user-group-preview-avatar-border-color, {colors.neutral.stroke.7.enabled})`}});export{t as userGroupPreviewAvatar};
2
2
  //# sourceMappingURL=user-group-preview-avatar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"user-group-preview-avatar.mjs","names":[],"sources":["../../../../../src/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { avatar } from '../../../data-display/avatar/avatar';\n\nexport const userGroupPreviewAvatar = avatar.merge({\n className: 'user-group-preview__avatar',\n jsx: ['UserGroupPreview'],\n base: {\n borderWidth: 'var(--user-group-preview-avatar-border-width, {borders.200})',\n borderColor:\n 'var(--user-group-preview-avatar-border-color, {colors.neutral.background.static.inverted})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iEAOA,MAAa,EAAyB,EAAO,MAAM,CACjD,UAAW,6BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,YAAa,+DACb,YACE,6FACH,CACF,CAAC"}
1
+ {"version":3,"file":"user-group-preview-avatar.mjs","names":[],"sources":["../../../../../src/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { avatar } from '../../../data-display/avatar/avatar';\n\nexport const userGroupPreviewAvatar = avatar.merge({\n className: 'user-group-preview__avatar',\n jsx: ['UserGroupPreview'],\n base: {\n borderWidth: 'var(--user-group-preview-avatar-border-width, {borders.200})',\n borderColor:\n 'var(--user-group-preview-avatar-border-color, {colors.neutral.stroke.7.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iEAOA,MAAa,EAAyB,EAAO,MAAM,CACjD,UAAW,6BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,YAAa,+DACb,YACE,mFACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{indicator as e}from"../../../data-display/indicator/indicator.mjs";const t=e.merge({className:`notification-menu__indicator`,jsx:[`NotificationMenu`],base:{"--indicator-min-width":`1.25rem`,"--indicator-min-height":`1.25rem`,"--indicator-padding-inline":`{spacing.100}`,"--indicator-border-color":`transparent`,"--indicator-foreground":`{colors.neutral.foreground.1.onBrand.enabled}`,"--indicator-font-weight":`{fontWeights.semiBold}`,"--indicator-background":`{colors.danger.background.1.enabled}`}});export{t as notificationMenuIndicator};
1
+ import{indicator as e}from"../../../data-display/indicator/indicator.mjs";const t=e.merge({className:`notification-menu__indicator`,jsx:[`NotificationMenu`],base:{"--indicator-min-width":`1.25rem`,"--indicator-min-height":`1.25rem`,"--indicator-padding-inline":`{spacing.100}`,"--indicator-border-color":`transparent`,"--indicator-foreground":`{colors.danger.foreground.onDanger.2.enabled}`,"--indicator-font-weight":`{fontWeights.semiBold}`,"--indicator-background":`{colors.danger.background.1.enabled}`}});export{t as notificationMenuIndicator};
2
2
  //# sourceMappingURL=notification-menu-indicator.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"notification-menu-indicator.mjs","names":[],"sources":["../../../../../src/recipes/semedlab/navigations/notification-menu/notification-menu-indicator.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { indicator } from './../../../data-display/indicator/indicator';\n\nexport const notificationMenuIndicator = indicator.merge({\n className: 'notification-menu__indicator',\n jsx: ['NotificationMenu'],\n base: {\n '--indicator-min-width': '1.25rem',\n '--indicator-min-height': '1.25rem',\n '--indicator-padding-inline': '{spacing.100}',\n '--indicator-border-color': 'transparent',\n '--indicator-foreground': '{colors.neutral.foreground.1.onBrand.enabled}',\n '--indicator-font-weight': '{fontWeights.semiBold}',\n '--indicator-background': '{colors.danger.background.1.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0EAOA,MAAa,EAA4B,EAAU,MAAM,CACvD,UAAW,+BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,wBAAyB,UACzB,yBAA0B,UAC1B,6BAA8B,gBAC9B,2BAA4B,cAC5B,yBAA0B,gDAC1B,0BAA2B,yBAC3B,yBAA0B,uCAC3B,CACF,CAAC"}
1
+ {"version":3,"file":"notification-menu-indicator.mjs","names":[],"sources":["../../../../../src/recipes/semedlab/navigations/notification-menu/notification-menu-indicator.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { indicator } from './../../../data-display/indicator/indicator';\n\nexport const notificationMenuIndicator = indicator.merge({\n className: 'notification-menu__indicator',\n jsx: ['NotificationMenu'],\n base: {\n '--indicator-min-width': '1.25rem',\n '--indicator-min-height': '1.25rem',\n '--indicator-padding-inline': '{spacing.100}',\n '--indicator-border-color': 'transparent',\n '--indicator-foreground': '{colors.danger.foreground.onDanger.2.enabled}',\n '--indicator-font-weight': '{fontWeights.semiBold}',\n '--indicator-background': '{colors.danger.background.1.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0EAOA,MAAa,EAA4B,EAAU,MAAM,CACvD,UAAW,+BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,wBAAyB,UACzB,yBAA0B,UAC1B,6BAA8B,gBAC9B,2BAA4B,cAC5B,yBAA0B,gDAC1B,0BAA2B,yBAC3B,yBAA0B,uCAC3B,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineSemanticTokens as e}from"@pandacss/dev";const t=e.colors({neutral:{foreground:{1:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},focused:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},brand:{hovered:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.400}`}}},onBrand:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}},hovered:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}},selected:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}}}},2:{enabled:{value:{base:`{colors.neutral.800}`,_dark:`{colors.neutral.100}`}},hovered:{value:{base:`{colors.neutral.900}`,_dark:`{colors.neutral.100}`}},actived:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.50}`}},brand:{hovered:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.100}`}},actived:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.100}`}},selected:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.50}`}},selectedHovered:{value:{base:`{colors.primary.950}`,_dark:`{colors.primary.50}`}}}},3:{enabled:{value:{base:`{colors.neutral.400}`,_dark:`{colors.neutral.400}`}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},brand:{hovered:{value:{base:`{colors.primary.600}`,_dark:`{colors.neutral.0}`}},actived:{value:{base:`{colors.primary.900}`,_dark:`{colors.neutral.0}`}},selected:{value:{base:`{colors.primary.900}`,_dark:`{colors.neutral.0}`}},selectedHovered:{value:{base:`{colors.primary.950}`,_dark:`{colors.neutral.0}`}}}},4:{enabled:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.700}`}}},5:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}}},static:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.950}`}},inverted:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.0}`}}}}},background:{1:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.850}`}},hovered:{value:{base:`{colors.neutral.20}`,_dark:`{colors.neutral.900}`}},actived:{value:{base:`{colors.neutral.30}`,_dark:`{colors.neutral.950}`}},selected:{value:{base:`{colors.neutral.50}`,_dark:`{colors.neutral.850}`}},alpha:{enabled:{value:{base:`rgba(255, 255, 255, 0.5000)`,_dark:`rgba(38, 38, 38, 0.5000)`}}},brand:{selected:{value:{base:`{colors.primary.400}`,_dark:`{colors.primary.500}`}},actived:{value:{base:`{colors.primary.400}`,_dark:`{colors.primary.700}`}},selectedHovered:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.700}`}}}},2:{enabled:{value:{base:`{colors.neutral.50}`,_dark:`{colors.neutral.800}`}},hovered:{value:{base:`{colors.neutral.1000/5}`,_dark:`{colors.neutral.0/5}`}},actived:{value:{base:`{colors.neutral.1000/10}`,_dark:`{colors.neutral.0/10}`}},brand:{selected:{value:{base:`{colors.primary.200}`,_dark:`{colors.primary.300}`}},actived:{value:{base:`{colors.primary.300}`,_dark:`{colors.primary.400}`}},selectedHovered:{value:{base:`{colors.primary.300}`,_dark:`{colors.primary.400}`}}}},3:{enabled:{value:{base:`{colors.neutral.100}`,_dark:`{colors.neutral.700}`}},hovered:{value:{base:`{colors.neutral.100}`,_dark:`{colors.neutral.0}`}},actived:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.700}`}}},4:{enabled:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.900}`}},hovered:{value:{base:`{colors.neutral.50}`,_dark:`{colors.neutral.900}`}}},5:{enabled:{value:{base:`{colors.neutral.300}`,_dark:`{colors.neutral.600}`}},brand:{selected:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.500}`}}}},6:{enabled:{value:{base:`{colors.neutral.800}`,_dark:`{colors.neutral.0}`}},hovered:{value:{base:`{colors.neutral.900}`,_dark:`{colors.neutral.50}`}},actived:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}}},7:{enabled:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.200}`}},brand:{hovered:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.500}`}}}},static:{enabled:{value:{base:`{colors.neutral.1000}`,_dark:`{colors.neutral.1000}`}},inverted:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.0}`}}},alpha:{enabled:{value:{base:`{colors.neutral.500/10}`,_dark:`{colors.neutral.500/10}`}}}},stroke:{1:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},onBrand:{selected:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}}},brand:{hovered:{value:{base:`{colors.primary.300}`,_dark:`{colors.primary.300}`}},selected:{value:{base:`{colors.primary.300}`,_dark:`{colors.primary.300}`}}}},2:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}}},3:{enabled:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.200}`}},hovered:{value:{base:`{colors.neutral.100}`,_dark:`{colors.neutral.100}`}},actived:{value:{base:`{colors.neutral.50}`,_dark:`{colors.neutral.50}`}}},4:{enabled:{value:{base:`{colors.neutral.400}`,_dark:`{colors.neutral.400}`}}},5:{enabled:{value:{base:`{colors.neutral.600}`,_dark:`{colors.neutral.600}`}},selected:{value:{base:`{colors.neutral.400}`,_dark:`{colors.neutral.400}`}}},6:{enabled:{value:{base:`{colors.neutral.500}`,_dark:`{colors.neutral.500}`}},hovered:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.0}`}}},7:{enabled:{value:{base:`{colors.neutral.100}`,_dark:`{colors.neutral.600}`}},hovered:{value:{base:`{colors.neutral.500}`,_dark:`{colors.neutral.400}`}},actived:{value:{base:`{colors.neutral.600}`,_dark:`{colors.neutral.300}`}}}},effect:{1:{enabled:{value:{base:`rgba(255, 255, 255, 0.1500)`,_dark:`rgba(38, 38, 38, 0.1500)`}}}}},primary:{foreground:{1:{enabled:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.200}`}}},2:{enabled:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.300}`}},hovered:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.200}`}},actived:{value:{base:`{colors.primary.700}`,_dark:`{colors.primary.100}`}}},3:{enabled:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.500}`}}},4:{enabled:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.100}`}}}},background:{1:{enabled:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.400}`}},hovered:{value:{base:`{colors.primary.800}`,_dark:`{colors.primary.200}`}}},2:{enabled:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.400}`}},hovered:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.300}`}},actived:{value:{base:`{colors.primary.700}`,_dark:`{colors.primary.400}`}}},3:{enabled:{value:{base:`{colors.primary.400}`,_dark:`{colors.primary.700}`}}},4:{hovered:{value:{base:`{colors.primary.100}`,_dark:`{colors.primary.900}`}}},5:{enabled:{value:{base:`{colors.primary.100}`,_dark:`{colors.primary.700}`}},selected:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.400}`}}},neutral:{enabled:{value:{base:`{colors.primary.100}`,_dark:`{colors.neutral.800}`}}},alpha:{enabled:{value:{base:`{colors.primary.500/20}`,_dark:`{colors.primary.500/20}`}}}},stroke:{1:{enabled:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.200}`}},hovered:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.200}`}},focused:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.300}`}}},2:{enabled:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.300}`}},hovered:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.300}`}},actived:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.200}`}}},3:{enabled:{value:{base:`{colors.primary.200}`,_dark:`{colors.primary.500}`}},hovered:{value:{base:`{colors.primary.300}`,_dark:`{colors.primary.600}`}},actived:{value:{base:`{colors.primary.400}`,_dark:`{colors.primary.500}`}}}},effect:{1:{pressed:{value:{base:`{colors.primary.700}`,_dark:`{colors.primary.100}`}}}}},secondary:{foreground:{1:{enabled:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.500}`}}},2:{enabled:{value:{base:`{colors.secondary.800}`,_dark:`{colors.secondary.100}`}}}},background:{1:{enabled:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.500}`}}},alpha:{enabled:{value:{base:`{colors.secondary.500/30}`,_dark:`{colors.secondary.500/30}`}}}}},success:{foreground:{1:{enabled:{value:{base:`{colors.success.300}`,_dark:`{colors.success.500}`}}},2:{enabled:{value:{base:`{colors.success.900}`,_dark:`{colors.success.100}`}}}},background:{1:{enabled:{value:{base:`{colors.success.500}`,_dark:`{colors.success.600}`}}},alpha:{enabled:{value:{base:`{colors.success.500/30}`,_dark:`{colors.success.500/30}`}}}}},warning:{foreground:{1:{enabled:{value:{base:`{colors.warning.500}`,_dark:`{colors.warning.500}`}}},2:{enabled:{value:{base:`{colors.warning.900}`,_dark:`{colors.warning.100}`}}}},background:{1:{enabled:{value:{base:`{colors.warning.500}`,_dark:`{colors.warning.600}`}}},alpha:{enabled:{value:{base:`{colors.warning.500/30}`,_dark:`{colors.warning.500/30}`}}}}},danger:{foreground:{1:{enabled:{value:{base:`{colors.error.400}`,_dark:`{colors.error.400}`}},hovered:{value:{base:`{colors.error.400}`,_dark:`{colors.error.400}`}},actived:{value:{base:`{colors.error.400}`,_dark:`{colors.error.400}`}}},2:{enabled:{value:{base:`{colors.error.900}`,_dark:`{colors.error.200}`}}}},background:{1:{enabled:{value:{base:`{colors.error.400}`,_dark:`{colors.error.400}`}},hovered:{value:{base:`{colors.error.600}`,_dark:`{colors.error.500}`}},actived:{value:{base:`{colors.error.700}`,_dark:`{colors.error.400}`}}},alpha:{enabled:{value:{base:`{colors.error.500/20}`,_dark:`{colors.error.500/20}`}}}},stroke:{1:{enabled:{value:{base:`{colors.error.400}`,_dark:`{colors.error.400}`}},hovered:{value:{base:`{colors.error.600}`,_dark:`{colors.error.400}`}},actived:{value:{base:`{colors.error.400}`,_dark:`{colors.error.400}`}},focused:{value:{base:`{colors.error.400}`,_dark:`{colors.error.400}`}}}}},gradients:{100:{from:{value:{base:`{colors.primary.500}`,_dark:`{colors.secondary.500}`}},to:{value:{base:`{colors.secondary.500}`,_dark:`{colors.primary.500}`}}},200:{from:{value:{base:`{colors.primary.200}`,_dark:`{colors.primary.800}`}},to:{value:{base:`{colors.neutral.150}`,_dark:`{colors.primary.600}`}}},300:{from:{value:{base:`{colors.primary.400}`,_dark:`{colors.primary.500}`}},to:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.500}`}}},400:{from:{value:{base:`{colors.primary.200}`,_dark:`{colors.primary.800}`}},to:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.400}`}}},500:{from:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.400}`}},to:{value:{base:`{colors.primary.200}`,_dark:`{colors.primary.800}`}}}}});export{t as colors};
1
+ import{defineSemanticTokens as e}from"@pandacss/dev";const t=e.colors({neutral:{foreground:{1:{enabled:{value:{base:`{colors.neutral.900}`,_dark:`{colors.neutral.50}`}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},primary:{hovered:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.200}`}},selected:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.100}`}}}},2:{enabled:{value:{base:`{colors.neutral.800}`,_dark:`{colors.neutral.200}`}},hovered:{value:{base:`{colors.neutral.900}`,_dark:`{colors.neutral.100}`}},selected:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.50}`}},primary:{hovered:{value:{base:`{colors.primary.800}`,_dark:`{colors.primary.200}`}},selected:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.50}`}},selectedHovered:{value:{base:`{colors.primary.950}`,_dark:`{colors.primary.50}`}}}},3:{enabled:{value:{base:`{colors.neutral.600}`,_dark:`{colors.neutral.300}`}},primary:{hovered:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.200}`}},selected:{value:{base:`{colors.primary.950}`,_dark:`{colors.primary.200}`}},selectedHovered:{value:{base:`{colors.primary.950}`,_dark:`{colors.primary.200}`}}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},selected:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}}},4:{enabled:{value:{base:`{colors.neutral.400}`,_dark:`{colors.neutral.700}`}},hovered:{value:{base:`{colors.neutral.600}`,_dark:`{colors.neutral.500}`}}},onNeutral:{1:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}}},2:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}}}},static:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.950}`}},inverted:{1:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.0}`}}},2:{enabled:{value:{base:`{colors.neutral.300}`,_dark:`{colors.neutral.300}`}}}}}},background:{1:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}},hovered:{value:{base:`{colors.neutral.150}`,_dark:`{colors.neutral.850}`}},selected:{value:{base:`{colors.neutral.100}`,_dark:`{colors.neutral.800}`}}},2:{enabled:{value:{base:`{colors.neutral.100}`,_dark:`{colors.neutral.900}`}},hovered:{value:{base:`{colors.neutral.150}`,_dark:`{colors.neutral.800}`}},primary:{selected:{value:{base:`{colors.primary.200}`,_dark:`{colors.primary.500}`}},selectedHovered:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.400}`}}},selected:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.700}`}}},3:{enabled:{value:{base:`{colors.neutral.100}`,_dark:`{colors.neutral.700}`}},hovered:{value:{base:`{colors.neutral.100}`,_dark:`{colors.neutral.700}`}},selected:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.700}`}}},4:{enabled:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.900}`}},hovered:{value:{base:`{colors.neutral.50}`,_dark:`{colors.neutral.800}`}}},5:{enabled:{value:{base:`{colors.neutral.300}`,_dark:`{colors.neutral.600}`}},primary:{selected:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.500}`}}}},6:{enabled:{value:{base:`{colors.neutral.900}`,_dark:`{colors.neutral.100}`}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.50}`}},selected:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}}},7:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.50}`}},primary:{hovered:{value:{base:`{colors.primary.300}`,_dark:`{colors.primary.500}`}}}},8:{hovered:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}},selected:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}}},static:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.950}`}},inverted:{1:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.0}`}}},2:{enabled:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.200}`}}}}},alpha:{1:{enabled:{value:{base:`{colors.neutral.950/5}`,_dark:`{colors.neutral.0/10}`}}},2:{enabled:{value:{base:`{colors.neutral.950/10}`,_dark:`{colors.neutral.950/30}`}}},static:{1:{enabled:{value:{base:`{colors.neutral.0/70}`,_dark:`{colors.neutral.0/70}`}}},2:{enabled:{value:{base:`{colors.neutral.0/50}`,_dark:`{colors.neutral.0/50}`}}},inverted:{value:{base:`{colors.neutral.950/50}`,_dark:`{colors.neutral.950/50}`}}}}},stroke:{1:{enabled:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},focused:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}},onPrimary:{selected:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}}},primary:{hovered:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.500}`}},selected:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.300}`}}}},2:{enabled:{value:{base:`{colors.neutral.800}`,_dark:`{colors.neutral.0}`}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}}},3:{enabled:{value:{base:`{colors.neutral.800}`,_dark:`{colors.neutral.200}`}},hovered:{value:{base:`{colors.neutral.900}`,_dark:`{colors.neutral.100}`}},selected:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.50}`}}},4:{enabled:{value:{base:`{colors.neutral.600}`,_dark:`{colors.neutral.400}`}}},5:{enabled:{value:{base:`{colors.neutral.400}`,_dark:`{colors.neutral.600}`}},selected:{value:{base:`{colors.neutral.600}`,_dark:`{colors.neutral.400}`}}},6:{enabled:{value:{base:`{colors.neutral.300}`,_dark:`{colors.neutral.500}`}},hovered:{value:{base:`{colors.neutral.950}`,_dark:`{colors.neutral.0}`}}},7:{enabled:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.700}`}},hovered:{value:{base:`{colors.neutral.500}`,_dark:`{colors.neutral.400}`}},selected:{value:{base:`{colors.neutral.600}`,_dark:`{colors.neutral.300}`}},brand:{selected:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.400}`}}}}}},primary:{foreground:{1:{enabled:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.200}`}},hovered:{value:{base:`{colors.primary.800}`,_dark:`{colors.primary.100}`}},selected:{value:{base:`{colors.primary.800}`,_dark:`{colors.primary.100}`}}},2:{enabled:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.300}`}},hovered:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.200}`}},selected:{value:{base:`{colors.primary.700}`,_dark:`{colors.primary.100}`}}},3:{enabled:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.500}`}}},4:{enabled:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.200}`}}},onPrimary:{1:{enabled:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.200}`}},hovered:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.200}`}},selected:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.200}`}}},2:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.primary.950}`}},hovered:{value:{base:`{colors.neutral.0}`,_dark:`{colors.primary.950}`}},selected:{value:{base:`{colors.neutral.0}`,_dark:`{colors.primary.950}`}}}}},background:{1:{enabled:{value:{base:`{colors.primary.700}`,_dark:`{colors.primary.300}`}},hovered:{value:{base:`{colors.primary.800}`,_dark:`{colors.primary.200}`}},selected:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.100}`}}},2:{enabled:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.300}`}},hovered:{value:{base:`{colors.primary.700}`,_dark:`{colors.primary.400}`}},selected:{value:{base:`{colors.primary.800}`,_dark:`{colors.primary.500}`}}},3:{enabled:{value:{base:`{colors.primary.400}`,_dark:`{colors.primary.700}`}}},4:{enabled:{value:{base:`{colors.primary.50}`,_dark:`{colors.primary.800}`}},hovered:{value:{base:`{colors.primary.100}`,_dark:`{colors.primary.900}`}}},5:{enabled:{value:{base:`{colors.primary.100}`,_dark:`{colors.primary.700}`}},selected:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.400}`}}},6:{range:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.500}`}}},neutral:{enabled:{value:{base:`{colors.primary.100}`,_dark:`{colors.neutral.800}`}}},alpha:{1:{enabled:{value:{base:`{colors.primary.500/10}`,_dark:`{colors.primary.500/10}`}}},2:{enabled:{value:{base:`{colors.primary.500/25}`,_dark:`{colors.primary.500/25}`}}},3:{enabled:{value:{base:`{colors.primary.500/50}`,_dark:`{colors.primary.500/50}`}}}},static:{enabled:{value:{base:`{colors.primary.400}`,_dark:`{colors.primary.400}`}}}},stroke:{1:{enabled:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.200}`}},hovered:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.200}`}},focused:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.300}`}}},2:{enabled:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.300}`}},hovered:{value:{base:`{colors.primary.600}`,_dark:`{colors.primary.300}`}},selected:{value:{base:`{colors.primary.700}`,_dark:`{colors.primary.200}`}}},3:{enabled:{value:{base:`{colors.primary.200}`,_dark:`{colors.primary.400}`}},hovered:{value:{base:`{colors.primary.300}`,_dark:`{colors.primary.600}`}},actived:{value:{base:`{colors.primary.400}`,_dark:`{colors.primary.500}`}}},4:{enabled:{value:{base:`{colors.primary.900}`,_dark:`{colors.primary.900}`}}},alpha:{enabled:{value:{base:`{colors.primary.500/25}`,_dark:`{colors.primary.500/25}`}}}},effect:{1:{pressed:{value:{base:`{colors.primary.100}`,_dark:`{colors.primary.700}`}}}}},secondary:{foreground:{1:{enabled:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.300}`}}},2:{enabled:{value:{base:`{colors.secondary.900}`,_dark:`{colors.secondary.100}`}}},onSecondary:{1:{enabled:{value:{base:`{colors.secondary.950}`,_dark:`{colors.secondary.50}`}},hovered:{value:{base:`{colors.secondary.950}`,_dark:`{colors.secondary.50}`}},selected:{value:{base:`{colors.secondary.950}`,_dark:`{colors.secondary.50}`}}},2:{enabled:{value:{base:`{colors.secondary.50}`,_dark:`{colors.secondary.950}`}},hovered:{value:{base:`{colors.secondary.50}`,_dark:`{colors.secondary.950}`}},selected:{value:{base:`{colors.secondary.50}`,_dark:`{colors.secondary.950}`}}}}},background:{1:{enabled:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.200}`}}},2:{enabled:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.500}`}}},3:{enabled:{value:{base:`{colors.secondary.700}`,_dark:`{colors.secondary.700}`}}},alpha:{enabled:{value:{base:`{colors.secondary.500/25}`,_dark:`{colors.secondary.500/25}`}}}},stroke:{1:{enabled:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.300}`}}},2:{enabled:{value:{base:`{colors.secondary.100}`,_dark:`{colors.secondary.100}`}}},alpha:{enabled:{value:{base:`{colors.secondary.500/25}`,_dark:`{colors.secondary.500/25}`}}}}},success:{foreground:{1:{enabled:{value:{base:`{colors.success.500}`,_dark:`{colors.success.300}`}}},2:{enabled:{value:{base:`{colors.success.950}`,_dark:`{colors.success.200}`}}},onSuccess:{1:{enabled:{value:{base:`{colors.success.950}`,_dark:`{colors.success.50}`}},hovered:{value:{base:`{colors.success.950}`,_dark:`{colors.success.50}`}},selected:{value:{base:`{colors.success.950}`,_dark:`{colors.success.50}`}}},2:{enabled:{value:{base:`{colors.success.50}`,_dark:`{colors.success.950}`}},hovered:{value:{base:`{colors.success.50}`,_dark:`{colors.success.950}`}},selected:{value:{base:`{colors.success.50}`,_dark:`{colors.success.950}`}}}},static:{enabled:{value:{base:`{colors.success.950}`,_dark:`{colors.success.950}`}},inverted:{enabled:{value:{base:`{colors.success.300}`,_dark:`{colors.success.300}`}}}}},background:{1:{enabled:{value:{base:`{colors.success.600}`,_dark:`{colors.success.400}`}},hovered:{value:{base:`{colors.success.700}`,_dark:`{colors.success.300}`}},selected:{value:{base:`{colors.success.800}`,_dark:`{colors.success.200}`}}}}},warning:{foreground:{1:{enabled:{value:{base:`{colors.warning.500}`,_dark:`{colors.warning.500}`}}},2:{enabled:{value:{base:`{colors.warning.950}`,_dark:`{colors.warning.200}`}}},onWarning:{1:{enabled:{value:{base:`{colors.warning.950}`,_dark:`{colors.neutral.0}`}},hovered:{value:{base:`{colors.warning.950}`,_dark:`{colors.neutral.0}`}},selected:{value:{base:`{colors.warning.950}`,_dark:`{colors.neutral.0}`}}},2:{enabled:{value:{base:`{colors.warning.50}`,_dark:`{colors.warning.950}`}},hovered:{value:{base:`{colors.warning.50}`,_dark:`{colors.warning.950}`}},selected:{value:{base:`{colors.warning.50}`,_dark:`{colors.warning.950}`}}}},static:{enabled:{value:{base:`{colors.warning.950}`,_dark:`{colors.warning.950}`}},inverted:{enabled:{value:{base:`{colors.warning.300}`,_dark:`{colors.warning.300}`}}}}},background:{1:{enabled:{value:{base:`{colors.warning.700}`,_dark:`{colors.warning.400}`}},hovered:{value:{base:`{colors.warning.800}`,_dark:`{colors.warning.300}`}},selected:{value:{base:`{colors.warning.900}`,_dark:`{colors.warning.200}`}}}}},danger:{foreground:{1:{enabled:{value:{base:`{colors.error.500}`,_dark:`{colors.error.400}`}},hovered:{value:{base:`{colors.error.600}`,_dark:`{colors.error.300}`}},selected:{value:{base:`{colors.error.500}`,_dark:`{colors.error.200}`}},neutral:{hovered:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.0}`}}}},2:{enabled:{value:{base:`{colors.error.950}`,_dark:`{colors.error.200}`}}},onDanger:{1:{enabled:{value:{base:`{colors.error.950}`,_dark:`{colors.error.50}`}},hovered:{value:{base:`{colors.error.950}`,_dark:`{colors.error.50}`}},selected:{value:{base:`{colors.error.950}`,_dark:`{colors.error.50}`}}},2:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.error.950}`}},hovered:{value:{base:`{colors.neutral.0}`,_dark:`{colors.error.950}`}},selected:{value:{base:`{colors.neutral.0}`,_dark:`{colors.error.950}`}}}},static:{enabled:{value:{base:`{colors.error.950}`,_dark:`{colors.error.950}`}},inverted:{enabled:{value:{base:`{colors.error.400}`,_dark:`{colors.error.400}`}}}}},background:{1:{enabled:{value:{base:`{colors.error.600}`,_dark:`{colors.error.400}`}},hovered:{value:{base:`{colors.error.700}`,_dark:`{colors.error.300}`}},selected:{value:{base:`{colors.error.800}`,_dark:`{colors.error.200}`}}},2:{enabled:{value:{base:`{colors.error.700}`,_dark:`{colors.error.700}`}},hovered:{value:{base:`{colors.error.800}`,_dark:`{colors.error.800}`}},selected:{value:{base:`{colors.error.800}`,_dark:`{colors.error.200}`}}},alpha:{enabled:{value:{base:`{colors.error.500/20}`,_dark:`{colors.error.500/20}`}}}},stroke:{1:{enabled:{value:{base:`{colors.error.500}`,_dark:`{colors.error.400}`}},hovered:{value:{base:`{colors.error.400}`,_dark:`{colors.error.400}`}},selected:{value:{base:`{colors.error.300}`,_dark:`{colors.error.300}`}},focused:{value:{base:`{colors.error.500}`,_dark:`{colors.error.500}`}}},alpha:{enabled:{value:{base:`{colors.error.500/20}`,_dark:`{colors.error.500/20}`}}}}},switch:{wrapper:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.950}`}}},icon:{enabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.500}`}},disabled:{value:{base:`{colors.neutral.300}`,_dark:`{colors.neutral.950}`}}},button:{enabled:{value:{base:`{colors.neutral.700}`,_dark:`{colors.neutral.950}`}},disabled:{value:{base:`{colors.neutral.0}`,_dark:`{colors.neutral.200}`}}}},gradients:{100:{from:{value:{base:`{colors.primary.500}`,_dark:`{colors.primary.500}`}},to:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.500}`}}},200:{from:{value:{base:`{colors.primary.100}`,_dark:`{colors.primary.800}`}},to:{value:{base:`{colors.neutral.150}`,_dark:`{colors.neutral.800}`}}},300:{from:{value:{base:`{colors.primary.400}`,_dark:`{colors.primary.500}`}},to:{value:{base:`{colors.neutral.200}`,_dark:`{colors.neutral.500}`}}},400:{from:{value:{base:`{colors.primary.200}`,_dark:`{colors.primary.800}`}},to:{value:{base:`{colors.secondary.500}`,_dark:`{colors.secondary.400}`}}}}});export{t as colors};
2
2
  //# sourceMappingURL=colors.mjs.map