@veeqo/ui 14.10.0-beta-2 → 14.10.1
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/components/Action/styles/button.module.scss.cjs +2 -2
- package/dist/components/Action/styles/button.module.scss.cjs.map +1 -1
- package/dist/components/Action/styles/button.module.scss.js +2 -2
- package/dist/components/Action/styles/button.module.scss.js.map +1 -1
- package/dist/components/Action/styles/link.module.scss.cjs +2 -2
- package/dist/components/Action/styles/link.module.scss.cjs.map +1 -1
- package/dist/components/Action/styles/link.module.scss.js +2 -2
- package/dist/components/Action/styles/link.module.scss.js.map +1 -1
- package/dist/components/Action/utils.cjs +14 -12
- package/dist/components/Action/utils.cjs.map +1 -1
- package/dist/components/Action/utils.js +14 -12
- package/dist/components/Action/utils.js.map +1 -1
- package/dist/components/Button/Button.cjs +37 -37
- package/dist/components/Button/Button.cjs.map +1 -1
- package/dist/components/Button/Button.d.ts +4 -13
- package/dist/components/Button/Button.js +37 -37
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/types.d.ts +7 -16
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs +2 -2
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs +2 -2
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js +1 -1
- package/dist/components/DataTable/DataTable.cjs +3 -3
- package/dist/components/DataTable/DataTable.cjs.map +1 -1
- package/dist/components/DataTable/DataTable.d.ts +4 -4
- package/dist/components/DataTable/DataTable.js +3 -3
- package/dist/components/DataTable/DataTable.js.map +1 -1
- package/dist/components/DataTable/components/ActionBar.cjs +8 -3
- package/dist/components/DataTable/components/ActionBar.cjs.map +1 -1
- package/dist/components/DataTable/components/ActionBar.js +7 -3
- package/dist/components/DataTable/components/ActionBar.js.map +1 -1
- package/dist/components/DataTable/components/Cell.cjs +4 -15
- package/dist/components/DataTable/components/Cell.cjs.map +1 -1
- package/dist/components/DataTable/components/Cell.d.ts +2 -6
- package/dist/components/DataTable/components/Cell.js +4 -15
- package/dist/components/DataTable/components/Cell.js.map +1 -1
- package/dist/components/DataTable/components/ColumnDivider.cjs +6 -4
- package/dist/components/DataTable/components/ColumnDivider.cjs.map +1 -1
- package/dist/components/DataTable/components/ColumnDivider.d.ts +1 -0
- package/dist/components/DataTable/components/ColumnDivider.js +5 -5
- package/dist/components/DataTable/components/ColumnDivider.js.map +1 -1
- package/dist/components/DataTable/components/ColumnHeader.cjs +9 -8
- package/dist/components/DataTable/components/ColumnHeader.cjs.map +1 -1
- package/dist/components/DataTable/components/ColumnHeader.d.ts +6 -16
- package/dist/components/DataTable/components/ColumnHeader.js +8 -7
- package/dist/components/DataTable/components/ColumnHeader.js.map +1 -1
- package/dist/components/DataTable/components/EmptyBodyContent.cjs +5 -13
- package/dist/components/DataTable/components/EmptyBodyContent.cjs.map +1 -1
- package/dist/components/DataTable/components/EmptyBodyContent.d.ts +3 -10
- package/dist/components/DataTable/components/EmptyBodyContent.js +4 -12
- package/dist/components/DataTable/components/EmptyBodyContent.js.map +1 -1
- package/dist/components/DataTable/components/Header.cjs +4 -16
- package/dist/components/DataTable/components/Header.cjs.map +1 -1
- package/dist/components/DataTable/components/Header.d.ts +1 -2
- package/dist/components/DataTable/components/Header.js +4 -16
- package/dist/components/DataTable/components/Header.js.map +1 -1
- package/dist/components/DataTable/components/LoadingCellContent.cjs +7 -7
- package/dist/components/DataTable/components/LoadingCellContent.cjs.map +1 -1
- package/dist/components/DataTable/components/LoadingCellContent.d.ts +1 -5
- package/dist/components/DataTable/components/LoadingCellContent.js +6 -6
- package/dist/components/DataTable/components/LoadingCellContent.js.map +1 -1
- package/dist/components/DataTable/components/NoWrap.cjs +3 -7
- package/dist/components/DataTable/components/NoWrap.cjs.map +1 -1
- package/dist/components/DataTable/components/NoWrap.d.ts +1 -6
- package/dist/components/DataTable/components/NoWrap.js +2 -6
- package/dist/components/DataTable/components/NoWrap.js.map +1 -1
- package/dist/components/DataTable/components/Row.cjs +24 -21
- package/dist/components/DataTable/components/Row.cjs.map +1 -1
- package/dist/components/DataTable/components/Row.d.ts +2 -5
- package/dist/components/DataTable/components/Row.js +23 -20
- package/dist/components/DataTable/components/Row.js.map +1 -1
- package/dist/components/DataTable/components/ScrollContainer.cjs +3 -7
- package/dist/components/DataTable/components/ScrollContainer.cjs.map +1 -1
- package/dist/components/DataTable/components/ScrollContainer.d.ts +1 -6
- package/dist/components/DataTable/components/ScrollContainer.js +2 -6
- package/dist/components/DataTable/components/ScrollContainer.js.map +1 -1
- package/dist/components/DataTable/components/StickyHead.cjs +11 -3
- package/dist/components/DataTable/components/StickyHead.cjs.map +1 -1
- package/dist/components/DataTable/components/StickyHead.d.ts +1 -2
- package/dist/components/DataTable/components/StickyHead.js +11 -3
- package/dist/components/DataTable/components/StickyHead.js.map +1 -1
- package/dist/components/DataTable/components/TableGrid.cjs +5 -49
- package/dist/components/DataTable/components/TableGrid.cjs.map +1 -1
- package/dist/components/DataTable/components/TableGrid.d.ts +3 -10
- package/dist/components/DataTable/components/TableGrid.js +4 -48
- package/dist/components/DataTable/components/TableGrid.js.map +1 -1
- package/dist/components/DataTable/components/Truncate.cjs +3 -7
- package/dist/components/DataTable/components/Truncate.cjs.map +1 -1
- package/dist/components/DataTable/components/Truncate.d.ts +1 -6
- package/dist/components/DataTable/components/Truncate.js +2 -6
- package/dist/components/DataTable/components/Truncate.js.map +1 -1
- package/dist/components/DataTable/components/Wrapper.cjs +8 -11
- package/dist/components/DataTable/components/Wrapper.cjs.map +1 -1
- package/dist/components/DataTable/components/Wrapper.d.ts +2 -5
- package/dist/components/DataTable/components/Wrapper.js +7 -10
- package/dist/components/DataTable/components/Wrapper.js.map +1 -1
- package/dist/components/DataTable/constants.cjs +2 -0
- package/dist/components/DataTable/constants.cjs.map +1 -1
- package/dist/components/DataTable/constants.js +2 -1
- package/dist/components/DataTable/constants.js.map +1 -1
- package/dist/components/DataTable/utils/generateTableCss.cjs +80 -44
- package/dist/components/DataTable/utils/generateTableCss.cjs.map +1 -1
- package/dist/components/DataTable/utils/generateTableCss.d.ts +1 -7
- package/dist/components/DataTable/utils/generateTableCss.js +80 -44
- package/dist/components/DataTable/utils/generateTableCss.js.map +1 -1
- package/dist/components/DateInputField/DateInputField.cjs +1 -1
- package/dist/components/DateInputField/DateInputField.js +1 -1
- package/dist/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.cjs +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +1 -1
- package/dist/components/Grid/index.cjs +20 -0
- package/dist/components/Grid/index.cjs.map +1 -0
- package/dist/components/Grid/index.d.ts +3 -2
- package/dist/components/Grid/index.js +14 -0
- package/dist/components/Grid/index.js.map +1 -0
- package/dist/components/LegacyDataTable/LegacyDataTable.d.ts +1 -1
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.cjs +8 -8
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.cjs.map +1 -1
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.js +7 -8
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.js.map +1 -1
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.cjs +5 -8
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.cjs.map +1 -1
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.js +5 -8
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.js.map +1 -1
- package/dist/components/LegacyDataTable/SpecificState/styled.cjs +21 -0
- package/dist/components/LegacyDataTable/SpecificState/styled.cjs.map +1 -0
- package/dist/components/LegacyDataTable/SpecificState/styled.d.ts +17 -0
- package/dist/components/LegacyDataTable/SpecificState/styled.js +12 -0
- package/dist/components/LegacyDataTable/SpecificState/styled.js.map +1 -0
- package/dist/components/LegacyDataTable/StickyHeader.cjs.map +1 -1
- package/dist/components/LegacyDataTable/StickyHeader.js.map +1 -1
- package/dist/components/LegacyDataTable/cells/ClickableCell.cjs +8 -6
- package/dist/components/LegacyDataTable/cells/ClickableCell.cjs.map +1 -1
- package/dist/components/LegacyDataTable/cells/ClickableCell.d.ts +1 -1
- package/dist/components/LegacyDataTable/cells/ClickableCell.js +5 -4
- package/dist/components/LegacyDataTable/cells/ClickableCell.js.map +1 -1
- package/dist/components/LegacyDataTable/cells/EditableCell.cjs +8 -5
- package/dist/components/LegacyDataTable/cells/EditableCell.cjs.map +1 -1
- package/dist/components/LegacyDataTable/cells/EditableCell.d.ts +1 -1
- package/dist/components/LegacyDataTable/cells/EditableCell.js +5 -3
- package/dist/components/LegacyDataTable/cells/EditableCell.js.map +1 -1
- package/dist/components/LegacyDataTable/cells/styled.cjs +14 -0
- package/dist/components/LegacyDataTable/cells/styled.cjs.map +1 -0
- package/dist/components/LegacyDataTable/cells/styled.d.ts +1 -0
- package/dist/components/LegacyDataTable/cells/styled.js +8 -0
- package/dist/components/LegacyDataTable/cells/styled.js.map +1 -0
- package/dist/components/LegacyDataTable/styled.cjs +104 -121
- package/dist/components/LegacyDataTable/styled.cjs.map +1 -1
- package/dist/components/LegacyDataTable/styled.d.ts +28 -40
- package/dist/components/LegacyDataTable/styled.js +103 -120
- package/dist/components/LegacyDataTable/styled.js.map +1 -1
- package/dist/components/Pagination/styled.d.ts +1 -6
- package/dist/components/VideoModal/styled.d.ts +1 -6
- package/dist/index.cjs +10 -10
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/components/Button/Button.module.scss.cjs +0 -9
- package/dist/components/Button/Button.module.scss.cjs.map +0 -1
- package/dist/components/Button/Button.module.scss.js +0 -7
- package/dist/components/Button/Button.module.scss.js.map +0 -1
- package/dist/components/DataTable/components/DataTable.module.scss.cjs +0 -9
- package/dist/components/DataTable/components/DataTable.module.scss.cjs.map +0 -1
- package/dist/components/DataTable/components/DataTable.module.scss.js +0 -7
- package/dist/components/DataTable/components/DataTable.module.scss.js.map +0 -1
- package/dist/components/DataTable/hooks/useTableId.cjs +0 -23
- package/dist/components/DataTable/hooks/useTableId.cjs.map +0 -1
- package/dist/components/DataTable/hooks/useTableId.d.ts +0 -13
- package/dist/components/DataTable/hooks/useTableId.js +0 -21
- package/dist/components/DataTable/hooks/useTableId.js.map +0 -1
- package/dist/components/Grid/Grid.cjs +0 -24
- package/dist/components/Grid/Grid.cjs.map +0 -1
- package/dist/components/Grid/Grid.d.ts +0 -3
- package/dist/components/Grid/Grid.js +0 -18
- package/dist/components/Grid/Grid.js.map +0 -1
- package/dist/components/Grid/Grid.module.scss.cjs +0 -9
- package/dist/components/Grid/Grid.module.scss.cjs.map +0 -1
- package/dist/components/Grid/Grid.module.scss.js +0 -7
- package/dist/components/Grid/Grid.module.scss.js.map +0 -1
- package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.cjs +0 -9
- package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.cjs.map +0 -1
- package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.js +0 -7
- package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.js.map +0 -1
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.cjs +0 -9
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.cjs.map +0 -1
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.js +0 -7
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.js.map +0 -1
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.module.scss.cjs +0 -9
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.module.scss.cjs.map +0 -1
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.module.scss.js +0 -7
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.module.scss.js.map +0 -1
- package/dist/components/LegacyDataTable/cells/cells.module.scss.cjs +0 -9
- package/dist/components/LegacyDataTable/cells/cells.module.scss.cjs.map +0 -1
- package/dist/components/LegacyDataTable/cells/cells.module.scss.js +0 -7
- package/dist/components/LegacyDataTable/cells/cells.module.scss.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.module.scss.js","sources":["../../../src/components/Button/Button.module.scss"],"sourcesContent":["@use '../../theme/scss/text.module.scss' as text;\n\n// Base class (shared by default, primary, destructive, primaryDestructive, flat)\n\n.base {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: var(--font-family);\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n pointer-events: none;\n cursor: unset !important;\n }\n}\n\n// Size classes\n\n.base-size {\n --outline-width: var(--sizes-xs);\n\n height: var(--sizes-10);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-md);\n font-size: var(--sizes-base);\n line-height: var(--sizes-base);\n}\n\n.base-size.hasText {\n padding-left: var(--sizes-md);\n padding-right: var(--sizes-md);\n}\n\n.base-size.hasText.hasIcon {\n padding-left: var(--sizes-base);\n}\n\n.base-size.hasText.hasDropdown {\n padding-right: var(--sizes-base);\n}\n\n.sm-size {\n --outline-width: 2px;\n\n height: var(--sizes-lg);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-font-size); // intentionally matches font-size for button height control\n}\n\n.sm-size.hasText {\n padding-left: var(--sizes-base);\n padding-right: var(--sizes-base);\n}\n\n.sm-size.hasText.hasIcon {\n padding-left: var(--sizes-sm);\n}\n\n.sm-size.hasText.hasDropdown {\n padding-right: var(--sizes-sm);\n}\n\n// Variant: default\n\n.default-variant {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Default variant conditional color based on hasText\n.default-variant.hasText {\n color: var(--colors-neutral-ink-base);\n}\n\n.default-variant:not(.hasText) {\n color: var(--colors-secondary-blue-base);\n}\n\n// Variant: destructive (extends default visually)\n\n.destructive-variant {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: var(--colors-secondary-red-base);\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n color: var(--colors-secondary-red-dark);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-red-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n color: var(--colors-secondary-red-dark);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Variant: primary\n\n.primary-variant {\n background-color: var(--theme-primary, var(--colors-secondary-blue-base));\n border-color: var(--theme-primary, var(--colors-secondary-blue-base));\n color: var(--theme-on-primary, white);\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n &:hover {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n\n &:active {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Variant: primaryDestructive\n\n.primaryDestructive-variant {\n background-color: var(--colors-secondary-red-base);\n border-color: var(--colors-secondary-red-base);\n color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n &:hover {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n }\n\n &:active {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Variant: flat\n\n.flat-variant {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n\n &:hover {\n background-color: var(--colors-neutral-grey-light);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-light);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n }\n\n &:disabled {\n background-color: transparent;\n border-color: transparent;\n }\n}\n\n// Variant: link (standalone — does NOT use .base)\n\n.link-variant {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n\n @include text.link;\n\n // Override mixin's letter-spacing: the SC version never set it\n letter-spacing: normal;\n color: var(--colors-secondary-blue-base);\n\n &:hover {\n cursor: pointer;\n color: var(--colors-secondary-blue-dark);\n }\n\n & > * + * {\n margin-left: var(--sizes-xs);\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 4px white,\n 0 0 0 8px var(--colors-secondary-blue-light);\n border-radius: 4px;\n }\n}\n\n// Variant: unstyled (standalone — does NOT use .base)\n\n.unstyled-variant {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n\n &:hover {\n cursor: pointer;\n }\n}\n\n// Sub-elements\n\n.mainContent {\n display: inline-flex;\n align-items: center;\n gap: var(--sizes-xs);\n\n svg {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n}\n\n.hasText .mainContent {\n gap: var(--sizes-sm);\n}\n\n.mainContent.loading {\n opacity: 0;\n}\n\n.loadingWrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,kqsBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,qBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,4BAAA,CAAA,uCAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,2BAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("/* DataTable sub-component styles */\n/* ScrollContainer */\n._scrollContainer_cvv55_3 {\n position: relative;\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n/* NoWrap */\n._noWrap_cvv55_11 {\n white-space: nowrap;\n}\n\n/* Truncate */\n._truncate_cvv55_16 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* LoadingCellContent */\n._loadingCellContent_cvv55_23 {\n height: 20px;\n width: 75%;\n border-radius: var(--radius-base);\n background: var(--colors-neutral-grey-base);\n background-image: linear-gradient(to right, var(--colors-neutral-grey-base) 0%, var(--colors-neutral-grey-dark) 20%, var(--colors-neutral-grey-base) 40%, var(--colors-neutral-grey-base) 100%);\n background-repeat: no-repeat;\n background-size: 800px 104px;\n animation-duration: 1s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: _placeholderShimmer_cvv55_1;\n animation-timing-function: linear;\n}\n\n@keyframes _placeholderShimmer_cvv55_1 {\n 0% {\n background-position: -468px 0;\n }\n 100% {\n background-position: 468px 0;\n }\n}\n/* EmptyBodyContent */\n._emptyBodyContent_cvv55_47 {\n padding-top: var(--sizes-lg);\n padding-bottom: var(--sizes-lg);\n grid-column: 1/span var(--column-span);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--sizes-md);\n}\n\n._emptyBodyGlyphWrapper_cvv55_58 {\n padding: var(--sizes-md);\n background-color: var(--colors-neutral-grey-light);\n border-radius: var(--radius-full);\n}\n\n/* Cell */\n._cell_cvv55_65 {\n display: flex;\n align-items: center;\n justify-content: var(--cell-align, flex-start);\n background-color: white;\n padding-bottom: var(--density);\n padding-top: var(--density);\n padding-left: var(--cell-spacing, var(--sizes-3));\n padding-right: var(--cell-spacing, var(--sizes-3));\n color: var(--text-body-small-color);\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n line-height: var(--text-body-small-line-height);\n grid-column-end: span var(--cell-span, 1);\n}\ntfoot ._cell_cvv55_65 {\n min-height: 56px;\n border-top: 1px solid var(--colors-secondary-blue-base);\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n/* Header */\n._header_cvv55_89 {\n height: 56px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: var(--cell-align, flex-start);\n z-index: var(--header-z-index, 0);\n background-color: white;\n padding-left: var(--cell-spacing, var(--sizes-3));\n padding-right: var(--cell-spacing, var(--sizes-3));\n border-bottom: 1px solid var(--colors-neutral-grey-base);\n grid-column-end: span var(--cell-span, 1);\n}\n\n/* Row */\n._row_cvv55_104 {\n display: contents;\n}\n\n._rowSelected_cvv55_108 > td {\n background-color: var(--colors-brand-blue-lightest);\n}\n\n._rowAccentColor_cvv55_112 > *:first-child {\n position: relative;\n}\n\n._rowAccentColor_cvv55_112 > *:first-child::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--row-accent-color);\n}\n\n/* Wrapper */\n._wrapper_cvv55_127 {\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: var(--colors-neutral-grey-dark);\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._wrapper_cvv55_127, ._wrapper_cvv55_127 * {\n box-sizing: border-box;\n}\n._wrapper_cvv55_127 .hideHeaderDetails th {\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._wrapper_cvv55_127 .hideHeaderDetails th > * {\n opacity: 0.1;\n}\n._wrapper_cvv55_127 .hideHeaderDetails th .th-divider {\n opacity: 1;\n}\n\n._borderFull_cvv55_147 {\n border-width: 1px;\n border-radius: var(--radius-base);\n}\n\n._borderVertical_cvv55_152 {\n border-width: 0;\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n._borderNone_cvv55_158 {\n border-width: 0;\n}\n\n/* TableGrid */\n._tableGrid_cvv55_163 {\n min-width: 100%;\n width: max-content;\n display: grid;\n --density: var(--sizes-base);\n}\n._tableGrid_cvv55_163 thead, ._tableGrid_cvv55_163 tbody, ._tableGrid_cvv55_163 tfoot {\n display: contents;\n}\n\n._tableGrid_cvv55_163._tableGrid_cvv55_163 tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #f2f8fc;\n}\n\n/* ColumnHeader */\n._sortIndicator_cvv55_179 {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n color: var(--colors-neutral-ink-lightest);\n}\n\n._headerContent_cvv55_189 {\n display: flex;\n height: 28px;\n align-items: center;\n gap: var(--sizes-xs);\n white-space: nowrap;\n color: var(--text-heading-table-color);\n font-family: var(--text-heading-table-font-family);\n font-size: var(--text-heading-table-font-size);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n line-height: var(--text-heading-table-line-height);\n}\n\n._clickableHeaderContent_cvv55_203 {\n display: flex;\n height: 28px;\n align-items: center;\n gap: var(--sizes-xs);\n white-space: nowrap;\n color: var(--text-heading-table-color);\n font-family: var(--text-heading-table-font-family);\n font-size: var(--text-heading-table-font-size);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n line-height: var(--text-heading-table-line-height);\n appearance: none;\n padding: 0;\n border: 0;\n border-radius: var(--radius-base);\n background-color: transparent;\n}\n._clickableHeaderContent_cvv55_203:not(:disabled):hover {\n cursor: pointer;\n}\n._clickableHeaderContent_cvv55_203:hover ._sortIndicator_cvv55_179 {\n background-color: var(--colors-neutral-grey-light);\n color: var(--colors-neutral-ink-base);\n}\n._clickableHeaderContent_cvv55_203:focus-visible {\n outline: 0;\n box-shadow: 0px 0px 0px 2px var(--colors-secondary-blue-light);\n}\n\n/* ColumnDivider ResizerBar */\n._resizerBar_cvv55_234 {\n position: absolute;\n right: 0;\n top: 37.5%;\n width: 1px;\n background: var(--colors-neutral-grey-dark);\n min-height: 25%;\n cursor: col-resize;\n user-select: none;\n}\n._resizerBar_cvv55_234::before {\n content: \"\";\n position: absolute;\n top: -150%;\n left: 0;\n width: 12px;\n min-height: 400%;\n z-index: 1;\n transform: translateX(-6px);\n}\n\n/* ActionBar */\n._actionBarContainer_cvv55_256 {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 50;\n height: 56px;\n background-color: white;\n}\n\n._actionBarContent_cvv55_269 {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 var(--sizes-sm);\n border-bottom: 1px solid var(--colors-neutral-grey-base);\n}\n._actionBarContent_cvv55_269 > * {\n flex: 1;\n}");
|
|
6
|
-
var styles = {"scrollContainer":"_scrollContainer_cvv55_3","noWrap":"_noWrap_cvv55_11","truncate":"_truncate_cvv55_16","loadingCellContent":"_loadingCellContent_cvv55_23","emptyBodyContent":"_emptyBodyContent_cvv55_47","emptyBodyGlyphWrapper":"_emptyBodyGlyphWrapper_cvv55_58","cell":"_cell_cvv55_65","header":"_header_cvv55_89","row":"_row_cvv55_104","rowSelected":"_rowSelected_cvv55_108","rowAccentColor":"_rowAccentColor_cvv55_112","wrapper":"_wrapper_cvv55_127","borderFull":"_borderFull_cvv55_147","borderVertical":"_borderVertical_cvv55_152","borderNone":"_borderNone_cvv55_158","tableGrid":"_tableGrid_cvv55_163","sortIndicator":"_sortIndicator_cvv55_179","headerContent":"_headerContent_cvv55_189","clickableHeaderContent":"_clickableHeaderContent_cvv55_203","resizerBar":"_resizerBar_cvv55_234","actionBarContainer":"_actionBarContainer_cvv55_256","actionBarContent":"_actionBarContent_cvv55_269"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=DataTable.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.module.scss.cjs","sources":["../../../../src/components/DataTable/components/DataTable.module.scss"],"sourcesContent":["/* DataTable sub-component styles */\n\n/* ScrollContainer */\n.scrollContainer {\n position: relative;\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n/* NoWrap */\n.noWrap {\n white-space: nowrap;\n}\n\n/* Truncate */\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* LoadingCellContent */\n.loadingCellContent {\n height: 20px;\n width: 75%;\n border-radius: var(--radius-base);\n\n background: var(--colors-neutral-grey-base);\n background-image: linear-gradient(\n to right,\n var(--colors-neutral-grey-base) 0%,\n var(--colors-neutral-grey-dark) 20%,\n var(--colors-neutral-grey-base) 40%,\n var(--colors-neutral-grey-base) 100%\n );\n background-repeat: no-repeat;\n background-size: 800px 104px;\n\n animation-duration: 1s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeholderShimmer;\n animation-timing-function: linear;\n}\n\n@keyframes placeholderShimmer {\n 0% {\n background-position: -468px 0;\n }\n\n 100% {\n background-position: 468px 0;\n }\n}\n\n/* EmptyBodyContent */\n.emptyBodyContent {\n padding-top: var(--sizes-lg);\n padding-bottom: var(--sizes-lg);\n grid-column: 1 / span var(--column-span);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--sizes-md);\n}\n\n.emptyBodyGlyphWrapper {\n padding: var(--sizes-md);\n background-color: var(--colors-neutral-grey-light);\n border-radius: var(--radius-full);\n}\n\n/* Cell */\n.cell {\n display: flex;\n align-items: center;\n justify-content: var(--cell-align, flex-start);\n\n background-color: white;\n padding-bottom: var(--density);\n padding-top: var(--density);\n padding-left: var(--cell-spacing, var(--sizes-3));\n padding-right: var(--cell-spacing, var(--sizes-3));\n\n color: var(--text-body-small-color);\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n line-height: var(--text-body-small-line-height);\n\n grid-column-end: span var(--cell-span, 1);\n\n tfoot & {\n min-height: 56px;\n border-top: 1px solid var(--colors-secondary-blue-base);\n background-color: var(--colors-neutral-grey-lightest);\n }\n}\n\n/* Header */\n.header {\n height: 56px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: var(--cell-align, flex-start);\n z-index: var(--header-z-index, 0);\n\n background-color: white;\n padding-left: var(--cell-spacing, var(--sizes-3));\n padding-right: var(--cell-spacing, var(--sizes-3));\n border-bottom: 1px solid var(--colors-neutral-grey-base);\n\n grid-column-end: span var(--cell-span, 1);\n}\n\n/* Row */\n.row {\n display: contents;\n}\n\n.rowSelected > td {\n background-color: var(--colors-brand-blue-lightest);\n}\n\n.rowAccentColor > *:first-child {\n position: relative;\n}\n\n.rowAccentColor > *:first-child::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--row-accent-color);\n}\n\n/* Wrapper */\n.wrapper {\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: var(--colors-neutral-grey-dark);\n\n &,\n & * {\n box-sizing: border-box;\n }\n\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n :global(.hideHeaderDetails) th {\n > * {\n opacity: 0.1;\n }\n\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n :global(.th-divider) {\n opacity: 1;\n }\n }\n}\n\n.borderFull {\n border-width: 1px;\n border-radius: var(--radius-base);\n}\n\n.borderVertical {\n border-width: 0;\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.borderNone {\n border-width: 0;\n}\n\n/* TableGrid */\n.tableGrid {\n min-width: 100%;\n width: max-content;\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: var(--sizes-base);\n}\n\n.tableGrid.tableGrid tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #f2f8fc;\n}\n\n/* ColumnHeader */\n.sortIndicator {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n color: var(--colors-neutral-ink-lightest);\n}\n\n.headerContent {\n display: flex;\n height: 28px;\n align-items: center;\n gap: var(--sizes-xs);\n white-space: nowrap;\n\n color: var(--text-heading-table-color);\n font-family: var(--text-heading-table-font-family);\n font-size: var(--text-heading-table-font-size);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n line-height: var(--text-heading-table-line-height);\n}\n\n.clickableHeaderContent {\n display: flex;\n height: 28px;\n align-items: center;\n gap: var(--sizes-xs);\n white-space: nowrap;\n\n color: var(--text-heading-table-color);\n font-family: var(--text-heading-table-font-family);\n font-size: var(--text-heading-table-font-size);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n line-height: var(--text-heading-table-line-height);\n\n appearance: none;\n padding: 0;\n border: 0;\n border-radius: var(--radius-base);\n background-color: transparent;\n\n &:not(:disabled):hover {\n cursor: pointer;\n }\n\n &:hover .sortIndicator {\n background-color: var(--colors-neutral-grey-light);\n color: var(--colors-neutral-ink-base);\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow: 0px 0px 0px 2px var(--colors-secondary-blue-light);\n }\n}\n\n/* ColumnDivider ResizerBar */\n.resizerBar {\n position: absolute;\n right: 0;\n top: 37.5%;\n width: 1px;\n background: var(--colors-neutral-grey-dark);\n min-height: 25%;\n cursor: col-resize;\n user-select: none;\n\n &::before {\n content: '';\n position: absolute;\n top: -150%;\n left: 0;\n width: 12px;\n min-height: 400%;\n z-index: 1;\n transform: translateX(-6px);\n }\n}\n\n/* ActionBar */\n.actionBarContainer {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 50;\n height: 56px;\n background-color: white;\n}\n\n.actionBarContent {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 var(--sizes-sm);\n border-bottom: 1px solid var(--colors-neutral-grey-base);\n\n & > * {\n flex: 1;\n }\n}\n"],"names":[],"mappings":";;;;AAEA,eAAA,CAAA,+8NAAA;AACA,aAAA,CAAA,iBAAA,CAAA,0BAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,iCAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,KAAA,CAAA,gBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,oBAAA,CAAA,+BAAA,CAAA,kBAAA,CAAA,6BAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("/* DataTable sub-component styles */\n/* ScrollContainer */\n._scrollContainer_cvv55_3 {\n position: relative;\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n/* NoWrap */\n._noWrap_cvv55_11 {\n white-space: nowrap;\n}\n\n/* Truncate */\n._truncate_cvv55_16 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* LoadingCellContent */\n._loadingCellContent_cvv55_23 {\n height: 20px;\n width: 75%;\n border-radius: var(--radius-base);\n background: var(--colors-neutral-grey-base);\n background-image: linear-gradient(to right, var(--colors-neutral-grey-base) 0%, var(--colors-neutral-grey-dark) 20%, var(--colors-neutral-grey-base) 40%, var(--colors-neutral-grey-base) 100%);\n background-repeat: no-repeat;\n background-size: 800px 104px;\n animation-duration: 1s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: _placeholderShimmer_cvv55_1;\n animation-timing-function: linear;\n}\n\n@keyframes _placeholderShimmer_cvv55_1 {\n 0% {\n background-position: -468px 0;\n }\n 100% {\n background-position: 468px 0;\n }\n}\n/* EmptyBodyContent */\n._emptyBodyContent_cvv55_47 {\n padding-top: var(--sizes-lg);\n padding-bottom: var(--sizes-lg);\n grid-column: 1/span var(--column-span);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--sizes-md);\n}\n\n._emptyBodyGlyphWrapper_cvv55_58 {\n padding: var(--sizes-md);\n background-color: var(--colors-neutral-grey-light);\n border-radius: var(--radius-full);\n}\n\n/* Cell */\n._cell_cvv55_65 {\n display: flex;\n align-items: center;\n justify-content: var(--cell-align, flex-start);\n background-color: white;\n padding-bottom: var(--density);\n padding-top: var(--density);\n padding-left: var(--cell-spacing, var(--sizes-3));\n padding-right: var(--cell-spacing, var(--sizes-3));\n color: var(--text-body-small-color);\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n line-height: var(--text-body-small-line-height);\n grid-column-end: span var(--cell-span, 1);\n}\ntfoot ._cell_cvv55_65 {\n min-height: 56px;\n border-top: 1px solid var(--colors-secondary-blue-base);\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n/* Header */\n._header_cvv55_89 {\n height: 56px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: var(--cell-align, flex-start);\n z-index: var(--header-z-index, 0);\n background-color: white;\n padding-left: var(--cell-spacing, var(--sizes-3));\n padding-right: var(--cell-spacing, var(--sizes-3));\n border-bottom: 1px solid var(--colors-neutral-grey-base);\n grid-column-end: span var(--cell-span, 1);\n}\n\n/* Row */\n._row_cvv55_104 {\n display: contents;\n}\n\n._rowSelected_cvv55_108 > td {\n background-color: var(--colors-brand-blue-lightest);\n}\n\n._rowAccentColor_cvv55_112 > *:first-child {\n position: relative;\n}\n\n._rowAccentColor_cvv55_112 > *:first-child::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--row-accent-color);\n}\n\n/* Wrapper */\n._wrapper_cvv55_127 {\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: var(--colors-neutral-grey-dark);\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._wrapper_cvv55_127, ._wrapper_cvv55_127 * {\n box-sizing: border-box;\n}\n._wrapper_cvv55_127 .hideHeaderDetails th {\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._wrapper_cvv55_127 .hideHeaderDetails th > * {\n opacity: 0.1;\n}\n._wrapper_cvv55_127 .hideHeaderDetails th .th-divider {\n opacity: 1;\n}\n\n._borderFull_cvv55_147 {\n border-width: 1px;\n border-radius: var(--radius-base);\n}\n\n._borderVertical_cvv55_152 {\n border-width: 0;\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n._borderNone_cvv55_158 {\n border-width: 0;\n}\n\n/* TableGrid */\n._tableGrid_cvv55_163 {\n min-width: 100%;\n width: max-content;\n display: grid;\n --density: var(--sizes-base);\n}\n._tableGrid_cvv55_163 thead, ._tableGrid_cvv55_163 tbody, ._tableGrid_cvv55_163 tfoot {\n display: contents;\n}\n\n._tableGrid_cvv55_163._tableGrid_cvv55_163 tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #f2f8fc;\n}\n\n/* ColumnHeader */\n._sortIndicator_cvv55_179 {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n color: var(--colors-neutral-ink-lightest);\n}\n\n._headerContent_cvv55_189 {\n display: flex;\n height: 28px;\n align-items: center;\n gap: var(--sizes-xs);\n white-space: nowrap;\n color: var(--text-heading-table-color);\n font-family: var(--text-heading-table-font-family);\n font-size: var(--text-heading-table-font-size);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n line-height: var(--text-heading-table-line-height);\n}\n\n._clickableHeaderContent_cvv55_203 {\n display: flex;\n height: 28px;\n align-items: center;\n gap: var(--sizes-xs);\n white-space: nowrap;\n color: var(--text-heading-table-color);\n font-family: var(--text-heading-table-font-family);\n font-size: var(--text-heading-table-font-size);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n line-height: var(--text-heading-table-line-height);\n appearance: none;\n padding: 0;\n border: 0;\n border-radius: var(--radius-base);\n background-color: transparent;\n}\n._clickableHeaderContent_cvv55_203:not(:disabled):hover {\n cursor: pointer;\n}\n._clickableHeaderContent_cvv55_203:hover ._sortIndicator_cvv55_179 {\n background-color: var(--colors-neutral-grey-light);\n color: var(--colors-neutral-ink-base);\n}\n._clickableHeaderContent_cvv55_203:focus-visible {\n outline: 0;\n box-shadow: 0px 0px 0px 2px var(--colors-secondary-blue-light);\n}\n\n/* ColumnDivider ResizerBar */\n._resizerBar_cvv55_234 {\n position: absolute;\n right: 0;\n top: 37.5%;\n width: 1px;\n background: var(--colors-neutral-grey-dark);\n min-height: 25%;\n cursor: col-resize;\n user-select: none;\n}\n._resizerBar_cvv55_234::before {\n content: \"\";\n position: absolute;\n top: -150%;\n left: 0;\n width: 12px;\n min-height: 400%;\n z-index: 1;\n transform: translateX(-6px);\n}\n\n/* ActionBar */\n._actionBarContainer_cvv55_256 {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 50;\n height: 56px;\n background-color: white;\n}\n\n._actionBarContent_cvv55_269 {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 var(--sizes-sm);\n border-bottom: 1px solid var(--colors-neutral-grey-base);\n}\n._actionBarContent_cvv55_269 > * {\n flex: 1;\n}");
|
|
4
|
-
var styles = {"scrollContainer":"_scrollContainer_cvv55_3","noWrap":"_noWrap_cvv55_11","truncate":"_truncate_cvv55_16","loadingCellContent":"_loadingCellContent_cvv55_23","emptyBodyContent":"_emptyBodyContent_cvv55_47","emptyBodyGlyphWrapper":"_emptyBodyGlyphWrapper_cvv55_58","cell":"_cell_cvv55_65","header":"_header_cvv55_89","row":"_row_cvv55_104","rowSelected":"_rowSelected_cvv55_108","rowAccentColor":"_rowAccentColor_cvv55_112","wrapper":"_wrapper_cvv55_127","borderFull":"_borderFull_cvv55_147","borderVertical":"_borderVertical_cvv55_152","borderNone":"_borderNone_cvv55_158","tableGrid":"_tableGrid_cvv55_163","sortIndicator":"_sortIndicator_cvv55_179","headerContent":"_headerContent_cvv55_189","clickableHeaderContent":"_clickableHeaderContent_cvv55_203","resizerBar":"_resizerBar_cvv55_234","actionBarContainer":"_actionBarContainer_cvv55_256","actionBarContent":"_actionBarContent_cvv55_269"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=DataTable.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.module.scss.js","sources":["../../../../src/components/DataTable/components/DataTable.module.scss"],"sourcesContent":["/* DataTable sub-component styles */\n\n/* ScrollContainer */\n.scrollContainer {\n position: relative;\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n/* NoWrap */\n.noWrap {\n white-space: nowrap;\n}\n\n/* Truncate */\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* LoadingCellContent */\n.loadingCellContent {\n height: 20px;\n width: 75%;\n border-radius: var(--radius-base);\n\n background: var(--colors-neutral-grey-base);\n background-image: linear-gradient(\n to right,\n var(--colors-neutral-grey-base) 0%,\n var(--colors-neutral-grey-dark) 20%,\n var(--colors-neutral-grey-base) 40%,\n var(--colors-neutral-grey-base) 100%\n );\n background-repeat: no-repeat;\n background-size: 800px 104px;\n\n animation-duration: 1s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeholderShimmer;\n animation-timing-function: linear;\n}\n\n@keyframes placeholderShimmer {\n 0% {\n background-position: -468px 0;\n }\n\n 100% {\n background-position: 468px 0;\n }\n}\n\n/* EmptyBodyContent */\n.emptyBodyContent {\n padding-top: var(--sizes-lg);\n padding-bottom: var(--sizes-lg);\n grid-column: 1 / span var(--column-span);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--sizes-md);\n}\n\n.emptyBodyGlyphWrapper {\n padding: var(--sizes-md);\n background-color: var(--colors-neutral-grey-light);\n border-radius: var(--radius-full);\n}\n\n/* Cell */\n.cell {\n display: flex;\n align-items: center;\n justify-content: var(--cell-align, flex-start);\n\n background-color: white;\n padding-bottom: var(--density);\n padding-top: var(--density);\n padding-left: var(--cell-spacing, var(--sizes-3));\n padding-right: var(--cell-spacing, var(--sizes-3));\n\n color: var(--text-body-small-color);\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n line-height: var(--text-body-small-line-height);\n\n grid-column-end: span var(--cell-span, 1);\n\n tfoot & {\n min-height: 56px;\n border-top: 1px solid var(--colors-secondary-blue-base);\n background-color: var(--colors-neutral-grey-lightest);\n }\n}\n\n/* Header */\n.header {\n height: 56px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: var(--cell-align, flex-start);\n z-index: var(--header-z-index, 0);\n\n background-color: white;\n padding-left: var(--cell-spacing, var(--sizes-3));\n padding-right: var(--cell-spacing, var(--sizes-3));\n border-bottom: 1px solid var(--colors-neutral-grey-base);\n\n grid-column-end: span var(--cell-span, 1);\n}\n\n/* Row */\n.row {\n display: contents;\n}\n\n.rowSelected > td {\n background-color: var(--colors-brand-blue-lightest);\n}\n\n.rowAccentColor > *:first-child {\n position: relative;\n}\n\n.rowAccentColor > *:first-child::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--row-accent-color);\n}\n\n/* Wrapper */\n.wrapper {\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: var(--colors-neutral-grey-dark);\n\n &,\n & * {\n box-sizing: border-box;\n }\n\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n :global(.hideHeaderDetails) th {\n > * {\n opacity: 0.1;\n }\n\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n :global(.th-divider) {\n opacity: 1;\n }\n }\n}\n\n.borderFull {\n border-width: 1px;\n border-radius: var(--radius-base);\n}\n\n.borderVertical {\n border-width: 0;\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.borderNone {\n border-width: 0;\n}\n\n/* TableGrid */\n.tableGrid {\n min-width: 100%;\n width: max-content;\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: var(--sizes-base);\n}\n\n.tableGrid.tableGrid tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #f2f8fc;\n}\n\n/* ColumnHeader */\n.sortIndicator {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n color: var(--colors-neutral-ink-lightest);\n}\n\n.headerContent {\n display: flex;\n height: 28px;\n align-items: center;\n gap: var(--sizes-xs);\n white-space: nowrap;\n\n color: var(--text-heading-table-color);\n font-family: var(--text-heading-table-font-family);\n font-size: var(--text-heading-table-font-size);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n line-height: var(--text-heading-table-line-height);\n}\n\n.clickableHeaderContent {\n display: flex;\n height: 28px;\n align-items: center;\n gap: var(--sizes-xs);\n white-space: nowrap;\n\n color: var(--text-heading-table-color);\n font-family: var(--text-heading-table-font-family);\n font-size: var(--text-heading-table-font-size);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n line-height: var(--text-heading-table-line-height);\n\n appearance: none;\n padding: 0;\n border: 0;\n border-radius: var(--radius-base);\n background-color: transparent;\n\n &:not(:disabled):hover {\n cursor: pointer;\n }\n\n &:hover .sortIndicator {\n background-color: var(--colors-neutral-grey-light);\n color: var(--colors-neutral-ink-base);\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow: 0px 0px 0px 2px var(--colors-secondary-blue-light);\n }\n}\n\n/* ColumnDivider ResizerBar */\n.resizerBar {\n position: absolute;\n right: 0;\n top: 37.5%;\n width: 1px;\n background: var(--colors-neutral-grey-dark);\n min-height: 25%;\n cursor: col-resize;\n user-select: none;\n\n &::before {\n content: '';\n position: absolute;\n top: -150%;\n left: 0;\n width: 12px;\n min-height: 400%;\n z-index: 1;\n transform: translateX(-6px);\n }\n}\n\n/* ActionBar */\n.actionBarContainer {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 50;\n height: 56px;\n background-color: white;\n}\n\n.actionBarContent {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 var(--sizes-sm);\n border-bottom: 1px solid var(--colors-neutral-grey-base);\n\n & > * {\n flex: 1;\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAEAA,WAAA,CAAA,+8NAAA;AACA,aAAA,CAAA,iBAAA,CAAA,0BAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,iCAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,KAAA,CAAA,gBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,oBAAA,CAAA,+BAAA,CAAA,kBAAA,CAAA,6BAAA;;;;"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
|
|
5
|
-
let tableIdCounter = 0;
|
|
6
|
-
/**
|
|
7
|
-
* Generates a unique stable ID per component instance for scoping
|
|
8
|
-
* dynamic CSS to a specific DataTable. Compatible with React 17+.
|
|
9
|
-
*
|
|
10
|
-
* Note: Uses a module-level counter. Not SSR-safe (render order dependent).
|
|
11
|
-
* If SSR support is needed, use a context-based ID provider.
|
|
12
|
-
*/
|
|
13
|
-
function useTableId() {
|
|
14
|
-
const idRef = React.useRef(null);
|
|
15
|
-
if (idRef.current === null) {
|
|
16
|
-
tableIdCounter += 1;
|
|
17
|
-
idRef.current = `dt-${tableIdCounter}`;
|
|
18
|
-
}
|
|
19
|
-
return idRef.current;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
exports.useTableId = useTableId;
|
|
23
|
-
//# sourceMappingURL=useTableId.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTableId.cjs","sources":["../../../../src/components/DataTable/hooks/useTableId.ts"],"sourcesContent":["import { useRef } from 'react';\n\nlet tableIdCounter = 0;\n\n/**\n * Generates a unique stable ID per component instance for scoping\n * dynamic CSS to a specific DataTable. Compatible with React 17+.\n *\n * Note: Uses a module-level counter. Not SSR-safe (render order dependent).\n * If SSR support is needed, use a context-based ID provider.\n */\nexport function useTableId(): string {\n const idRef = useRef<string | null>(null);\n\n if (idRef.current === null) {\n tableIdCounter += 1;\n idRef.current = `dt-${tableIdCounter}`;\n }\n\n return idRef.current;\n}\n\n/**\n * Reset the counter between test runs for deterministic snapshots.\n * @internal Test utility only.\n */\nexport function resetTableIdCounter(): void {\n tableIdCounter = 0;\n}\n"],"names":["useRef"],"mappings":";;;;AAEA,IAAI,cAAc,GAAG,CAAC;AAEtB;;;;;;AAMG;SACa,UAAU,GAAA;AACxB,IAAA,MAAM,KAAK,GAAGA,YAAM,CAAgB,IAAI,CAAC;AAEzC,IAAA,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,EAAE;QAC1B,cAAc,IAAI,CAAC;AACnB,QAAA,KAAK,CAAC,OAAO,GAAG,CAAA,GAAA,EAAM,cAAc,EAAE;AACvC,IAAA;IAED,OAAO,KAAK,CAAC,OAAO;AACtB;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generates a unique stable ID per component instance for scoping
|
|
3
|
-
* dynamic CSS to a specific DataTable. Compatible with React 17+.
|
|
4
|
-
*
|
|
5
|
-
* Note: Uses a module-level counter. Not SSR-safe (render order dependent).
|
|
6
|
-
* If SSR support is needed, use a context-based ID provider.
|
|
7
|
-
*/
|
|
8
|
-
export declare function useTableId(): string;
|
|
9
|
-
/**
|
|
10
|
-
* Reset the counter between test runs for deterministic snapshots.
|
|
11
|
-
* @internal Test utility only.
|
|
12
|
-
*/
|
|
13
|
-
export declare function resetTableIdCounter(): void;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { useRef } from 'react';
|
|
2
|
-
|
|
3
|
-
let tableIdCounter = 0;
|
|
4
|
-
/**
|
|
5
|
-
* Generates a unique stable ID per component instance for scoping
|
|
6
|
-
* dynamic CSS to a specific DataTable. Compatible with React 17+.
|
|
7
|
-
*
|
|
8
|
-
* Note: Uses a module-level counter. Not SSR-safe (render order dependent).
|
|
9
|
-
* If SSR support is needed, use a context-based ID provider.
|
|
10
|
-
*/
|
|
11
|
-
function useTableId() {
|
|
12
|
-
const idRef = useRef(null);
|
|
13
|
-
if (idRef.current === null) {
|
|
14
|
-
tableIdCounter += 1;
|
|
15
|
-
idRef.current = `dt-${tableIdCounter}`;
|
|
16
|
-
}
|
|
17
|
-
return idRef.current;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export { useTableId };
|
|
21
|
-
//# sourceMappingURL=useTableId.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTableId.js","sources":["../../../../src/components/DataTable/hooks/useTableId.ts"],"sourcesContent":["import { useRef } from 'react';\n\nlet tableIdCounter = 0;\n\n/**\n * Generates a unique stable ID per component instance for scoping\n * dynamic CSS to a specific DataTable. Compatible with React 17+.\n *\n * Note: Uses a module-level counter. Not SSR-safe (render order dependent).\n * If SSR support is needed, use a context-based ID provider.\n */\nexport function useTableId(): string {\n const idRef = useRef<string | null>(null);\n\n if (idRef.current === null) {\n tableIdCounter += 1;\n idRef.current = `dt-${tableIdCounter}`;\n }\n\n return idRef.current;\n}\n\n/**\n * Reset the counter between test runs for deterministic snapshots.\n * @internal Test utility only.\n */\nexport function resetTableIdCounter(): void {\n tableIdCounter = 0;\n}\n"],"names":[],"mappings":";;AAEA,IAAI,cAAc,GAAG,CAAC;AAEtB;;;;;;AAMG;SACa,UAAU,GAAA;AACxB,IAAA,MAAM,KAAK,GAAG,MAAM,CAAgB,IAAI,CAAC;AAEzC,IAAA,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,EAAE;QAC1B,cAAc,IAAI,CAAC;AACnB,QAAA,KAAK,CAAC,OAAO,GAAG,CAAA,GAAA,EAAM,cAAc,EAAE;AACvC,IAAA;IAED,OAAO,KAAK,CAAC,OAAO;AACtB;;;;"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var buildClassnames = require('../../utils/buildClassnames.cjs');
|
|
5
|
-
require('uid/secure');
|
|
6
|
-
var assignCssVars = require('../../utils/assignCssVars.cjs');
|
|
7
|
-
var sizes = require('../../theme/modules/sizes.cjs');
|
|
8
|
-
var Grid_module = require('./Grid.module.scss.cjs');
|
|
9
|
-
|
|
10
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
|
-
|
|
14
|
-
const Grid = React__default.default.forwardRef(({ columns, spacing = 'base', className, children, style, ...rest }, ref) => (React__default.default.createElement("div", { ref: ref, className: buildClassnames.buildClassnames([Grid_module.grid, className]), style: {
|
|
15
|
-
...assignCssVars.assignCssVars({
|
|
16
|
-
gridColumns: columns,
|
|
17
|
-
gridSpacing: spacing ? sizes.sizes[spacing] : '0',
|
|
18
|
-
}),
|
|
19
|
-
...style,
|
|
20
|
-
}, ...rest }, children)));
|
|
21
|
-
Grid.displayName = 'Grid';
|
|
22
|
-
|
|
23
|
-
exports.Grid = Grid;
|
|
24
|
-
//# sourceMappingURL=Grid.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.cjs","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../utils';\nimport { sizes } from '../../theme/modules/sizes';\nimport { GridProps } from './types';\nimport styles from './Grid.module.scss';\n\nexport const Grid = React.forwardRef<HTMLDivElement, GridProps & React.HTMLAttributes<HTMLDivElement>>(\n ({ columns, spacing = 'base', className, children, style, ...rest }, ref) => (\n <div\n ref={ref}\n className={buildClassnames([styles.grid, className])}\n style={{\n ...assignCssVars({\n gridColumns: columns,\n gridSpacing: spacing ? sizes[spacing] : '0',\n }),\n ...style,\n }}\n {...rest}\n >\n {children}\n </div>\n ),\n);\n\nGrid.displayName = 'Grid';\n"],"names":["React","buildClassnames","styles","assignCssVars","sizes"],"mappings":";;;;;;;;;;;;;MAMa,IAAI,GAAGA,sBAAK,CAAC,UAAU,CAClC,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACtEA,8CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,WAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EACpD,KAAK,EAAE;AACL,QAAA,GAAGC,2BAAa,CAAC;AACf,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,WAAW,EAAE,OAAO,GAAGC,WAAK,CAAC,OAAO,CAAC,GAAG,GAAG;SAC5C,CAAC;AACF,QAAA,GAAG,KAAK;AACT,KAAA,EAAA,GACG,IAAI,EAAA,EAEP,QAAQ,CACL,CACP;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { buildClassnames } from '../../utils/buildClassnames.js';
|
|
3
|
-
import 'uid/secure';
|
|
4
|
-
import { assignCssVars } from '../../utils/assignCssVars.js';
|
|
5
|
-
import { sizes } from '../../theme/modules/sizes.js';
|
|
6
|
-
import styles from './Grid.module.scss.js';
|
|
7
|
-
|
|
8
|
-
const Grid = React__default.forwardRef(({ columns, spacing = 'base', className, children, style, ...rest }, ref) => (React__default.createElement("div", { ref: ref, className: buildClassnames([styles.grid, className]), style: {
|
|
9
|
-
...assignCssVars({
|
|
10
|
-
gridColumns: columns,
|
|
11
|
-
gridSpacing: spacing ? sizes[spacing] : '0',
|
|
12
|
-
}),
|
|
13
|
-
...style,
|
|
14
|
-
}, ...rest }, children)));
|
|
15
|
-
Grid.displayName = 'Grid';
|
|
16
|
-
|
|
17
|
-
export { Grid };
|
|
18
|
-
//# sourceMappingURL=Grid.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../utils';\nimport { sizes } from '../../theme/modules/sizes';\nimport { GridProps } from './types';\nimport styles from './Grid.module.scss';\n\nexport const Grid = React.forwardRef<HTMLDivElement, GridProps & React.HTMLAttributes<HTMLDivElement>>(\n ({ columns, spacing = 'base', className, children, style, ...rest }, ref) => (\n <div\n ref={ref}\n className={buildClassnames([styles.grid, className])}\n style={{\n ...assignCssVars({\n gridColumns: columns,\n gridSpacing: spacing ? sizes[spacing] : '0',\n }),\n ...style,\n }}\n {...rest}\n >\n {children}\n </div>\n ),\n);\n\nGrid.displayName = 'Grid';\n"],"names":["React"],"mappings":";;;;;;;MAMa,IAAI,GAAGA,cAAK,CAAC,UAAU,CAClC,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACtEA,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EACpD,KAAK,EAAE;AACL,QAAA,GAAG,aAAa,CAAC;AACf,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,WAAW,EAAE,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG;SAC5C,CAAC;AACF,QAAA,GAAG,KAAK;AACT,KAAA,EAAA,GACG,IAAI,EAAA,EAEP,QAAQ,CACL,CACP;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._grid_qdgts_1 {\n box-sizing: border-box;\n position: relative;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(var(--grid-columns), 1fr);\n gap: var(--grid-spacing);\n}");
|
|
6
|
-
var styles = {"grid":"_grid_qdgts_1"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=Grid.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.module.scss.cjs","sources":["../../../src/components/Grid/Grid.module.scss"],"sourcesContent":[".grid {\n box-sizing: border-box;\n position: relative;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(var(--grid-columns), 1fr);\n gap: var(--grid-spacing);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,+MAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._grid_qdgts_1 {\n box-sizing: border-box;\n position: relative;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(var(--grid-columns), 1fr);\n gap: var(--grid-spacing);\n}");
|
|
4
|
-
var styles = {"grid":"_grid_qdgts_1"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=Grid.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.module.scss.js","sources":["../../../src/components/Grid/Grid.module.scss"],"sourcesContent":[".grid {\n box-sizing: border-box;\n position: relative;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(var(--grid-columns), 1fr);\n gap: var(--grid-spacing);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,+MAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("/* LegacyDataTable sub-component styles */\n/* Wrapper */\n._wrapper_mmakt_3 {\n width: 100%;\n overflow-y: hidden;\n position: relative;\n border-top: 1px solid var(--colors-neutral-grey-dark);\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n._wrapperScrollDisabled_mmakt_11 {\n overflow-x: hidden;\n}\n\n._wrapperScrollEnabled_mmakt_15 {\n overflow-x: auto;\n}\n\n._wrapperBordered_mmakt_19 {\n border: 1px solid var(--colors-neutral-grey-dark);\n border-radius: var(--radius-base);\n}\n\n._wrapperShowScrollbar_mmakt_24 {\n scrollbar-width: auto;\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar {\n margin-top: 10px;\n width: 6px;\n height: 6px;\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar-track {\n background: var(--colors-system-scrollbar-background);\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar-thumb {\n background: var(--colors-system-scrollbar-thumb);\n border-radius: var(--radius-base);\n}\n\n/* TooltipContent */\n._tooltipContent_mmakt_41 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n/* Head */\n._head_mmakt_48 {\n background-color: white;\n}\n\n/* Body */\n._body_mmakt_53 tr:not(:first-child) > td {\n border-top: 1px solid transparent;\n}\n\n._body_mmakt_53._body_mmakt_53._body_mmakt_53 tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #ebf4fb;\n}\n\n._bodyBorderTop_mmakt_62 + ._bodyBorderTop_mmakt_62 > tr:first-child > td {\n border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n/* Foot */\n._foot_mmakt_67 td {\n background-color: var(--colors-neutral-grey-lightest);\n padding: 1.5rem 1rem;\n border-top: 1px solid var(--colors-secondary-blue-base);\n}\n\n/* Row */\n._row_mmakt_74 {\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._row_mmakt_74.hidden {\n visibility: collapse;\n}\n\n._rowAccentColor_mmakt_81 > td:first-child::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--row-accent-color);\n}\n\n/* Cell */\n._cell_mmakt_92 {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--cell-align, left);\n background-color: white;\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-weight: var(--text-body-small-font-weight);\n color: var(--text-body-small-color);\n line-height: var(--sizes-base);\n width: var(--cell-width, auto);\n}\n._cell_mmakt_92 > * {\n vertical-align: middle;\n}\n\n._cellGrow_mmakt_108 {\n width: 100%;\n}\n\n/* HeaderCell */\n._headerCell_mmakt_113 {\n position: relative;\n padding: 1.25rem 1rem;\n background-color: white;\n line-height: var(--sizes-base);\n user-select: none;\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n font-family: var(--text-body-small-bold-font-family);\n font-size: var(--text-body-small-bold-font-size);\n font-weight: var(--text-body-small-bold-font-weight);\n color: var(--text-body-small-bold-color);\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._headerCell_mmakt_113 > * {\n vertical-align: middle;\n}\n._headerCell_mmakt_113 span {\n white-space: pre-line;\n}\n._headerCell_mmakt_113.sortable:hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-light);\n}\n\n/* HeaderCellLayout */\n._headerCellLayout_mmakt_138 {\n display: flex;\n align-items: center;\n justify-content: var(--layout-align, flex-start);\n}\n._headerCellLayout_mmakt_138 > * + * {\n margin-left: 0.25rem;\n}\n\n/* Table */\n._table_mmakt_148 {\n width: 100%;\n border-spacing: 0;\n}\n._table_mmakt_148 * {\n box-sizing: border-box;\n}\n\n._tableFixedLayout_mmakt_156 {\n table-layout: fixed;\n}\n\n._tableLoading_mmakt_160 * {\n user-select: none;\n pointer-events: none;\n}\n\n._tableStriped_mmakt_165 ._body_mmakt_53:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._tableNoWrap_mmakt_169 ._headerCell_mmakt_113, ._tableNoWrap_mmakt_169 ._headerCell_mmakt_113 span {\n white-space: nowrap;\n}\n\n/* Footer */\n._footer_mmakt_174 ._cell_mmakt_92 {\n border-top: 1px solid var(--colors-neutral-grey-dark);\n background-color: var(--colors-neutral-grey-lightest);\n padding-top: var(--sizes-base);\n padding-bottom: var(--sizes-base);\n line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n._stickyHeaderWrapper_mmakt_183 {\n position: fixed;\n top: 0;\n z-index: 2;\n overflow-x: hidden;\n}");
|
|
6
|
-
var styles = {"wrapper":"_wrapper_mmakt_3","wrapperScrollDisabled":"_wrapperScrollDisabled_mmakt_11","wrapperScrollEnabled":"_wrapperScrollEnabled_mmakt_15","wrapperBordered":"_wrapperBordered_mmakt_19","wrapperShowScrollbar":"_wrapperShowScrollbar_mmakt_24","tooltipContent":"_tooltipContent_mmakt_41","head":"_head_mmakt_48","body":"_body_mmakt_53","bodyBorderTop":"_bodyBorderTop_mmakt_62","row":"_row_mmakt_74","rowAccentColor":"_rowAccentColor_mmakt_81","cell":"_cell_mmakt_92","cellGrow":"_cellGrow_mmakt_108","headerCell":"_headerCell_mmakt_113","headerCellLayout":"_headerCellLayout_mmakt_138","table":"_table_mmakt_148","tableFixedLayout":"_tableFixedLayout_mmakt_156","tableLoading":"_tableLoading_mmakt_160","tableStriped":"_tableStriped_mmakt_165","tableNoWrap":"_tableNoWrap_mmakt_169","footer":"_footer_mmakt_174","stickyHeaderWrapper":"_stickyHeaderWrapper_mmakt_183"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=LegacyDataTable.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LegacyDataTable.module.scss.cjs","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.module.scss"],"sourcesContent":["/* LegacyDataTable sub-component styles */\n\n/* Wrapper */\n.wrapper {\n width: 100%;\n overflow-y: hidden;\n position: relative;\n border-top: 1px solid var(--colors-neutral-grey-dark);\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n.wrapperScrollDisabled {\n overflow-x: hidden;\n}\n\n.wrapperScrollEnabled {\n overflow-x: auto;\n}\n\n.wrapperBordered {\n border: 1px solid var(--colors-neutral-grey-dark);\n border-radius: var(--radius-base);\n}\n\n.wrapperShowScrollbar {\n scrollbar-width: auto;\n\n &::-webkit-scrollbar {\n margin-top: 10px;\n width: 6px;\n height: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: var(--colors-system-scrollbar-background);\n }\n\n &::-webkit-scrollbar-thumb {\n background: var(--colors-system-scrollbar-thumb);\n border-radius: var(--radius-base);\n }\n}\n\n/* TooltipContent */\n.tooltipContent {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n/* Head */\n.head {\n background-color: white;\n}\n\n/* Body */\n.body {\n & tr:not(:first-child) > td {\n border-top: 1px solid transparent;\n }\n}\n\n.body.body.body tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #ebf4fb;\n}\n\n.bodyBorderTop {\n & + & > tr:first-child > td {\n border-top: 1px solid var(--colors-neutral-grey-base);\n }\n}\n\n/* Foot */\n.foot {\n & td {\n background-color: var(--colors-neutral-grey-lightest);\n padding: 1.5rem 1rem;\n border-top: 1px solid var(--colors-secondary-blue-base);\n }\n}\n\n/* Row */\n.row {\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n &:global(.hidden) {\n visibility: collapse;\n }\n}\n\n.rowAccentColor > td:first-child::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--row-accent-color);\n}\n\n/* Cell */\n.cell {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--cell-align, left);\n background-color: white;\n\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-weight: var(--text-body-small-font-weight);\n color: var(--text-body-small-color);\n line-height: var(--sizes-base);\n\n width: var(--cell-width, auto);\n\n & > * {\n vertical-align: middle;\n }\n}\n\n.cellGrow {\n width: 100%;\n}\n\n/* HeaderCell */\n.headerCell {\n position: relative;\n padding: 1.25rem 1rem;\n background-color: white;\n line-height: var(--sizes-base);\n\n & > * {\n vertical-align: middle;\n }\n\n user-select: none;\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n font-family: var(--text-body-small-bold-font-family);\n font-size: var(--text-body-small-bold-font-size);\n font-weight: var(--text-body-small-bold-font-weight);\n color: var(--text-body-small-bold-color);\n\n & span {\n white-space: pre-line;\n }\n\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n &:global(.sortable):hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-light);\n }\n}\n\n/* HeaderCellLayout */\n.headerCellLayout {\n display: flex;\n align-items: center;\n justify-content: var(--layout-align, flex-start);\n\n & > * + * {\n margin-left: 0.25rem;\n }\n}\n\n/* Table */\n.table {\n width: 100%;\n border-spacing: 0;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.tableFixedLayout {\n table-layout: fixed;\n}\n\n.tableLoading {\n & * {\n user-select: none;\n pointer-events: none;\n }\n}\n\n.tableStriped .body:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n.tableNoWrap {\n & .headerCell,\n & .headerCell span {\n white-space: nowrap;\n }\n}\n\n/* Footer */\n.footer .cell {\n border-top: 1px solid var(--colors-neutral-grey-dark);\n background-color: var(--colors-neutral-grey-lightest);\n padding-top: var(--sizes-base);\n padding-bottom: var(--sizes-base);\n line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n.stickyHeaderWrapper {\n position: fixed;\n top: 0;\n z-index: 2;\n overflow-x: hidden;\n}\n"],"names":[],"mappings":";;;;AAEA,eAAA,CAAA,g6IAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,uBAAA,CAAA,iCAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,gCAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("/* LegacyDataTable sub-component styles */\n/* Wrapper */\n._wrapper_mmakt_3 {\n width: 100%;\n overflow-y: hidden;\n position: relative;\n border-top: 1px solid var(--colors-neutral-grey-dark);\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n._wrapperScrollDisabled_mmakt_11 {\n overflow-x: hidden;\n}\n\n._wrapperScrollEnabled_mmakt_15 {\n overflow-x: auto;\n}\n\n._wrapperBordered_mmakt_19 {\n border: 1px solid var(--colors-neutral-grey-dark);\n border-radius: var(--radius-base);\n}\n\n._wrapperShowScrollbar_mmakt_24 {\n scrollbar-width: auto;\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar {\n margin-top: 10px;\n width: 6px;\n height: 6px;\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar-track {\n background: var(--colors-system-scrollbar-background);\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar-thumb {\n background: var(--colors-system-scrollbar-thumb);\n border-radius: var(--radius-base);\n}\n\n/* TooltipContent */\n._tooltipContent_mmakt_41 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n/* Head */\n._head_mmakt_48 {\n background-color: white;\n}\n\n/* Body */\n._body_mmakt_53 tr:not(:first-child) > td {\n border-top: 1px solid transparent;\n}\n\n._body_mmakt_53._body_mmakt_53._body_mmakt_53 tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #ebf4fb;\n}\n\n._bodyBorderTop_mmakt_62 + ._bodyBorderTop_mmakt_62 > tr:first-child > td {\n border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n/* Foot */\n._foot_mmakt_67 td {\n background-color: var(--colors-neutral-grey-lightest);\n padding: 1.5rem 1rem;\n border-top: 1px solid var(--colors-secondary-blue-base);\n}\n\n/* Row */\n._row_mmakt_74 {\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._row_mmakt_74.hidden {\n visibility: collapse;\n}\n\n._rowAccentColor_mmakt_81 > td:first-child::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--row-accent-color);\n}\n\n/* Cell */\n._cell_mmakt_92 {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--cell-align, left);\n background-color: white;\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-weight: var(--text-body-small-font-weight);\n color: var(--text-body-small-color);\n line-height: var(--sizes-base);\n width: var(--cell-width, auto);\n}\n._cell_mmakt_92 > * {\n vertical-align: middle;\n}\n\n._cellGrow_mmakt_108 {\n width: 100%;\n}\n\n/* HeaderCell */\n._headerCell_mmakt_113 {\n position: relative;\n padding: 1.25rem 1rem;\n background-color: white;\n line-height: var(--sizes-base);\n user-select: none;\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n font-family: var(--text-body-small-bold-font-family);\n font-size: var(--text-body-small-bold-font-size);\n font-weight: var(--text-body-small-bold-font-weight);\n color: var(--text-body-small-bold-color);\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._headerCell_mmakt_113 > * {\n vertical-align: middle;\n}\n._headerCell_mmakt_113 span {\n white-space: pre-line;\n}\n._headerCell_mmakt_113.sortable:hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-light);\n}\n\n/* HeaderCellLayout */\n._headerCellLayout_mmakt_138 {\n display: flex;\n align-items: center;\n justify-content: var(--layout-align, flex-start);\n}\n._headerCellLayout_mmakt_138 > * + * {\n margin-left: 0.25rem;\n}\n\n/* Table */\n._table_mmakt_148 {\n width: 100%;\n border-spacing: 0;\n}\n._table_mmakt_148 * {\n box-sizing: border-box;\n}\n\n._tableFixedLayout_mmakt_156 {\n table-layout: fixed;\n}\n\n._tableLoading_mmakt_160 * {\n user-select: none;\n pointer-events: none;\n}\n\n._tableStriped_mmakt_165 ._body_mmakt_53:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._tableNoWrap_mmakt_169 ._headerCell_mmakt_113, ._tableNoWrap_mmakt_169 ._headerCell_mmakt_113 span {\n white-space: nowrap;\n}\n\n/* Footer */\n._footer_mmakt_174 ._cell_mmakt_92 {\n border-top: 1px solid var(--colors-neutral-grey-dark);\n background-color: var(--colors-neutral-grey-lightest);\n padding-top: var(--sizes-base);\n padding-bottom: var(--sizes-base);\n line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n._stickyHeaderWrapper_mmakt_183 {\n position: fixed;\n top: 0;\n z-index: 2;\n overflow-x: hidden;\n}");
|
|
4
|
-
var styles = {"wrapper":"_wrapper_mmakt_3","wrapperScrollDisabled":"_wrapperScrollDisabled_mmakt_11","wrapperScrollEnabled":"_wrapperScrollEnabled_mmakt_15","wrapperBordered":"_wrapperBordered_mmakt_19","wrapperShowScrollbar":"_wrapperShowScrollbar_mmakt_24","tooltipContent":"_tooltipContent_mmakt_41","head":"_head_mmakt_48","body":"_body_mmakt_53","bodyBorderTop":"_bodyBorderTop_mmakt_62","row":"_row_mmakt_74","rowAccentColor":"_rowAccentColor_mmakt_81","cell":"_cell_mmakt_92","cellGrow":"_cellGrow_mmakt_108","headerCell":"_headerCell_mmakt_113","headerCellLayout":"_headerCellLayout_mmakt_138","table":"_table_mmakt_148","tableFixedLayout":"_tableFixedLayout_mmakt_156","tableLoading":"_tableLoading_mmakt_160","tableStriped":"_tableStriped_mmakt_165","tableNoWrap":"_tableNoWrap_mmakt_169","footer":"_footer_mmakt_174","stickyHeaderWrapper":"_stickyHeaderWrapper_mmakt_183"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=LegacyDataTable.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LegacyDataTable.module.scss.js","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.module.scss"],"sourcesContent":["/* LegacyDataTable sub-component styles */\n\n/* Wrapper */\n.wrapper {\n width: 100%;\n overflow-y: hidden;\n position: relative;\n border-top: 1px solid var(--colors-neutral-grey-dark);\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n.wrapperScrollDisabled {\n overflow-x: hidden;\n}\n\n.wrapperScrollEnabled {\n overflow-x: auto;\n}\n\n.wrapperBordered {\n border: 1px solid var(--colors-neutral-grey-dark);\n border-radius: var(--radius-base);\n}\n\n.wrapperShowScrollbar {\n scrollbar-width: auto;\n\n &::-webkit-scrollbar {\n margin-top: 10px;\n width: 6px;\n height: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: var(--colors-system-scrollbar-background);\n }\n\n &::-webkit-scrollbar-thumb {\n background: var(--colors-system-scrollbar-thumb);\n border-radius: var(--radius-base);\n }\n}\n\n/* TooltipContent */\n.tooltipContent {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n/* Head */\n.head {\n background-color: white;\n}\n\n/* Body */\n.body {\n & tr:not(:first-child) > td {\n border-top: 1px solid transparent;\n }\n}\n\n.body.body.body tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #ebf4fb;\n}\n\n.bodyBorderTop {\n & + & > tr:first-child > td {\n border-top: 1px solid var(--colors-neutral-grey-base);\n }\n}\n\n/* Foot */\n.foot {\n & td {\n background-color: var(--colors-neutral-grey-lightest);\n padding: 1.5rem 1rem;\n border-top: 1px solid var(--colors-secondary-blue-base);\n }\n}\n\n/* Row */\n.row {\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n &:global(.hidden) {\n visibility: collapse;\n }\n}\n\n.rowAccentColor > td:first-child::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--row-accent-color);\n}\n\n/* Cell */\n.cell {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--cell-align, left);\n background-color: white;\n\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-weight: var(--text-body-small-font-weight);\n color: var(--text-body-small-color);\n line-height: var(--sizes-base);\n\n width: var(--cell-width, auto);\n\n & > * {\n vertical-align: middle;\n }\n}\n\n.cellGrow {\n width: 100%;\n}\n\n/* HeaderCell */\n.headerCell {\n position: relative;\n padding: 1.25rem 1rem;\n background-color: white;\n line-height: var(--sizes-base);\n\n & > * {\n vertical-align: middle;\n }\n\n user-select: none;\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n font-family: var(--text-body-small-bold-font-family);\n font-size: var(--text-body-small-bold-font-size);\n font-weight: var(--text-body-small-bold-font-weight);\n color: var(--text-body-small-bold-color);\n\n & span {\n white-space: pre-line;\n }\n\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n &:global(.sortable):hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-light);\n }\n}\n\n/* HeaderCellLayout */\n.headerCellLayout {\n display: flex;\n align-items: center;\n justify-content: var(--layout-align, flex-start);\n\n & > * + * {\n margin-left: 0.25rem;\n }\n}\n\n/* Table */\n.table {\n width: 100%;\n border-spacing: 0;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.tableFixedLayout {\n table-layout: fixed;\n}\n\n.tableLoading {\n & * {\n user-select: none;\n pointer-events: none;\n }\n}\n\n.tableStriped .body:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n.tableNoWrap {\n & .headerCell,\n & .headerCell span {\n white-space: nowrap;\n }\n}\n\n/* Footer */\n.footer .cell {\n border-top: 1px solid var(--colors-neutral-grey-dark);\n background-color: var(--colors-neutral-grey-lightest);\n padding-top: var(--sizes-base);\n padding-bottom: var(--sizes-base);\n line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n.stickyHeaderWrapper {\n position: fixed;\n top: 0;\n z-index: 2;\n overflow-x: hidden;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAEAA,WAAA,CAAA,g6IAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,uBAAA,CAAA,iCAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,gCAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._wrapper_jjcrz_1 {\n height: 16px;\n width: 100%;\n}\n\n._shimmer_jjcrz_6 {\n display: inline-block;\n color: transparent;\n border-radius: var(--radius-base);\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: _placeHolderShimmer_jjcrz_1;\n animation-timing-function: linear;\n background: linear-gradient(to right, var(--colors-neutral-grey-base) 8%, var(--colors-neutral-grey-dark) 15%, var(--colors-neutral-grey-base) 33%);\n background-size: 800px 104px;\n border: 0;\n width: 100%;\n height: 100%;\n}\n\n._shimmerAnimated_jjcrz_21 {\n animation-duration: 1s;\n}\n\n._shimmerStatic_jjcrz_25 {\n animation-duration: 0s;\n}\n\n@keyframes _placeHolderShimmer_jjcrz_1 {\n 0% {\n background-position: -380px 0;\n }\n 100% {\n background-position: 380px 0;\n }\n}");
|
|
6
|
-
var styles = {"wrapper":"_wrapper_jjcrz_1","shimmer":"_shimmer_jjcrz_6","shimmerAnimated":"_shimmerAnimated_jjcrz_21","shimmerStatic":"_shimmerStatic_jjcrz_25"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=SkeletonContent.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonContent.module.scss.cjs","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss"],"sourcesContent":[".wrapper {\n height: 16px;\n width: 100%;\n}\n\n.shimmer {\n display: inline-block;\n color: transparent;\n border-radius: var(--radius-base);\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeHolderShimmer;\n animation-timing-function: linear;\n background: linear-gradient(\n to right,\n var(--colors-neutral-grey-base) 8%,\n var(--colors-neutral-grey-dark) 15%,\n var(--colors-neutral-grey-base) 33%\n );\n background-size: 800px 104px;\n border: 0;\n width: 100%;\n height: 100%;\n}\n\n.shimmerAnimated {\n animation-duration: 1s;\n}\n\n.shimmerStatic {\n animation-duration: 0s;\n}\n\n@keyframes placeHolderShimmer {\n 0% {\n background-position: -380px 0;\n }\n 100% {\n background-position: 380px 0;\n }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,8zBAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,eAAA,CAAA,yBAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._wrapper_jjcrz_1 {\n height: 16px;\n width: 100%;\n}\n\n._shimmer_jjcrz_6 {\n display: inline-block;\n color: transparent;\n border-radius: var(--radius-base);\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: _placeHolderShimmer_jjcrz_1;\n animation-timing-function: linear;\n background: linear-gradient(to right, var(--colors-neutral-grey-base) 8%, var(--colors-neutral-grey-dark) 15%, var(--colors-neutral-grey-base) 33%);\n background-size: 800px 104px;\n border: 0;\n width: 100%;\n height: 100%;\n}\n\n._shimmerAnimated_jjcrz_21 {\n animation-duration: 1s;\n}\n\n._shimmerStatic_jjcrz_25 {\n animation-duration: 0s;\n}\n\n@keyframes _placeHolderShimmer_jjcrz_1 {\n 0% {\n background-position: -380px 0;\n }\n 100% {\n background-position: 380px 0;\n }\n}");
|
|
4
|
-
var styles = {"wrapper":"_wrapper_jjcrz_1","shimmer":"_shimmer_jjcrz_6","shimmerAnimated":"_shimmerAnimated_jjcrz_21","shimmerStatic":"_shimmerStatic_jjcrz_25"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=SkeletonContent.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonContent.module.scss.js","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss"],"sourcesContent":[".wrapper {\n height: 16px;\n width: 100%;\n}\n\n.shimmer {\n display: inline-block;\n color: transparent;\n border-radius: var(--radius-base);\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeHolderShimmer;\n animation-timing-function: linear;\n background: linear-gradient(\n to right,\n var(--colors-neutral-grey-base) 8%,\n var(--colors-neutral-grey-dark) 15%,\n var(--colors-neutral-grey-base) 33%\n );\n background-size: 800px 104px;\n border: 0;\n width: 100%;\n height: 100%;\n}\n\n.shimmerAnimated {\n animation-duration: 1s;\n}\n\n.shimmerStatic {\n animation-duration: 0s;\n}\n\n@keyframes placeHolderShimmer {\n 0% {\n background-position: -380px 0;\n }\n 100% {\n background-position: 380px 0;\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,8zBAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,eAAA,CAAA,yBAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._container_692aj_1 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: var(--specific-state-height);\n background: white;\n}\n\n._ellipse_692aj_10 {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 120px;\n height: 120px;\n border-radius: 100px;\n background: var(--colors-neutral-grey-base);\n /* !important required to override inline width/height attributes on SVG elements passed by consumers */\n}\n._ellipse_692aj_10 svg {\n width: 64px !important;\n height: 64px !important;\n}\n\n._title_692aj_25 {\n margin-top: var(--sizes-md);\n}\n\n._subTitle_692aj_29 {\n margin-top: var(--sizes-sm);\n}");
|
|
6
|
-
var styles = {"container":"_container_692aj_1","ellipse":"_ellipse_692aj_10","title":"_title_692aj_25","subTitle":"_subTitle_692aj_29"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=SpecificState.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SpecificState.module.scss.cjs","sources":["../../../../src/components/LegacyDataTable/SpecificState/SpecificState.module.scss"],"sourcesContent":[".container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: var(--specific-state-height);\n background: white;\n}\n\n.ellipse {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 120px;\n height: 120px;\n border-radius: 100px;\n background: var(--colors-neutral-grey-base);\n\n /* !important required to override inline width/height attributes on SVG elements passed by consumers */\n svg {\n width: 64px !important;\n height: 64px !important;\n }\n}\n\n.title {\n margin-top: var(--sizes-md);\n}\n\n.subTitle {\n margin-top: var(--sizes-sm);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,4rBAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._container_692aj_1 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: var(--specific-state-height);\n background: white;\n}\n\n._ellipse_692aj_10 {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 120px;\n height: 120px;\n border-radius: 100px;\n background: var(--colors-neutral-grey-base);\n /* !important required to override inline width/height attributes on SVG elements passed by consumers */\n}\n._ellipse_692aj_10 svg {\n width: 64px !important;\n height: 64px !important;\n}\n\n._title_692aj_25 {\n margin-top: var(--sizes-md);\n}\n\n._subTitle_692aj_29 {\n margin-top: var(--sizes-sm);\n}");
|
|
4
|
-
var styles = {"container":"_container_692aj_1","ellipse":"_ellipse_692aj_10","title":"_title_692aj_25","subTitle":"_subTitle_692aj_29"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=SpecificState.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SpecificState.module.scss.js","sources":["../../../../src/components/LegacyDataTable/SpecificState/SpecificState.module.scss"],"sourcesContent":[".container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: var(--specific-state-height);\n background: white;\n}\n\n.ellipse {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 120px;\n height: 120px;\n border-radius: 100px;\n background: var(--colors-neutral-grey-base);\n\n /* !important required to override inline width/height attributes on SVG elements passed by consumers */\n svg {\n width: 64px !important;\n height: 64px !important;\n }\n}\n\n.title {\n margin-top: var(--sizes-md);\n}\n\n.subTitle {\n margin-top: var(--sizes-sm);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,4rBAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._cellButton_gl2ug_1 {\n appearance: none;\n border: 0;\n background-color: transparent;\n font: inherit;\n display: inline-block;\n box-sizing: border-box;\n width: calc(100% + 1.5rem);\n margin: -0.75rem;\n padding: 0.75rem;\n text-align: inherit;\n line-height: var(--sizes-base);\n border-radius: var(--radius-base);\n}\n._cellButton_gl2ug_1:hover {\n cursor: pointer;\n background-color: var(--colors-secondary-blue-lightest);\n}\n\n._clickableButton_gl2ug_20 {\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n}\n\n._editableContent_gl2ug_25 {\n text-align: inherit;\n /* No 1:1 theme token exists for this shade */\n border-bottom: 1px dotted black;\n}");
|
|
6
|
-
var styles = {"cellButton":"_cellButton_gl2ug_1","clickableButton":"_clickableButton_gl2ug_20","editableContent":"_editableContent_gl2ug_25"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=cells.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cells.module.scss.cjs","sources":["../../../../src/components/LegacyDataTable/cells/cells.module.scss"],"sourcesContent":[".cellButton {\n appearance: none;\n border: 0;\n background-color: transparent;\n font: inherit;\n\n display: inline-block;\n box-sizing: border-box;\n width: calc(100% + 1.5rem);\n margin: -0.75rem;\n padding: 0.75rem;\n text-align: inherit;\n line-height: var(--sizes-base);\n border-radius: var(--radius-base);\n\n &:hover {\n cursor: pointer;\n background-color: var(--colors-secondary-blue-lightest);\n }\n}\n\n.clickableButton {\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n}\n\n.editableContent {\n text-align: inherit;\n /* No 1:1 theme token exists for this shade */\n border-bottom: 1px dotted black;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,8sBAAA;AACA,aAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._cellButton_gl2ug_1 {\n appearance: none;\n border: 0;\n background-color: transparent;\n font: inherit;\n display: inline-block;\n box-sizing: border-box;\n width: calc(100% + 1.5rem);\n margin: -0.75rem;\n padding: 0.75rem;\n text-align: inherit;\n line-height: var(--sizes-base);\n border-radius: var(--radius-base);\n}\n._cellButton_gl2ug_1:hover {\n cursor: pointer;\n background-color: var(--colors-secondary-blue-lightest);\n}\n\n._clickableButton_gl2ug_20 {\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n}\n\n._editableContent_gl2ug_25 {\n text-align: inherit;\n /* No 1:1 theme token exists for this shade */\n border-bottom: 1px dotted black;\n}");
|
|
4
|
-
var styles = {"cellButton":"_cellButton_gl2ug_1","clickableButton":"_clickableButton_gl2ug_20","editableContent":"_editableContent_gl2ug_25"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=cells.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cells.module.scss.js","sources":["../../../../src/components/LegacyDataTable/cells/cells.module.scss"],"sourcesContent":[".cellButton {\n appearance: none;\n border: 0;\n background-color: transparent;\n font: inherit;\n\n display: inline-block;\n box-sizing: border-box;\n width: calc(100% + 1.5rem);\n margin: -0.75rem;\n padding: 0.75rem;\n text-align: inherit;\n line-height: var(--sizes-base);\n border-radius: var(--radius-base);\n\n &:hover {\n cursor: pointer;\n background-color: var(--colors-secondary-blue-lightest);\n }\n}\n\n.clickableButton {\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n}\n\n.editableContent {\n text-align: inherit;\n /* No 1:1 theme token exists for this shade */\n border-bottom: 1px dotted black;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,8sBAAA;AACA,aAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}
|