1 line
11 KiB
Plaintext
1 line
11 KiB
Plaintext
|
{"version":3,"sources":["../../../src/presets/lara/datatable/index.ts"],"sourcesContent":["import type { DataTableDesignTokens, DataTableTokenSections } from '@primeuix/themes/types/datatable';\n\nexport const root: DataTableTokenSections.Root = {\n transitionDuration: '{transition.duration}'\n};\n\nexport const header: DataTableTokenSections.Header = {\n borderColor: '{datatable.border.color}',\n borderWidth: '1px 0 1px 0',\n padding: '0.75rem 1rem',\n sm: {\n padding: '0.375rem 0.5rem'\n },\n lg: {\n padding: '1rem 1.25rem'\n }\n};\n\nexport const headerCell: DataTableTokenSections.HeaderCell = {\n selectedBackground: '{highlight.background}',\n borderColor: '{datatable.border.color}',\n hoverColor: '{content.hover.color}',\n selectedColor: '{highlight.color}',\n gap: '0.5rem',\n padding: '0.75rem 1rem',\n focusRing: {\n width: '{focus.ring.width}',\n style: '{focus.ring.style}',\n color: '{focus.ring.color}',\n offset: '{focus.ring.offset}',\n shadow: 'inset {focus.ring.shadow}'\n },\n sm: {\n padding: '0.375rem 0.5rem'\n },\n lg: {\n padding: '1rem 1.25rem'\n }\n};\n\nexport const columnTitle: DataTableTokenSections.ColumnTitle = {\n fontWeight: '700'\n};\n\nexport const row: DataTableTokenSections.Row = {\n background: '{content.background}',\n hoverBackground: '{content.hover.background}',\n selectedBackground: '{highlight.background}',\n color: '{content.color}',\n hoverColor: '{content.hover.color}',\n selectedColor: '{highlight.color}',\n focusRing: {\n width: '{focus.ring.width}',\n style: '{focus.ring.style}',\n color: '{focus.ring.color}',\n offset: '{focus.ring.offset}',\n shadow: 'inset {focus.ring.shadow}'\n }\n};\n\nexport const bodyCell: DataTableTokenSections.BodyCell = {\n borderColor: '{datatable.border.color}',\n padding: '0.75rem 1rem',\n sm: {\n padding: '0.375rem 0.5rem'\n },\n lg: {\n padding: '1rem 1.25rem'\n }\n};\n\nexport const footerCell: DataTableTokenSections.FooterCell = {\n borderColor: '{datatable.border.color}',\n padding: '0.75rem 1rem',\n sm: {\n padding: '0.375rem 0.5rem'\n },\n lg: {\n padding: '1rem 1.25rem'\n }\n};\n\nexport const columnFooter: DataTableTokenSections.ColumnFooter = {\n fontWeight: '700'\n};\n\nexport const footer: DataTableTokenSections.Footer = {\n borderColor: '{datatable.border.color}',\n borderWidth: '0 0 1px 0',\n padding: '0.75rem 1rem',\n sm: {\n padding: '0.375rem 0.5rem'\n },\n lg: {\n padding: '1rem 1.25rem'\n }\n};\n\nexport const dropPoint: DataTableTokenSections.DropPoint = {\n color: '{primary.color}'\n};\n\nexport const columnResizer: DataTableTokenSections.ColumnResizer = {\n width: '0.5rem'\n};\n\nexport const resizeIndicator: DataTableTokenSections.ResizeIndicator = {\n width: '1px',\n color: '{primary.color}'\n};\n\nexport const sortIcon: DataTableTokenSections.SortIcon = {\n color: '{text.muted.color}',\n hoverColor: '{text.hover.muted.color}',\n size: '0.875rem'\n};\n\nexport const loadingIcon: DataTableTokenSections.LoadingIcon = {\n size: '2rem'\n};\n\nexport const rowToggleButton: DataTableTokenSections.RowToggleButton = {\n hoverBackground: '{content.hover.background}',\n selectedHoverBackground: '{content.background}',\n color: '{text.muted.color}',\n hoverColor: '{text.color}',\n selectedHoverColor: '{primary.color}',\n size: '1.75rem',\n borderRadius: '50%',\n focusRing: {\n width: '{focus.ring.width}',\n style: '{focus.ring.style}',\n color: '{focus.ring.color}',\n offset: '{focus.ring.offset}',\n shadow: '{focus.ring.shadow}'\n }\n};\n\nexport const filter: DataTableTokenSections.Filter = {\n inlineGap: '0.5rem',\n overlaySelect: {\n background: '{overlay.select.background}',\n borderColor: '{overlay.select.border.color}',\n borderRadius: '
|