@mage-ui/preset 1.0.87 → 1.0.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/recipes/controls/checkbox/checkbox-description.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-description.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox-error.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-error.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-error.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-error.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-group.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-group.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-label.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-label.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-root.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-root.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group.mjs.map +1 -1
- package/dist/recipes/controls/date-picker/date-picker.mjs +1 -1
- package/dist/recipes/controls/date-picker/date-picker.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/dropdown-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/select/select-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/select/select-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-description.mjs +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-description.mjs.map +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-error.mjs +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-error.mjs.map +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-label.mjs +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-label.mjs.map +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files.mjs +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files.mjs.map +1 -1
- package/dist/recipes/controls/file-input/file-input.mjs +1 -1
- package/dist/recipes/controls/file-input/file-input.mjs.map +1 -1
- package/dist/recipes/controls/filter/filter-text-input.mjs +1 -1
- package/dist/recipes/controls/filter/filter-text-input.mjs.map +1 -1
- package/dist/recipes/controls/password-input/password-input.mjs +1 -1
- package/dist/recipes/controls/password-input/password-input.mjs.map +1 -1
- package/dist/recipes/controls/password-input-strength/password-input-strength.mjs +1 -1
- package/dist/recipes/controls/password-input-strength/password-input-strength.mjs.map +1 -1
- package/dist/recipes/controls/password-strength-input/password-strength-input-input.mjs +1 -1
- package/dist/recipes/controls/password-strength-input/password-strength-input-input.mjs.map +1 -1
- package/dist/recipes/controls/radio/radio-description.mjs +1 -1
- package/dist/recipes/controls/radio/radio-description.mjs.map +1 -1
- package/dist/recipes/controls/radio/radio-error.mjs +1 -1
- package/dist/recipes/controls/radio/radio-error.mjs.map +1 -1
- package/dist/recipes/controls/radio/radio.mjs +1 -1
- package/dist/recipes/controls/radio/radio.mjs.map +1 -1
- package/dist/recipes/controls/radio-group/radio-group.mjs +1 -1
- package/dist/recipes/controls/radio-group/radio-group.mjs.map +1 -1
- package/dist/recipes/controls/switch-group/switch-group.mjs +1 -1
- package/dist/recipes/controls/switch-group/switch-group.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-description.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-description.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-error.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-error.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-input.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-input.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-section.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-section.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-wrapper.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-wrapper.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input.mjs.map +1 -1
- package/dist/recipes/controls/textarea/textarea-input.mjs +1 -1
- package/dist/recipes/controls/textarea/textarea-input.mjs.map +1 -1
- package/dist/recipes/controls/textarea/textarea.mjs +1 -1
- package/dist/recipes/controls/textarea/textarea.mjs.map +1 -1
- package/dist/recipes/data-display/calendar/calendar-event.mjs +1 -1
- package/dist/recipes/data-display/calendar/calendar-event.mjs.map +1 -1
- package/dist/recipes/data-display/data-table/data-table-header.mjs +1 -1
- package/dist/recipes/data-display/data-table/data-table-header.mjs.map +1 -1
- package/dist/recipes/data-display/data-table/data-table-skeleton.mjs.map +1 -1
- package/dist/recipes/data-display/data-table/data-table.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.mjs +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.mjs.map +1 -1
- package/package.json +7 -7
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__event`,jsx:[`Calendar`],base:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{borderWidth:`var(--calendar-event-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, {colors.primary.background.1.enabled/50})`,boxSizing:`border-box`,margin:0,paddingBlock:`var(--calendar-event-padding-block, {spacing.100})`,paddingInline:`var(--calendar-event-padding-inline, {spacing.200})`,backgroundColor:`var(--calendar-event-background, {colors.primary.background.1.enabled})`,borderRadius:`var(--calendar-event-border-radius, {radii.200})`,color:`var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,cursor:`pointer`,width:`100%`,textAlign:`left`,fontFamily:`var(--calendar-event-font-family, {fonts.base})`,fontWeight:`var(--calendar-event-font-weight, {fontWeights.medium})`,fontSize:`var(--calendar-event-font-size, {fontSizes.100})`,lineHeight:`var(--calendar-event-line-height, 1.2)`,"& strong":{fontWeight:`var(--calendar-event-font-weight-strong, {fontWeights.bold})`,color:`var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})`}},".rbc-slot-selecting &.rbc-event, .rbc-slot-selecting &.rbc-background-event":{cursor:`inherit`,pointerEvents:`none`},"&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event":{backgroundColor:`var(--calendar-event-background-selected, {colors.primary.background.1.selected})`},"&.rbc-event:focus-visible, &.rbc-background-event:focus-visible":{outlineWidth:`var(--calendar-event-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-event-focus-outline-style, solid)`,outlineColor:`var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-event-focus-outline-offset, 0)`}},
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__event`,jsx:[`Calendar`],base:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{borderWidth:`var(--calendar-event-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, {colors.primary.background.1.enabled/50})`,boxSizing:`border-box`,margin:0,paddingBlock:`var(--calendar-event-padding-block, {spacing.100})`,paddingInline:`var(--calendar-event-padding-inline, {spacing.200})`,backgroundColor:`var(--calendar-event-background, {colors.primary.background.1.enabled})`,borderRadius:`var(--calendar-event-border-radius, {radii.200})`,color:`var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,cursor:`pointer`,width:`100%`,textAlign:`left`,fontFamily:`var(--calendar-event-font-family, {fonts.base})`,fontWeight:`var(--calendar-event-font-weight, {fontWeights.medium})`,fontSize:`var(--calendar-event-font-size, {fontSizes.100})`,lineHeight:`var(--calendar-event-line-height, 1.2)`,"& strong":{fontWeight:`var(--calendar-event-font-weight-strong, {fontWeights.bold})`,color:`var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})`}},".rbc-slot-selecting &.rbc-event, .rbc-slot-selecting &.rbc-background-event":{cursor:`inherit`,pointerEvents:`none`},"&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event":{backgroundColor:`var(--calendar-event-background-selected, {colors.primary.background.1.selected})`},"&.rbc-event:focus-visible, &.rbc-background-event:focus-visible":{outlineWidth:`var(--calendar-event-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-event-focus-outline-style, solid)`,outlineColor:`var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-event-focus-outline-offset, 0)`}},staticCss:[`*`]});export{t as calendarEvent};
|
|
2
2
|
//# sourceMappingURL=calendar-event.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-event.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-event.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"calendar-event.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-event.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const calendarEvent = defineRecipe({\n className: 'calendar__event',\n jsx: ['Calendar'],\n base: {\n '&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event': {\n borderWidth: 'var(--calendar-event-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-event-border-color, {colors.primary.background.1.enabled/50})',\n boxSizing: 'border-box',\n margin: 0,\n paddingBlock: 'var(--calendar-event-padding-block, {spacing.100})',\n paddingInline: 'var(--calendar-event-padding-inline, {spacing.200})',\n backgroundColor:\n 'var(--calendar-event-background, {colors.primary.background.1.enabled})',\n borderRadius: 'var(--calendar-event-border-radius, {radii.200})',\n color:\n 'var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n cursor: 'pointer',\n width: '100%',\n textAlign: 'left',\n fontFamily: 'var(--calendar-event-font-family, {fonts.base})',\n fontWeight: 'var(--calendar-event-font-weight, {fontWeights.medium})',\n fontSize: 'var(--calendar-event-font-size, {fontSizes.100})',\n lineHeight: 'var(--calendar-event-line-height, 1.2)',\n '& strong': {\n fontWeight:\n 'var(--calendar-event-font-weight-strong, {fontWeights.bold})',\n color:\n 'var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})',\n },\n },\n\n '.rbc-slot-selecting &.rbc-event, .rbc-slot-selecting &.rbc-background-event':\n {\n cursor: 'inherit',\n pointerEvents: 'none',\n },\n\n '&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event': {\n backgroundColor:\n 'var(--calendar-event-background-selected, {colors.primary.background.1.selected})',\n },\n\n '&.rbc-event:focus-visible, &.rbc-background-event:focus-visible': {\n outlineWidth: 'var(--calendar-event-focus-outline-width, {borders.100})',\n outlineStyle: 'var(--calendar-event-focus-outline-style, solid)',\n outlineColor:\n 'var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset: 'var(--calendar-event-focus-outline-offset, 0)',\n },\n },\n staticCss: ['*'],\n});\n"],"mappings":"uDAEA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,gEAAiE,CAC/D,YAAa,oDACb,YAAa,QACb,YACE,+EACF,UAAW,aACX,OAAQ,EACR,aAAc,qDACd,cAAe,sDACf,gBACE,0EACF,aAAc,mDACd,MACE,oFACF,OAAQ,UACR,MAAO,OACP,UAAW,OACX,WAAY,kDACZ,WAAY,0DACZ,SAAU,mDACV,WAAY,yCACZ,WAAY,CACV,WACE,+DACF,MACE,2FACH,CACF,CAED,8EACE,CACE,OAAQ,UACR,cAAe,OAChB,CAEH,gEAAiE,CAC/D,gBACE,oFACH,CAED,kEAAmE,CACjE,aAAc,2DACd,aAAc,mDACd,aACE,+EACF,cAAe,gDAChB,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__header`,jsx:[`DataTable`],base:{position:`relative
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__header`,jsx:[`DataTable`],base:{position:`relative`,"&[data-sticky]":{position:`sticky`,top:0,zIndex:1}}});export{t as dataTableHeader};
|
|
2
2
|
//# sourceMappingURL=data-table-header.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-table-header.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-header.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableHeader = defineRecipe({\n className: 'data-table__header',\n jsx: ['DataTable'],\n base: {\n position: 'relative',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,SAAU,
|
|
1
|
+
{"version":3,"file":"data-table-header.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-header.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableHeader = defineRecipe({\n className: 'data-table__header',\n jsx: ['DataTable'],\n base: {\n position: 'relative',\n\n '&[data-sticky]': {\n position: 'sticky',\n top: 0,\n zIndex: 1,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,SAAU,WAEV,iBAAkB,CAChB,SAAU,SACV,IAAK,EACL,OAAQ,EACT,CACF,CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-table-skeleton.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-skeleton.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableSkeleton = defineRecipe({\n className: 'data-table__skeleton',\n jsx: ['DataTableSkeleton'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n gap: 'var(--data-table-skeleton-gap, {spacing.0})',\n padding: 'var(--data-table-skeleton-padding, {spacing.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n\nexport const dataTableSkeletonRow = defineRecipe({\n className: 'data-table__skeleton-row',\n jsx: ['DataTableSkeleton'],\n base: {\n display: 'flex',\n alignItems: 'center',\n gap: 'var(--data-table-skeleton-row-gap, {spacing.400})',\n\n height:\n 'var(--data-table-skeleton-row-height, var(--table-td-height, {sizes.1000}))',\n borderBottomWidth:\n 'var(--data-table-skeleton-row-border-bottom-width, {borders.0})',\n borderBottomStyle:\n 'var(--data-table-skeleton-row-border-bottom-style, solid)',\n borderBottomColor:\n 'var(--data-table-skeleton-row-border-bottom-color, {colors.neutral.stroke.7.enabled})',\n _firstOfType: {\n height: 'var(--data-table-skeleton-header-row-height, {sizes.700})',\n '& > *': {\n height: 'var(--data-table-skeleton-header-cell-height, {sizes.600})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n\nexport const dataTableSkeletonCell = defineRecipe({\n className: 'data-table__skeleton-cell',\n jsx: ['DataTableSkeleton'],\n base: {\n height: 'var(--data-table-skeleton-cell-height, {sizes.800})',\n borderRadius: 'var(--data-table-skeleton-cell-radii, {radii.200})',\n backgroundImage:\n 'var(--data-table-skeleton-cell-background, {gradients.skeletonShimmer})',\n backgroundSize
|
|
1
|
+
{"version":3,"file":"data-table-skeleton.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-skeleton.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableSkeleton = defineRecipe({\n className: 'data-table__skeleton',\n jsx: ['DataTableSkeleton'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n gap: 'var(--data-table-skeleton-gap, {spacing.0})',\n padding: 'var(--data-table-skeleton-padding, {spacing.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n\nexport const dataTableSkeletonRow = defineRecipe({\n className: 'data-table__skeleton-row',\n jsx: ['DataTableSkeleton'],\n base: {\n display: 'flex',\n alignItems: 'center',\n gap: 'var(--data-table-skeleton-row-gap, {spacing.400})',\n\n height:\n 'var(--data-table-skeleton-row-height, var(--table-td-height, {sizes.1000}))',\n borderBottomWidth:\n 'var(--data-table-skeleton-row-border-bottom-width, {borders.0})',\n borderBottomStyle:\n 'var(--data-table-skeleton-row-border-bottom-style, solid)',\n borderBottomColor:\n 'var(--data-table-skeleton-row-border-bottom-color, {colors.neutral.stroke.7.enabled})',\n _firstOfType: {\n height: 'var(--data-table-skeleton-header-row-height, {sizes.700})',\n '& > *': {\n height: 'var(--data-table-skeleton-header-cell-height, {sizes.600})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n\nexport const dataTableSkeletonCell = defineRecipe({\n className: 'data-table__skeleton-cell',\n jsx: ['DataTableSkeleton'],\n base: {\n height: 'var(--data-table-skeleton-cell-height, {sizes.800})',\n borderRadius: 'var(--data-table-skeleton-cell-radii, {radii.200})',\n backgroundImage:\n 'var(--data-table-skeleton-cell-background, {gradients.skeletonShimmer})',\n backgroundSize:\n 'var(--data-table-skeleton-cell-background-size, 200% 100%)',\n animation:\n 'var(--data-table-skeleton-cell-animation), shimmer 3s linear infinite',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,uBACX,IAAK,CAAC,oBAAoB,CAC1B,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,8CACL,QAAS,oDACV,CACF,CAAC,CAEW,EAAuB,EAAa,CAC/C,UAAW,2BACX,IAAK,CAAC,oBAAoB,CAC1B,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,IAAK,oDAEL,OACE,8EACF,kBACE,kEACF,kBACE,4DACF,kBACE,wFACF,aAAc,CACZ,OAAQ,4DACR,QAAS,CACP,OAAQ,6DACT,CACF,CACF,CACF,CAAC,CAEW,EAAwB,EAAa,CAChD,UAAW,4BACX,IAAK,CAAC,oBAAoB,CAC1B,KAAM,CACJ,OAAQ,sDACR,aAAc,qDACd,gBACE,0EACF,eACE,6DACF,UACE,wEACH,CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-table.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTable = defineRecipe({\n className: 'data-table',\n jsx: ['DataTable'],\n base: {\n '--data-table-gap': '{spacing.300}',\n '--data-table-max-height': '100vh',\n '--data-table-max-width': '100vw',\n\n /* Slot row */\n '--data-table-slot-row-gap': '{spacing.300}',\n '--data-table-slot-row-padding-block': '{spacing.300}',\n '--data-table-slot-row-padding-inline': '{spacing.0}',\n\n /* Bottom slot */\n '--data-table-bottom-slot-justify-content': 'space-between',\n '--data-table-bottom-slot-align-items': 'center',\n '--data-table-bottom-slot-gap': '{spacing.300}',\n\n /* Empty */\n '--data-table-empty-padding-block': '{spacing.800}',\n '--data-table-empty-foreground': '{colors.neutral.foreground.3.enabled}',\n '--data-table-empty-font-size': '{fontSizes.300}',\n\n /* Bulk bar */\n '--data-table-bulk-bar-font-size': '{fontSizes.300}',\n '--data-table-bulk-bar-foreground': '{colors.neutral.foreground.1.enabled}',\n '--data-table-bulk-bar-background': '{colors.neutral.background.1.enabled}',\n '--data-table-bulk-bar-border-color': '{colors.neutral.stroke.7.enabled}',\n '--data-table-bulk-bar-border-style': 'solid',\n '--data-table-bulk-bar-border-width': '{borders.100}',\n '--data-table-bulk-bar-border-radius': '{radii.300}',\n '--data-table-bulk-bar-box-shadow':\n '0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 8px 16px -4px rgba(0, 0, 0, 0.04), 0 24px 32px -8px rgba(0, 0, 0, 0.06)',\n '--data-table-bulk-bar-gap': '{spacing.400}',\n '--data-table-bulk-bar-padding-block': '{spacing.200}',\n '--data-table-bulk-bar-padding-inline': '{spacing.300}',\n '--data-table-bulk-bar-padding-inline-start-draggable': '{spacing.200}',\n '--data-table-bulk-bar-position': 'absolute',\n '--data-table-bulk-bar-bottom': 'unset',\n '--data-table-bulk-bar-left': '50%',\n '--data-table-bulk-bar-right': 'unset',\n '--data-table-bulk-bar-top': '50%',\n '--data-table-bulk-bar-transform': 'translate(-50%, -50%)',\n '--data-table-bulk-bar-z-index': '10',\n\n '--data-table-bulk-bar-drag-handle-cursor': 'grab',\n '--data-table-bulk-bar-drag-handle-cursor-dragging': 'grabbing',\n '--data-table-bulk-bar-drag-handle-background-hover':\n '{colors.neutral.background.3.enabled}',\n '--data-table-bulk-bar-drag-handle-background-dragging':\n '{colors.neutral.background.2.enabled}',\n '--data-table-bulk-bar-drag-handle-padding-inline': '{spacing.100}',\n '--data-table-bulk-bar-drag-handle-padding-block': '{spacing.100}',\n '--data-table-bulk-bar-drag-handle-border-radius': '{radii.200}',\n '--data-table-bulk-bar-drag-handle-color': 'inherit',\n '--data-table-bulk-bar-drag-handle-transition':\n 'background-color 0.2s ease-in-out',\n\n '--data-table-bulk-bar-drag-handle-icon-size': '{sizes.400}',\n '--data-table-bulk-bar-drag-handle-icon-icon-aspect-ratio': '1',\n '--data-table-bulk-bar-drag-handle-icon-foreground': 'inherit',\n '--data-table-bulk-bar-drag-handle-icon-fill-color': 'unset',\n '--data-table-bulk-bar-drag-handle-icon-stroke-color': 'unset',\n\n '--data-table-bulk-bar-count-gap': '{spacing.200}',\n\n '--data-table-bulk-bar-count-badge-background':\n '{colors.neutral.background.2.enabled}',\n '--data-table-bulk-bar-count-badge-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--data-table-bulk-bar-count-badge-border-style': 'solid',\n '--data-table-bulk-bar-count-badge-border-width': '{borders.100}',\n '--data-table-bulk-bar-count-badge-border-radius': '{radii.200}',\n '--data-table-bulk-bar-count-badge-height': '{sizes.400}',\n '--data-table-bulk-bar-count-badge-gap': '{spacing.200}',\n '--data-table-bulk-bar-count-badge-padding-block': '{spacing.0}',\n '--data-table-bulk-bar-count-badge-padding-inline': '{spacing.200}',\n '--data-table-bulk-bar-count-badge-label-font-family': '{fonts.base}',\n '--data-table-bulk-bar-count-badge-label-font-size': '{fontSizes.200}',\n '--data-table-bulk-bar-count-badge-label-font-weight':\n '{fontWeights.semiBold}',\n '--data-table-bulk-bar-count-badge-label-color':\n '{colors.neutral.foreground.1.enabled}',\n\n '--data-table-bulk-bar-count-label-font-size': '{fontSizes.300}',\n '--data-table-bulk-bar-count-label-font-weight': '{fontWeights.medium}',\n '--data-table-bulk-bar-count-label-color':\n '{colors.neutral.foreground.1.enabled}',\n\n '--data-table-bulk-bar-actions-gap': '{spacing.300}',\n\n /* Expand button */\n '--data-table-expand-button-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--data-table-expand-button-cursor': 'pointer',\n '--data-table-expand-button-transition': '{animations.200}',\n\n /* Sort button */\n '--data-table-sort-button-font-family': '{fonts.base}',\n '--data-table-sort-button-font-size':\n 'var(--table-th-font-size, {fontSizes.200})',\n '--data-table-sort-button-font-weight':\n 'var(--table-th-font-weight, {fontWeights.regular})',\n '--data-table-sort-button-text-align': 'var(--table-th-text-align, left)',\n '--data-table-sort-button-text-decoration': 'none',\n '--data-table-sort-button-text-transform': 'none',\n '--data-table-sort-button-line-height': '1',\n '--data-table-sort-button-white-space': 'nowrap',\n '--data-table-sort-button-align': 'center',\n '--data-table-sort-button-justify': 'start',\n '--data-table-sort-button-height': '{sizes.500}',\n '--data-table-sort-button-padding-inline': '{spacing.200}',\n '--data-table-sort-button-gap': '{spacing.200}',\n '--data-table-sort-button-focus-outline-width': '{borders.150}',\n '--data-table-sort-button-focus-outline-style': 'solid',\n '--data-table-sort-button-focus-outline-offset': '{spacing.50}',\n '--data-table-sort-button-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--data-table-sort-button-focus-shadow': 'none',\n '--data-table-sort-button-background': 'transparent',\n '--data-table-sort-button-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--data-table-sort-button-radii': '{radii.200}',\n '--data-table-sort-button-border-color': 'transparent',\n '--data-table-sort-button-border-width': '{borders.0}',\n '--data-table-sort-button-border-style': 'solid',\n '--data-table-sort-button-background-hover': 'transparent',\n '--data-table-sort-button-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--data-table-sort-button-border-color-hover': 'transparent',\n '--data-table-sort-button-foreground-sorted':\n '{colors.primary.foreground.1.enabled}',\n '--data-table-sort-button-foreground-sorted-hover':\n '{colors.primary.foreground.1.hovered}',\n '--data-table-sort-button-disabled-opacity': '0.5',\n '--data-table-sort-button-transition': '{animations.200}',\n '--data-table-sort-button-inner-gap': '{spacing.200}',\n\n '--data-table-sort-button-indicator-size': '{sizes.200}',\n '--data-table-sort-button-indicator-opacity': '0.5',\n '--data-table-sort-button-indicator-opacity-hover': '1',\n '--data-table-sort-button-indicator-opacity-active': '1',\n\n /* Page size */\n '--data-table-page-size-root-gap': '{spacing.300}',\n '--data-table-page-size-root-flex-direction': 'row',\n '--data-table-page-size-root-justify-content': 'flex-start',\n '--data-table-page-size-root-align-items': 'center',\n\n '--data-table-page-size-wrapper-width': 'max-content',\n '--data-table-page-size-wrapper-flex': '0 0 auto',\n\n '--data-table-page-size-input-width': 'auto',\n '--data-table-page-size-input-min-width': '0',\n '--data-table-page-size-input-field-sizing': 'content',\n '--data-table-page-size-input-height': '{sizes.600}',\n\n /* Columns */\n '--data-table-column-check-width': '{sizes.700}',\n '--data-table-column-check-align': 'center',\n '--data-table-column-expand-width': '{sizes.700}',\n '--data-table-column-expand-align': 'center',\n\n /* Skeleton */\n '--data-table-skeleton-gap': '{spacing.0}',\n '--data-table-skeleton-padding': '{spacing.200}',\n\n /* Skeleton row */\n '--data-table-skeleton-row-gap': '{spacing.400}',\n '--data-table-skeleton-row-height': 'var(--table-td-height, {sizes.1000})',\n '--data-table-skeleton-header-row-height': '{sizes.700}',\n '--data-table-skeleton-header-cell-height': '{sizes.600}',\n '--data-table-skeleton-row-border-bottom-width': '{borders.0}',\n '--data-table-skeleton-row-border-bottom-style': 'solid',\n '--data-table-skeleton-row-border-bottom-color':\n '{colors.neutral.stroke.7.enabled}',\n\n /* Skeleton cell */\n '--data-table-skeleton-cell-height': '{sizes.800}',\n '--data-table-skeleton-cell-radii': '{radii.200}',\n '--data-table-skeleton-cell-background-size': '200% 100%',\n '--data-table-skeleton-cell-background': '{gradients.skeletonShimmer}',\n '--data-table-skeleton-cell-animation': 'shimmer 3s linear infinite',\n\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,mBAAoB,gBACpB,0BAA2B,QAC3B,yBAA0B,QAG1B,4BAA6B,gBAC7B,sCAAuC,gBACvC,uCAAwC,cAGxC,2CAA4C,gBAC5C,uCAAwC,SACxC,+BAAgC,gBAGhC,mCAAoC,gBACpC,gCAAiC,wCACjC,+BAAgC,kBAGhC,kCAAmC,kBACnC,mCAAoC,wCACpC,mCAAoC,wCACpC,qCAAsC,oCACtC,qCAAsC,QACtC,qCAAsC,gBACtC,sCAAuC,cACvC,mCACE,6GACF,4BAA6B,gBAC7B,sCAAuC,gBACvC,uCAAwC,gBACxC,uDAAwD,gBACxD,iCAAkC,WAClC,+BAAgC,QAChC,6BAA8B,MAC9B,8BAA+B,QAC/B,4BAA6B,MAC7B,kCAAmC,wBACnC,gCAAiC,KAEjC,2CAA4C,OAC5C,oDAAqD,WACrD,qDACE,wCACF,wDACE,wCACF,mDAAoD,gBACpD,kDAAmD,gBACnD,kDAAmD,cACnD,0CAA2C,UAC3C,+CACE,oCAEF,8CAA+C,cAC/C,2DAA4D,IAC5D,oDAAqD,UACrD,oDAAqD,QACrD,sDAAuD,QAEvD,kCAAmC,gBAEnC,+CACE,wCACF,iDACE,oCACF,iDAAkD,QAClD,iDAAkD,gBAClD,kDAAmD,cACnD,2CAA4C,cAC5C,wCAAyC,gBACzC,kDAAmD,cACnD,mDAAoD,gBACpD,sDAAuD,eACvD,oDAAqD,kBACrD,sDACE,yBACF,gDACE,wCAEF,8CAA+C,kBAC/C,gDAAiD,uBACjD,0CACE,wCAEF,oCAAqC,gBAGrC,wCACE,wCACF,oCAAqC,UACrC,wCAAyC,mBAGzC,uCAAwC,eACxC,qCACE,6CACF,uCACE,qDACF,sCAAuC,mCACvC,2CAA4C,OAC5C,0CAA2C,OAC3C,uCAAwC,IACxC,uCAAwC,SACxC,iCAAkC,SAClC,mCAAoC,QACpC,kCAAmC,cACnC,0CAA2C,gBAC3C,+BAAgC,gBAChC,+CAAgD,gBAChD,+CAAgD,QAChD,gDAAiD,eACjD,+CACE,oCACF,wCAAyC,OACzC,sCAAuC,cACvC,sCACE,wCACF,iCAAkC,cAClC,wCAAyC,cACzC,wCAAyC,cACzC,wCAAyC,QACzC,4CAA6C,cAC7C,4CACE,wCACF,8CAA+C,cAC/C,6CACE,wCACF,mDACE,wCACF,4CAA6C,MAC7C,sCAAuC,mBACvC,qCAAsC,gBAEtC,0CAA2C,cAC3C,6CAA8C,MAC9C,mDAAoD,IACpD,oDAAqD,IAGrD,kCAAmC,gBACnC,6CAA8C,MAC9C,8CAA+C,aAC/C,0CAA2C,SAE3C,uCAAwC,cACxC,sCAAuC,WAEvC,qCAAsC,OACtC,yCAA0C,IAC1C,4CAA6C,UAC7C,sCAAuC,cAGvC,kCAAmC,cACnC,kCAAmC,SACnC,mCAAoC,cACpC,mCAAoC,SAGpC,4BAA6B,cAC7B,gCAAiC,gBAGjC,gCAAiC,gBACjC,mCAAoC,uCACpC,0CAA2C,cAC3C,2CAA4C,cAC5C,gDAAiD,cACjD,gDAAiD,QACjD,gDACE,oCAGF,oCAAqC,cACrC,mCAAoC,cACpC,6CAA8C,YAC9C,wCAAyC,8BACzC,uCAAwC,6BAEzC,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"data-table.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTable = defineRecipe({\n className: 'data-table',\n jsx: ['DataTable'],\n base: {\n '--data-table-gap': '{spacing.300}',\n '--data-table-max-height': '100vh',\n '--data-table-max-width': '100vw',\n\n /* Slot row */\n '--data-table-slot-row-gap': '{spacing.300}',\n '--data-table-slot-row-padding-block': '{spacing.300}',\n '--data-table-slot-row-padding-inline': '{spacing.0}',\n\n /* Bottom slot */\n '--data-table-bottom-slot-justify-content': 'space-between',\n '--data-table-bottom-slot-align-items': 'center',\n '--data-table-bottom-slot-gap': '{spacing.300}',\n\n /* Empty */\n '--data-table-empty-padding-block': '{spacing.800}',\n '--data-table-empty-foreground': '{colors.neutral.foreground.3.enabled}',\n '--data-table-empty-font-size': '{fontSizes.300}',\n\n /* Bulk bar */\n '--data-table-bulk-bar-font-size': '{fontSizes.300}',\n '--data-table-bulk-bar-foreground': '{colors.neutral.foreground.1.enabled}',\n '--data-table-bulk-bar-background': '{colors.neutral.background.1.enabled}',\n '--data-table-bulk-bar-border-color': '{colors.neutral.stroke.7.enabled}',\n '--data-table-bulk-bar-border-style': 'solid',\n '--data-table-bulk-bar-border-width': '{borders.100}',\n '--data-table-bulk-bar-border-radius': '{radii.300}',\n '--data-table-bulk-bar-box-shadow':\n '0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 8px 16px -4px rgba(0, 0, 0, 0.04), 0 24px 32px -8px rgba(0, 0, 0, 0.06)',\n '--data-table-bulk-bar-gap': '{spacing.400}',\n '--data-table-bulk-bar-padding-block': '{spacing.200}',\n '--data-table-bulk-bar-padding-inline': '{spacing.300}',\n '--data-table-bulk-bar-padding-inline-start-draggable': '{spacing.200}',\n '--data-table-bulk-bar-position': 'absolute',\n '--data-table-bulk-bar-bottom': 'unset',\n '--data-table-bulk-bar-left': '50%',\n '--data-table-bulk-bar-right': 'unset',\n '--data-table-bulk-bar-top': '50%',\n '--data-table-bulk-bar-transform': 'translate(-50%, -50%)',\n '--data-table-bulk-bar-z-index': '10',\n\n '--data-table-bulk-bar-drag-handle-cursor': 'grab',\n '--data-table-bulk-bar-drag-handle-cursor-dragging': 'grabbing',\n '--data-table-bulk-bar-drag-handle-background-hover':\n '{colors.neutral.background.3.enabled}',\n '--data-table-bulk-bar-drag-handle-background-dragging':\n '{colors.neutral.background.2.enabled}',\n '--data-table-bulk-bar-drag-handle-padding-inline': '{spacing.100}',\n '--data-table-bulk-bar-drag-handle-padding-block': '{spacing.100}',\n '--data-table-bulk-bar-drag-handle-border-radius': '{radii.200}',\n '--data-table-bulk-bar-drag-handle-color': 'inherit',\n '--data-table-bulk-bar-drag-handle-transition':\n 'background-color 0.2s ease-in-out',\n\n '--data-table-bulk-bar-drag-handle-icon-size': '{sizes.400}',\n '--data-table-bulk-bar-drag-handle-icon-icon-aspect-ratio': '1',\n '--data-table-bulk-bar-drag-handle-icon-foreground': 'inherit',\n '--data-table-bulk-bar-drag-handle-icon-fill-color': 'unset',\n '--data-table-bulk-bar-drag-handle-icon-stroke-color': 'unset',\n\n '--data-table-bulk-bar-count-gap': '{spacing.200}',\n\n '--data-table-bulk-bar-count-badge-background':\n '{colors.neutral.background.2.enabled}',\n '--data-table-bulk-bar-count-badge-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--data-table-bulk-bar-count-badge-border-style': 'solid',\n '--data-table-bulk-bar-count-badge-border-width': '{borders.100}',\n '--data-table-bulk-bar-count-badge-border-radius': '{radii.200}',\n '--data-table-bulk-bar-count-badge-height': '{sizes.400}',\n '--data-table-bulk-bar-count-badge-gap': '{spacing.200}',\n '--data-table-bulk-bar-count-badge-padding-block': '{spacing.0}',\n '--data-table-bulk-bar-count-badge-padding-inline': '{spacing.200}',\n '--data-table-bulk-bar-count-badge-label-font-family': '{fonts.base}',\n '--data-table-bulk-bar-count-badge-label-font-size': '{fontSizes.200}',\n '--data-table-bulk-bar-count-badge-label-font-weight':\n '{fontWeights.semiBold}',\n '--data-table-bulk-bar-count-badge-label-color':\n '{colors.neutral.foreground.1.enabled}',\n\n '--data-table-bulk-bar-count-label-font-size': '{fontSizes.300}',\n '--data-table-bulk-bar-count-label-font-weight': '{fontWeights.medium}',\n '--data-table-bulk-bar-count-label-color':\n '{colors.neutral.foreground.1.enabled}',\n\n '--data-table-bulk-bar-actions-gap': '{spacing.300}',\n\n /* Expand button */\n '--data-table-expand-button-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--data-table-expand-button-cursor': 'pointer',\n '--data-table-expand-button-transition': '{animations.200}',\n\n /* Sort button */\n '--data-table-sort-button-font-family': '{fonts.base}',\n '--data-table-sort-button-font-size':\n 'var(--table-th-font-size, {fontSizes.200})',\n '--data-table-sort-button-font-weight':\n 'var(--table-th-font-weight, {fontWeights.regular})',\n '--data-table-sort-button-text-align': 'var(--table-th-text-align, left)',\n '--data-table-sort-button-text-decoration': 'none',\n '--data-table-sort-button-text-transform': 'none',\n '--data-table-sort-button-line-height': '1',\n '--data-table-sort-button-white-space': 'nowrap',\n '--data-table-sort-button-align': 'center',\n '--data-table-sort-button-justify': 'start',\n '--data-table-sort-button-height': '{sizes.500}',\n '--data-table-sort-button-padding-inline': '{spacing.200}',\n '--data-table-sort-button-gap': '{spacing.200}',\n '--data-table-sort-button-focus-outline-width': '{borders.150}',\n '--data-table-sort-button-focus-outline-style': 'solid',\n '--data-table-sort-button-focus-outline-offset': '{spacing.50}',\n '--data-table-sort-button-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--data-table-sort-button-focus-shadow': 'none',\n '--data-table-sort-button-background': 'transparent',\n '--data-table-sort-button-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--data-table-sort-button-radii': '{radii.200}',\n '--data-table-sort-button-border-color': 'transparent',\n '--data-table-sort-button-border-width': '{borders.0}',\n '--data-table-sort-button-border-style': 'solid',\n '--data-table-sort-button-background-hover': 'transparent',\n '--data-table-sort-button-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--data-table-sort-button-border-color-hover': 'transparent',\n '--data-table-sort-button-foreground-sorted':\n '{colors.primary.foreground.1.enabled}',\n '--data-table-sort-button-foreground-sorted-hover':\n '{colors.primary.foreground.1.hovered}',\n '--data-table-sort-button-disabled-opacity': '0.5',\n '--data-table-sort-button-transition': '{animations.200}',\n '--data-table-sort-button-inner-gap': '{spacing.200}',\n\n '--data-table-sort-button-indicator-size': '{sizes.200}',\n '--data-table-sort-button-indicator-opacity': '0.5',\n '--data-table-sort-button-indicator-opacity-hover': '1',\n '--data-table-sort-button-indicator-opacity-active': '1',\n\n /* Page size */\n '--data-table-page-size-root-gap': '{spacing.300}',\n '--data-table-page-size-root-flex-direction': 'row',\n '--data-table-page-size-root-justify-content': 'flex-start',\n '--data-table-page-size-root-align-items': 'center',\n\n '--data-table-page-size-wrapper-width': 'max-content',\n '--data-table-page-size-wrapper-flex': '0 0 auto',\n\n '--data-table-page-size-input-width': 'auto',\n '--data-table-page-size-input-min-width': '0',\n '--data-table-page-size-input-field-sizing': 'content',\n '--data-table-page-size-input-height': '{sizes.600}',\n\n /* Columns */\n '--data-table-column-check-width': '{sizes.700}',\n '--data-table-column-check-align': 'center',\n '--data-table-column-expand-width': '{sizes.700}',\n '--data-table-column-expand-align': 'center',\n\n /* Skeleton */\n '--data-table-skeleton-gap': '{spacing.0}',\n '--data-table-skeleton-padding': '{spacing.200}',\n\n /* Skeleton row */\n '--data-table-skeleton-row-gap': '{spacing.400}',\n '--data-table-skeleton-row-height': 'var(--table-td-height, {sizes.1000})',\n '--data-table-skeleton-header-row-height': '{sizes.700}',\n '--data-table-skeleton-header-cell-height': '{sizes.600}',\n '--data-table-skeleton-row-border-bottom-width': '{borders.0}',\n '--data-table-skeleton-row-border-bottom-style': 'solid',\n '--data-table-skeleton-row-border-bottom-color':\n '{colors.neutral.stroke.7.enabled}',\n\n /* Skeleton cell */\n '--data-table-skeleton-cell-height': '{sizes.800}',\n '--data-table-skeleton-cell-radii': '{radii.200}',\n '--data-table-skeleton-cell-background-size': '200% 100%',\n '--data-table-skeleton-cell-background': '{gradients.skeletonShimmer}',\n '--data-table-skeleton-cell-animation': 'shimmer 3s linear infinite',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,mBAAoB,gBACpB,0BAA2B,QAC3B,yBAA0B,QAG1B,4BAA6B,gBAC7B,sCAAuC,gBACvC,uCAAwC,cAGxC,2CAA4C,gBAC5C,uCAAwC,SACxC,+BAAgC,gBAGhC,mCAAoC,gBACpC,gCAAiC,wCACjC,+BAAgC,kBAGhC,kCAAmC,kBACnC,mCAAoC,wCACpC,mCAAoC,wCACpC,qCAAsC,oCACtC,qCAAsC,QACtC,qCAAsC,gBACtC,sCAAuC,cACvC,mCACE,6GACF,4BAA6B,gBAC7B,sCAAuC,gBACvC,uCAAwC,gBACxC,uDAAwD,gBACxD,iCAAkC,WAClC,+BAAgC,QAChC,6BAA8B,MAC9B,8BAA+B,QAC/B,4BAA6B,MAC7B,kCAAmC,wBACnC,gCAAiC,KAEjC,2CAA4C,OAC5C,oDAAqD,WACrD,qDACE,wCACF,wDACE,wCACF,mDAAoD,gBACpD,kDAAmD,gBACnD,kDAAmD,cACnD,0CAA2C,UAC3C,+CACE,oCAEF,8CAA+C,cAC/C,2DAA4D,IAC5D,oDAAqD,UACrD,oDAAqD,QACrD,sDAAuD,QAEvD,kCAAmC,gBAEnC,+CACE,wCACF,iDACE,oCACF,iDAAkD,QAClD,iDAAkD,gBAClD,kDAAmD,cACnD,2CAA4C,cAC5C,wCAAyC,gBACzC,kDAAmD,cACnD,mDAAoD,gBACpD,sDAAuD,eACvD,oDAAqD,kBACrD,sDACE,yBACF,gDACE,wCAEF,8CAA+C,kBAC/C,gDAAiD,uBACjD,0CACE,wCAEF,oCAAqC,gBAGrC,wCACE,wCACF,oCAAqC,UACrC,wCAAyC,mBAGzC,uCAAwC,eACxC,qCACE,6CACF,uCACE,qDACF,sCAAuC,mCACvC,2CAA4C,OAC5C,0CAA2C,OAC3C,uCAAwC,IACxC,uCAAwC,SACxC,iCAAkC,SAClC,mCAAoC,QACpC,kCAAmC,cACnC,0CAA2C,gBAC3C,+BAAgC,gBAChC,+CAAgD,gBAChD,+CAAgD,QAChD,gDAAiD,eACjD,+CACE,oCACF,wCAAyC,OACzC,sCAAuC,cACvC,sCACE,wCACF,iCAAkC,cAClC,wCAAyC,cACzC,wCAAyC,cACzC,wCAAyC,QACzC,4CAA6C,cAC7C,4CACE,wCACF,8CAA+C,cAC/C,6CACE,wCACF,mDACE,wCACF,4CAA6C,MAC7C,sCAAuC,mBACvC,qCAAsC,gBAEtC,0CAA2C,cAC3C,6CAA8C,MAC9C,mDAAoD,IACpD,oDAAqD,IAGrD,kCAAmC,gBACnC,6CAA8C,MAC9C,8CAA+C,aAC/C,0CAA2C,SAE3C,uCAAwC,cACxC,sCAAuC,WAEvC,qCAAsC,OACtC,yCAA0C,IAC1C,4CAA6C,UAC7C,sCAAuC,cAGvC,kCAAmC,cACnC,kCAAmC,SACnC,mCAAoC,cACpC,mCAAoC,SAGpC,4BAA6B,cAC7B,gCAAiC,gBAGjC,gCAAiC,gBACjC,mCAAoC,uCACpC,0CAA2C,cAC3C,2CAA4C,cAC5C,gDAAiD,cACjD,gDAAiD,QACjD,gDACE,oCAGF,oCAAqC,cACrC,mCAAoC,cACpC,6CAA8C,YAC9C,wCAAyC,8BACzC,uCAAwC,6BACzC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area`,jsx:[`ScrollArea`],base:{"--maintine-scale":`1`,"--scrollarea-height":`100%`,"--scrollarea-max-height":`100%`,"--scrollarea-root-overflow-x":`hidden`,"--scrollarea-root-overflow-y":`hidden`,"--scrollarea-scrollbar-size":`{sizes.100}`,"--scrollarea-scroll-hide-delay":`1000ms`,"--scrollarea-viewport-max-height":`none`,"--scrollarea-viewport-width":`100%`,"--scrollarea-viewport-height":`100%`,"--scrollarea-viewport-padding-block-start":`0px`,"--scrollarea-viewport-padding-block-end":`0px`,"--scrollarea-viewport-padding-inline-start":`unset`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-scrollbar-size)`,"--scrollarea-over-scroll-behavior":`contain`,"--scrollarea-overflow-y-behavior":`auto`,"--scrollarea-overflow-x-behavior":`hidden`,"--scrollarea-offset-x":`{spacing.100}`,"--scrollarea-offset-y":`{spacing.100}`,"--scrollarea-scrollbar-background":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-background-hover":`{colors.neutral.background.2.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area`,jsx:[`ScrollArea`],base:{"--maintine-scale":`1`,"--scrollarea-height":`100%`,"--scrollarea-max-height":`100%`,"--scrollarea-root-overflow-x":`hidden`,"--scrollarea-root-overflow-y":`hidden`,"--scrollarea-scrollbar-size":`{sizes.100}`,"--scrollarea-scroll-hide-delay":`1000ms`,"--scrollarea-viewport-max-height":`none`,"--scrollarea-viewport-width":`100%`,"--scrollarea-viewport-height":`100%`,"--scrollarea-viewport-padding-block-start":`0px`,"--scrollarea-viewport-padding-block-end":`0px`,"--scrollarea-viewport-padding-inline-start":`unset`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-scrollbar-size)`,"--scrollarea-over-scroll-behavior":`contain`,"--scrollarea-overflow-y-behavior":`auto`,"--scrollarea-overflow-x-behavior":`hidden`,"--scrollarea-offset-x":`{spacing.100}`,"--scrollarea-offset-y":`{spacing.100}`,"--scrollarea-scrollbar-background":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-background-hover":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-vertical-inset-inline-end":`0`,"--scrollarea-scrollbar-radii":`{radii.100}`,"--scrollarea-scrollbar-zindex":`{zIndex.scrollArea}`,"--scrollarea-thumb-background":`{colors.neutral.background.4.enabled}`,"--scrollarea-thumb-background-hover":`{colors.neutral.background.5.enabled}`,"--scrollarea-thumb-radii":`{radii.100}`,"--scrollarea-thumb-transition":`background-color .15s ease`,"--scrollarea-corner-background":`{colors.neutral.background.1.enabled}`,"--sa-corner-width":`var(--scrollarea-scrollbar-size)`,"--sa-corner-height":`var(--scrollarea-scrollbar-size)`,"--sa-thumb-width":`var(--scrollarea-thumb-width)`,"--sa-thumb-height":`var(--scrollarea-thumb-height)`}});export{t as scrollArea};
|
|
2
2
|
//# sourceMappingURL=scroll-area.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollArea = defineRecipe({\n className: 'scroll-area',\n jsx: ['ScrollArea'],\n base: {\n '--maintine-scale': '1',\n\n /* root */\n '--scrollarea-height': '100%',\n '--scrollarea-max-height': '100%',\n '--scrollarea-root-overflow-x': 'hidden',\n '--scrollarea-root-overflow-y': 'hidden',\n '--scrollarea-scrollbar-size': '{sizes.100}',\n '--scrollarea-scroll-hide-delay': '1000ms',\n\n '--scrollarea-viewport-max-height': 'none',\n\n /* viewport */\n '--scrollarea-viewport-width': '100%',\n '--scrollarea-viewport-height': '100%',\n '--scrollarea-viewport-padding-block-start': '0px',\n '--scrollarea-viewport-padding-block-end': '0px',\n '--scrollarea-viewport-padding-inline-start': 'unset',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-scrollbar-size)',\n '--scrollarea-over-scroll-behavior': 'contain',\n '--scrollarea-overflow-y-behavior': 'auto',\n '--scrollarea-overflow-x-behavior': 'hidden',\n '--scrollarea-offset-x': '{spacing.100}',\n '--scrollarea-offset-y': '{spacing.100}',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-background-hover':\n '{colors.neutral.background.2.
|
|
1
|
+
{"version":3,"file":"scroll-area.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollArea = defineRecipe({\n className: 'scroll-area',\n jsx: ['ScrollArea'],\n base: {\n '--maintine-scale': '1',\n\n /* root */\n '--scrollarea-height': '100%',\n '--scrollarea-max-height': '100%',\n '--scrollarea-root-overflow-x': 'hidden',\n '--scrollarea-root-overflow-y': 'hidden',\n '--scrollarea-scrollbar-size': '{sizes.100}',\n '--scrollarea-scroll-hide-delay': '1000ms',\n\n '--scrollarea-viewport-max-height': 'none',\n\n /* viewport */\n '--scrollarea-viewport-width': '100%',\n '--scrollarea-viewport-height': '100%',\n '--scrollarea-viewport-padding-block-start': '0px',\n '--scrollarea-viewport-padding-block-end': '0px',\n '--scrollarea-viewport-padding-inline-start': 'unset',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-scrollbar-size)',\n '--scrollarea-over-scroll-behavior': 'contain',\n '--scrollarea-overflow-y-behavior': 'auto',\n '--scrollarea-overflow-x-behavior': 'hidden',\n '--scrollarea-offset-x': '{spacing.100}',\n '--scrollarea-offset-y': '{spacing.100}',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-background-hover':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-vertical-inset-inline-end': '0',\n '--scrollarea-scrollbar-radii': '{radii.100}',\n '--scrollarea-scrollbar-zindex': '{zIndex.scrollArea}',\n\n /* thumb */\n '--scrollarea-thumb-background': '{colors.neutral.background.4.enabled}',\n '--scrollarea-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--scrollarea-thumb-radii': '{radii.100}',\n '--scrollarea-thumb-transition': 'background-color .15s ease',\n\n /* corner */\n '--scrollarea-corner-background': '{colors.neutral.background.1.enabled}',\n\n /* internal mappings */\n // '--sa-scrollbar-size': 'var(--scrollarea-scrollbar-size)',\n // '--sa-scrollbar-offset-x': 'var(--scrollarea-offset-x)',\n // '--sa-scrollbar-offset-y': 'var(--scrollarea-offset-y)',\n // '--sa-viewport-width': 'var(--scrollarea-viewport-width)',\n // '--sa-viewport-height': 'var(--scrollarea-viewport-height)',\n // '--sa-overscroll-behavior': 'var(--scrollarea-over-scroll-behavior)',\n // '--sa-scrollbar-orientation': 'vertical',\n\n '--sa-corner-width': 'var(--scrollarea-scrollbar-size)',\n '--sa-corner-height': 'var(--scrollarea-scrollbar-size)',\n\n '--sa-thumb-width': 'var(--scrollarea-thumb-width)',\n '--sa-thumb-height': 'var(--scrollarea-thumb-height)',\n // '--thumb-opacity': '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,mBAAoB,IAGpB,sBAAuB,OACvB,0BAA2B,OAC3B,+BAAgC,SAChC,+BAAgC,SAChC,8BAA+B,cAC/B,iCAAkC,SAElC,mCAAoC,OAGpC,8BAA+B,OAC/B,+BAAgC,OAChC,4CAA6C,MAC7C,0CAA2C,MAC3C,6CAA8C,QAC9C,2CACE,mCACF,oCAAqC,UACrC,mCAAoC,OACpC,mCAAoC,SACpC,wBAAyB,gBACzB,wBAAyB,gBAGzB,oCACE,wCACF,0CACE,wCACF,mDAAoD,IACpD,+BAAgC,cAChC,gCAAiC,sBAGjC,gCAAiC,wCACjC,sCACE,wCACF,2BAA4B,cAC5B,gCAAiC,6BAGjC,iCAAkC,wCAWlC,oBAAqB,mCACrB,qBAAsB,mCAEtB,mBAAoB,gCACpB,oBAAqB,iCAEtB,CACF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/preset",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.89",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -16,18 +16,18 @@
|
|
|
16
16
|
"dist"
|
|
17
17
|
],
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@biomejs/biome": "^2.4.
|
|
20
|
-
"@pandacss/types": "^1.
|
|
21
|
-
"@types/node": "^25.
|
|
19
|
+
"@biomejs/biome": "^2.4.8",
|
|
20
|
+
"@pandacss/types": "^1.9.1",
|
|
21
|
+
"@types/node": "^25.5.0",
|
|
22
22
|
"@types/react": "^19.2.14",
|
|
23
23
|
"@types/react-dom": "^19.2.3",
|
|
24
24
|
"rimraf": "^6.1.3",
|
|
25
|
-
"tsdown": "^0.
|
|
26
|
-
"typescript": "^
|
|
25
|
+
"tsdown": "^0.21.4",
|
|
26
|
+
"typescript": "^6.0.2"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"@pandabox/define-recipe": "^0.0.3",
|
|
30
|
-
"@pandacss/dev": "^1.
|
|
30
|
+
"@pandacss/dev": "^1.9.1",
|
|
31
31
|
"react": "^19.2.4",
|
|
32
32
|
"react-dom": "^19.2.4"
|
|
33
33
|
},
|