@veeqo/ui 14.10.3-beta-3 → 14.10.4-beta-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/ActionMenu/ActionMenu.cjs +7 -4
- package/dist/components/ActionMenu/ActionMenu.cjs.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.d.ts +3 -3
- package/dist/components/ActionMenu/ActionMenu.js +5 -2
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.module.scss.cjs +9 -0
- package/dist/components/ActionMenu/ActionMenu.module.scss.cjs.map +1 -0
- package/dist/components/ActionMenu/ActionMenu.module.scss.js +7 -0
- package/dist/components/ActionMenu/ActionMenu.module.scss.js.map +1 -0
- package/dist/components/Badge/Badge.cjs +8 -8
- package/dist/components/Badge/Badge.cjs.map +1 -1
- package/dist/components/Badge/Badge.js +8 -8
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.module.scss.cjs +9 -0
- package/dist/components/Badge/Badge.module.scss.cjs.map +1 -0
- package/dist/components/Badge/Badge.module.scss.js +7 -0
- package/dist/components/Badge/Badge.module.scss.js.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.cjs +2 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.cjs.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/Breadcrumbs/components/Breadcrumb.cjs +3 -3
- package/dist/components/Breadcrumbs/components/Breadcrumb.cjs.map +1 -1
- package/dist/components/Breadcrumbs/components/Breadcrumb.js +3 -3
- package/dist/components/Breadcrumbs/components/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs +9 -0
- package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs.map +1 -0
- package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js +7 -0
- package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js.map +1 -0
- package/dist/components/Calendars/components/Calendar/Calendar.cjs +3 -2
- package/dist/components/Calendars/components/Calendar/Calendar.cjs.map +1 -1
- package/dist/components/Calendars/components/Calendar/Calendar.js +3 -2
- package/dist/components/Calendars/components/Calendar/Calendar.js.map +1 -1
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs +9 -0
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs.map +1 -0
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js +7 -0
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js.map +1 -0
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.cjs +3 -2
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.cjs.map +1 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js +3 -2
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js.map +1 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs +9 -0
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs.map +1 -0
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js +7 -0
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs +3 -3
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js +3 -3
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss.cjs +9 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss.cjs.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss.js +7 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss.js.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs +3 -3
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js +3 -3
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js.map +1 -1
- package/dist/components/CardHeader/CardHeader.cjs +1 -1
- package/dist/components/CardHeader/CardHeader.cjs.map +1 -1
- package/dist/components/CardHeader/CardHeader.js +1 -1
- package/dist/components/CardHeader/CardHeader.js.map +1 -1
- package/dist/components/CardHeader/CardHeader.module.scss.cjs +2 -2
- package/dist/components/CardHeader/CardHeader.module.scss.cjs.map +1 -1
- package/dist/components/CardHeader/CardHeader.module.scss.js +2 -2
- package/dist/components/CardHeader/CardHeader.module.scss.js.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.cjs +3 -8
- package/dist/components/CopyToClipboard/CopyToClipboard.cjs.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.js +3 -7
- package/dist/components/CopyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.cjs +9 -0
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.cjs.map +1 -0
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.js +7 -0
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.js.map +1 -0
- 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 -47
- 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 -46
- 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 +4 -6
- package/dist/components/DateInputField/DateInputField.cjs.map +1 -1
- package/dist/components/DateInputField/DateInputField.js +5 -7
- package/dist/components/DateInputField/DateInputField.js.map +1 -1
- package/dist/components/DateInputField/DateInputField.module.scss.cjs +9 -0
- package/dist/components/DateInputField/DateInputField.module.scss.cjs.map +1 -0
- package/dist/components/DateInputField/DateInputField.module.scss.js +7 -0
- package/dist/components/DateInputField/DateInputField.module.scss.js.map +1 -0
- package/dist/components/DateInputField/types.d.ts +3 -3
- package/dist/components/DatePicker/DatePicker.cjs +4 -6
- package/dist/components/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +4 -6
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.module.scss.cjs +9 -0
- package/dist/components/DatePicker/DatePicker.module.scss.cjs.map +1 -0
- package/dist/components/DatePicker/DatePicker.module.scss.js +7 -0
- package/dist/components/DatePicker/DatePicker.module.scss.js.map +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.cjs +4 -4
- package/dist/components/DateRangePicker/DateRangePicker.cjs.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +4 -4
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/components/Divider.cjs +4 -4
- package/dist/components/DateRangePicker/components/Divider.cjs.map +1 -1
- package/dist/components/DateRangePicker/components/Divider.d.ts +2 -1
- package/dist/components/DateRangePicker/components/Divider.js +3 -3
- package/dist/components/DateRangePicker/components/Divider.js.map +1 -1
- package/dist/components/DateRangePicker/components/Divider.module.scss.cjs +9 -0
- package/dist/components/DateRangePicker/components/Divider.module.scss.cjs.map +1 -0
- package/dist/components/DateRangePicker/components/Divider.module.scss.js +7 -0
- package/dist/components/DateRangePicker/components/Divider.module.scss.js.map +1 -0
- package/dist/components/DescriptionList/DescriptionList.cjs +9 -17
- package/dist/components/DescriptionList/DescriptionList.cjs.map +1 -1
- package/dist/components/DescriptionList/DescriptionList.js +9 -16
- package/dist/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/components/DescriptionList/DescriptionList.module.scss.cjs +9 -0
- package/dist/components/DescriptionList/DescriptionList.module.scss.cjs.map +1 -0
- package/dist/components/DescriptionList/DescriptionList.module.scss.js +7 -0
- package/dist/components/DescriptionList/DescriptionList.module.scss.js.map +1 -0
- package/dist/components/DetailPage/DetailPage.cjs +7 -3
- package/dist/components/DetailPage/DetailPage.cjs.map +1 -1
- package/dist/components/DetailPage/DetailPage.js +7 -3
- package/dist/components/DetailPage/DetailPage.js.map +1 -1
- package/dist/components/DetailPage/DetailPage.module.scss.cjs +9 -0
- package/dist/components/DetailPage/DetailPage.module.scss.cjs.map +1 -0
- package/dist/components/DetailPage/DetailPage.module.scss.js +7 -0
- package/dist/components/DetailPage/DetailPage.module.scss.js.map +1 -0
- package/dist/components/FilterTag/FilterTag.cjs +16 -9
- package/dist/components/FilterTag/FilterTag.cjs.map +1 -1
- package/dist/components/FilterTag/FilterTag.js +16 -9
- package/dist/components/FilterTag/FilterTag.js.map +1 -1
- package/dist/components/FilterTag/FilterTag.module.scss.cjs +9 -0
- package/dist/components/FilterTag/FilterTag.module.scss.cjs.map +1 -0
- package/dist/components/FilterTag/FilterTag.module.scss.js +7 -0
- package/dist/components/FilterTag/FilterTag.module.scss.js.map +1 -0
- 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/Indicator/Indicator.cjs +12 -5
- package/dist/components/Indicator/Indicator.cjs.map +1 -1
- package/dist/components/Indicator/Indicator.d.ts +1 -1
- package/dist/components/Indicator/Indicator.js +12 -5
- package/dist/components/Indicator/Indicator.js.map +1 -1
- package/dist/components/Indicator/Indicator.module.scss.cjs +9 -0
- package/dist/components/Indicator/Indicator.module.scss.cjs.map +1 -0
- package/dist/components/Indicator/Indicator.module.scss.js +7 -0
- package/dist/components/Indicator/Indicator.module.scss.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 -145
- 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 -144
- package/dist/components/LegacyDataTable/styled.js.map +1 -1
- package/dist/components/LegacyDataTable/utils/index.cjs +8 -12
- package/dist/components/LegacyDataTable/utils/index.cjs.map +1 -1
- package/dist/components/LegacyDataTable/utils/index.d.ts +0 -5
- package/dist/components/LegacyDataTable/utils/index.js +8 -12
- package/dist/components/LegacyDataTable/utils/index.js.map +1 -1
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.cjs +2 -2
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.cjs.map +1 -1
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.js +2 -2
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.js.map +1 -1
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.cjs +9 -0
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.cjs.map +1 -0
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.js +7 -0
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.js.map +1 -0
- package/dist/components/Pagination/Pagination.cjs +8 -6
- package/dist/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/components/Pagination/Pagination.js +8 -6
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.module.scss.cjs +9 -0
- package/dist/components/Pagination/Pagination.module.scss.cjs.map +1 -0
- package/dist/components/Pagination/Pagination.module.scss.js +7 -0
- package/dist/components/Pagination/Pagination.module.scss.js.map +1 -0
- package/dist/components/Pagination/components.cjs +3 -2
- package/dist/components/Pagination/components.cjs.map +1 -1
- package/dist/components/Pagination/components.js +3 -2
- package/dist/components/Pagination/components.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.cjs +3 -2
- package/dist/components/SegmentedControl/SegmentedControl.cjs.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +3 -2
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.module.scss.cjs +9 -0
- package/dist/components/SegmentedControl/SegmentedControl.module.scss.cjs.map +1 -0
- package/dist/components/SegmentedControl/SegmentedControl.module.scss.js +7 -0
- package/dist/components/SegmentedControl/SegmentedControl.module.scss.js.map +1 -0
- package/dist/components/SelectDropdown/SelectDropdown.cjs.map +1 -1
- package/dist/components/SelectDropdown/SelectDropdown.js.map +1 -1
- package/dist/components/ShortcutKeys/ShortcutKeys.cjs +6 -5
- package/dist/components/ShortcutKeys/ShortcutKeys.cjs.map +1 -1
- package/dist/components/ShortcutKeys/ShortcutKeys.js +6 -5
- package/dist/components/ShortcutKeys/ShortcutKeys.js.map +1 -1
- package/dist/components/ShortcutKeys/ShortcutKeys.module.scss.cjs +9 -0
- package/dist/components/ShortcutKeys/ShortcutKeys.module.scss.cjs.map +1 -0
- package/dist/components/ShortcutKeys/ShortcutKeys.module.scss.js +7 -0
- package/dist/components/ShortcutKeys/ShortcutKeys.module.scss.js.map +1 -0
- package/dist/index.cjs +10 -10
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/dist/components/ActionMenu/styled.cjs +0 -17
- package/dist/components/ActionMenu/styled.cjs.map +0 -1
- package/dist/components/ActionMenu/styled.d.ts +0 -3
- package/dist/components/ActionMenu/styled.js +0 -10
- package/dist/components/ActionMenu/styled.js.map +0 -1
- package/dist/components/Badge/styled.cjs +0 -44
- package/dist/components/Badge/styled.cjs.map +0 -1
- package/dist/components/Badge/styled.d.ts +0 -8
- package/dist/components/Badge/styled.js +0 -36
- package/dist/components/Badge/styled.js.map +0 -1
- package/dist/components/Breadcrumbs/components/styled.cjs +0 -15
- package/dist/components/Breadcrumbs/components/styled.cjs.map +0 -1
- package/dist/components/Breadcrumbs/components/styled.d.ts +0 -2
- package/dist/components/Breadcrumbs/components/styled.js +0 -8
- package/dist/components/Breadcrumbs/components/styled.js.map +0 -1
- package/dist/components/Calendars/components/Calendar/styled.cjs +0 -14
- package/dist/components/Calendars/components/Calendar/styled.cjs.map +0 -1
- package/dist/components/Calendars/components/Calendar/styled.d.ts +0 -2
- package/dist/components/Calendars/components/Calendar/styled.js +0 -8
- package/dist/components/Calendars/components/Calendar/styled.js.map +0 -1
- package/dist/components/Calendars/components/RangeCalendar/styled.cjs +0 -14
- package/dist/components/Calendars/components/RangeCalendar/styled.cjs.map +0 -1
- package/dist/components/Calendars/components/RangeCalendar/styled.d.ts +0 -2
- package/dist/components/Calendars/components/RangeCalendar/styled.js +0 -8
- package/dist/components/Calendars/components/RangeCalendar/styled.js.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs +0 -14
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.d.ts +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js +0 -8
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.cjs +0 -12
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.cjs.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.d.ts +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.js +0 -10
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.js.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.cjs +0 -9
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.cjs.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.d.ts +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.js +0 -7
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.js.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.cjs +0 -9
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.cjs.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.d.ts +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.js +0 -7
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.js.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.cjs +0 -10
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.cjs.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.d.ts +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.js +0 -8
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.js.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/index.d.ts +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/DateInputField/styled.cjs +0 -15
- package/dist/components/DateInputField/styled.cjs.map +0 -1
- package/dist/components/DateInputField/styled.d.ts +0 -3
- package/dist/components/DateInputField/styled.js +0 -9
- package/dist/components/DateInputField/styled.js.map +0 -1
- package/dist/components/DatePicker/styled.cjs +0 -14
- package/dist/components/DatePicker/styled.cjs.map +0 -1
- package/dist/components/DatePicker/styled.d.ts +0 -1
- package/dist/components/DatePicker/styled.js +0 -8
- package/dist/components/DatePicker/styled.js.map +0 -1
- package/dist/components/DetailPage/styled.cjs +0 -16
- package/dist/components/DetailPage/styled.cjs.map +0 -1
- package/dist/components/DetailPage/styled.d.ts +0 -2
- package/dist/components/DetailPage/styled.js +0 -9
- package/dist/components/DetailPage/styled.js.map +0 -1
- package/dist/components/FilterTag/styled.cjs +0 -37
- package/dist/components/FilterTag/styled.cjs.map +0 -1
- package/dist/components/FilterTag/styled.d.ts +0 -20
- package/dist/components/FilterTag/styled.js +0 -25
- package/dist/components/FilterTag/styled.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/Indicator/styled.cjs +0 -28
- package/dist/components/Indicator/styled.cjs.map +0 -1
- package/dist/components/Indicator/styled.d.ts +0 -3
- package/dist/components/Indicator/styled.js +0 -22
- package/dist/components/Indicator/styled.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
- package/dist/components/LoginWithAmazonButton/styled.cjs +0 -12
- package/dist/components/LoginWithAmazonButton/styled.cjs.map +0 -1
- package/dist/components/LoginWithAmazonButton/styled.d.ts +0 -1
- package/dist/components/LoginWithAmazonButton/styled.js +0 -6
- package/dist/components/LoginWithAmazonButton/styled.js.map +0 -1
- package/dist/components/Pagination/styled.cjs +0 -20
- package/dist/components/Pagination/styled.cjs.map +0 -1
- package/dist/components/Pagination/styled.d.ts +0 -322
- package/dist/components/Pagination/styled.js +0 -12
- package/dist/components/Pagination/styled.js.map +0 -1
- package/dist/components/SegmentedControl/styled.cjs +0 -17
- package/dist/components/SegmentedControl/styled.cjs.map +0 -1
- package/dist/components/SegmentedControl/styled.d.ts +0 -2
- package/dist/components/SegmentedControl/styled.js +0 -11
- package/dist/components/SegmentedControl/styled.js.map +0 -1
- package/dist/components/ShortcutKeys/styled.cjs +0 -15
- package/dist/components/ShortcutKeys/styled.cjs.map +0 -1
- package/dist/components/ShortcutKeys/styled.d.ts +0 -3
- package/dist/components/ShortcutKeys/styled.js +0 -8
- package/dist/components/ShortcutKeys/styled.js.map +0 -1
- package/dist/utils/forms/inputStyles.cjs +0 -34
- package/dist/utils/forms/inputStyles.cjs.map +0 -1
- package/dist/utils/forms/inputStyles.js +0 -30
- package/dist/utils/forms/inputStyles.js.map +0 -1
- package/dist/utils/forms/variables.cjs +0 -16
- package/dist/utils/forms/variables.cjs.map +0 -1
- package/dist/utils/forms/variables.js +0 -14
- package/dist/utils/forms/variables.js.map +0 -1
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("/* DataTable sub-component styles */\n/* ScrollContainer */\n._scrollContainer_jzi05_3 {\n position: relative;\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n/* NoWrap */\n._noWrap_jzi05_11 {\n white-space: nowrap;\n}\n\n/* Truncate */\n._truncate_jzi05_16 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* LoadingCellContent */\n._loadingCellContent_jzi05_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_jzi05_1;\n animation-timing-function: linear;\n}\n\n@keyframes _placeholderShimmer_jzi05_1 {\n 0% {\n background-position: -468px 0;\n }\n 100% {\n background-position: 468px 0;\n }\n}\n/* EmptyBodyContent */\n._emptyBodyContent_jzi05_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_jzi05_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_jzi05_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_jzi05_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_jzi05_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_jzi05_104 {\n display: contents;\n}\n\n._rowSelected_jzi05_108 > td {\n background-color: var(--colors-brand-blue-lightest);\n}\n\n._rowAccentColor_jzi05_112 > *:first-child {\n position: relative;\n}\n\n._rowAccentColor_jzi05_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_jzi05_127 {\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: var(--colors-neutral-grey-dark);\n}\n._wrapper_jzi05_127, ._wrapper_jzi05_127 * {\n box-sizing: border-box;\n}\n._wrapper_jzi05_127 .hideHeaderDetails th > * {\n opacity: 0.1;\n}\n._wrapper_jzi05_127 .hideHeaderDetails th .th-divider {\n opacity: 1;\n}\n\n._borderFull_jzi05_143 {\n border-width: 1px;\n border-radius: var(--radius-base);\n}\n\n._borderVertical_jzi05_148 {\n border-width: 0;\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n._borderNone_jzi05_154 {\n border-width: 0;\n}\n\n/* TableGrid */\n._tableGrid_jzi05_159 {\n min-width: 100%;\n width: max-content;\n display: grid;\n --density: var(--sizes-base);\n}\n._tableGrid_jzi05_159 thead, ._tableGrid_jzi05_159 tbody, ._tableGrid_jzi05_159 tfoot {\n display: contents;\n}\n\n._tableGrid_jzi05_159._tableGrid_jzi05_159 tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #f2f8fc;\n}\n\n/* ColumnHeader */\n._sortIndicator_jzi05_175 {\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_jzi05_185 {\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_jzi05_199 {\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_jzi05_199:not(:disabled):hover {\n cursor: pointer;\n}\n._clickableHeaderContent_jzi05_199:hover ._sortIndicator_jzi05_175 {\n background-color: var(--colors-neutral-grey-light);\n color: var(--colors-neutral-ink-base);\n}\n._clickableHeaderContent_jzi05_199:focus-visible {\n outline: 0;\n box-shadow: 0px 0px 0px 2px var(--colors-secondary-blue-light);\n}\n\n/* ColumnDivider ResizerBar */\n._resizerBar_jzi05_230 {\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_jzi05_230::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_jzi05_252 {\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_jzi05_265 {\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_jzi05_265 > * {\n flex: 1;\n}");
|
|
4
|
-
var styles = {"scrollContainer":"_scrollContainer_jzi05_3","noWrap":"_noWrap_jzi05_11","truncate":"_truncate_jzi05_16","loadingCellContent":"_loadingCellContent_jzi05_23","emptyBodyContent":"_emptyBodyContent_jzi05_47","emptyBodyGlyphWrapper":"_emptyBodyGlyphWrapper_jzi05_58","cell":"_cell_jzi05_65","header":"_header_jzi05_89","row":"_row_jzi05_104","rowSelected":"_rowSelected_jzi05_108","rowAccentColor":"_rowAccentColor_jzi05_112","wrapper":"_wrapper_jzi05_127","borderFull":"_borderFull_jzi05_143","borderVertical":"_borderVertical_jzi05_148","borderNone":"_borderNone_jzi05_154","tableGrid":"_tableGrid_jzi05_159","sortIndicator":"_sortIndicator_jzi05_175","headerContent":"_headerContent_jzi05_185","clickableHeaderContent":"_clickableHeaderContent_jzi05_199","resizerBar":"_resizerBar_jzi05_230","actionBarContainer":"_actionBarContainer_jzi05_252","actionBarContent":"_actionBarContent_jzi05_265"};
|
|
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 :global(.hideHeaderDetails) th {\n > * {\n opacity: 0.1;\n }\n\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,mxNAAA;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,15 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styled = require('styled-components');
|
|
4
|
-
var reactAriaComponents = require('react-aria-components');
|
|
5
|
-
var index = require('../../theme/index.cjs');
|
|
6
|
-
var inputStyles = require('../../utils/forms/inputStyles.cjs');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
-
|
|
10
|
-
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
11
|
-
|
|
12
|
-
const DateRangeGroup = styled__default.default(reactAriaComponents.Group).withConfig({ displayName: "vui--DateRangeGroup", componentId: "vui--cprola" }) `${inputStyles.inputBaseStyles} ${inputStyles.inputDisabledStyles} gap:${index.theme.sizes.sm};justify-content:space-between;z-index:1;&[data-focus-within]{box-shadow:0 0 0 4px ${index.theme.colors.secondary.blue.light};border-color:${index.theme.colors.secondary.blue.base};}&:has(*[data-invalid]){box-shadow:0 0 0 4px ${index.theme.colors.secondary.red.light};border:1px solid ${index.theme.colors.secondary.red.base};}*[data-placeholder],*[data-placeholder] + div,*:has(*[data-placeholder])~ .date-range-input-splitter{color:${index.theme.colors.neutral.ink.light};}.react-aria-DateInput{display:flex;align-items:center;cursor:text;caret-color:transparent;.react-aria-DateSegment{padding:0 1px;border-radius:${index.theme.radius.base};&[data-focused]{color:white;background-color:${index.theme.colors.secondary.blue.dark};&[data-invalid]{background-color:${index.theme.colors.secondary.red.lightest};}}&[data-invalid]{font-weight:bold;color:${index.theme.colors.secondary.red.dark};}&:focus-visible{outline:none;}}}`;
|
|
13
|
-
|
|
14
|
-
exports.DateRangeGroup = DateRangeGroup;
|
|
15
|
-
//# sourceMappingURL=styled.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.cjs","sources":["../../../src/components/DateInputField/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Group } from 'react-aria-components';\nimport { theme } from '../../theme';\nimport { inputBaseStyles, inputDisabledStyles } from '../../utils/forms/inputStyles';\nimport { FormComponentProps } from '../types';\n\nexport const DateRangeGroup = styled(Group)<FormComponentProps>`\n ${inputBaseStyles}\n ${inputDisabledStyles}\n\n gap: ${theme.sizes.sm};\n justify-content: space-between;\n z-index: 1;\n\n &[data-focus-within] {\n box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n border-color: ${theme.colors.secondary.blue.base};\n }\n\n &:has(*[data-invalid]) {\n box-shadow: 0 0 0 4px ${theme.colors.secondary.red.light};\n border: 1px solid ${theme.colors.secondary.red.base};\n }\n\n *[data-placeholder],\n *[data-placeholder] + div,\n *:has(*[data-placeholder]) ~ .date-range-input-splitter {\n color: ${theme.colors.neutral.ink.light};\n }\n\n .react-aria-DateInput {\n display: flex;\n align-items: center;\n\n cursor: text;\n caret-color: transparent;\n\n .react-aria-DateSegment {\n padding: 0 1px;\n border-radius: ${theme.radius.base};\n\n &[data-focused] {\n color: white;\n background-color: ${theme.colors.secondary.blue.dark};\n\n &[data-invalid] {\n background-color: ${theme.colors.secondary.red.lightest};\n }\n }\n\n &[data-invalid] {\n font-weight: bold;\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:focus-visible {\n outline: none;\n }\n }\n }\n`;\n"],"names":["styled","Group","inputBaseStyles","inputDisabledStyles","theme"],"mappings":";;;;;;;;;;;MAMa,cAAc,GAAGA,uBAAM,CAACC,yBAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EACvCC,2BAAe,CAAA,CAAA,EACfC,+BAAmB,CAAA,KAAA,EAEdC,WAAK,CAAC,KAAK,CAAC,EAAE,sFAKKA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,iBACzCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,iDAIxBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA,kBAAA,EACpCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,gHAM1CA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,gJAAA,EAYpBA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,8CAAA,EAIZA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kCAAA,EAG9BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA,0CAAA,EAMhDA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,kCAAA;;;;"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FormComponentProps } from '../types';
|
|
3
|
-
export declare const DateRangeGroup: import("styled-components").StyledComponent<(props: import("react-aria-components").GroupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, FormComponentProps, never>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { Group } from 'react-aria-components';
|
|
3
|
-
import { theme } from '../../theme/index.js';
|
|
4
|
-
import { inputBaseStyles, inputDisabledStyles } from '../../utils/forms/inputStyles.js';
|
|
5
|
-
|
|
6
|
-
const DateRangeGroup = styled(Group).withConfig({ displayName: "vui--DateRangeGroup", componentId: "vui--cprola" }) `${inputBaseStyles} ${inputDisabledStyles} gap:${theme.sizes.sm};justify-content:space-between;z-index:1;&[data-focus-within]{box-shadow:0 0 0 4px ${theme.colors.secondary.blue.light};border-color:${theme.colors.secondary.blue.base};}&:has(*[data-invalid]){box-shadow:0 0 0 4px ${theme.colors.secondary.red.light};border:1px solid ${theme.colors.secondary.red.base};}*[data-placeholder],*[data-placeholder] + div,*:has(*[data-placeholder])~ .date-range-input-splitter{color:${theme.colors.neutral.ink.light};}.react-aria-DateInput{display:flex;align-items:center;cursor:text;caret-color:transparent;.react-aria-DateSegment{padding:0 1px;border-radius:${theme.radius.base};&[data-focused]{color:white;background-color:${theme.colors.secondary.blue.dark};&[data-invalid]{background-color:${theme.colors.secondary.red.lightest};}}&[data-invalid]{font-weight:bold;color:${theme.colors.secondary.red.dark};}&:focus-visible{outline:none;}}}`;
|
|
7
|
-
|
|
8
|
-
export { DateRangeGroup };
|
|
9
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/components/DateInputField/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Group } from 'react-aria-components';\nimport { theme } from '../../theme';\nimport { inputBaseStyles, inputDisabledStyles } from '../../utils/forms/inputStyles';\nimport { FormComponentProps } from '../types';\n\nexport const DateRangeGroup = styled(Group)<FormComponentProps>`\n ${inputBaseStyles}\n ${inputDisabledStyles}\n\n gap: ${theme.sizes.sm};\n justify-content: space-between;\n z-index: 1;\n\n &[data-focus-within] {\n box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n border-color: ${theme.colors.secondary.blue.base};\n }\n\n &:has(*[data-invalid]) {\n box-shadow: 0 0 0 4px ${theme.colors.secondary.red.light};\n border: 1px solid ${theme.colors.secondary.red.base};\n }\n\n *[data-placeholder],\n *[data-placeholder] + div,\n *:has(*[data-placeholder]) ~ .date-range-input-splitter {\n color: ${theme.colors.neutral.ink.light};\n }\n\n .react-aria-DateInput {\n display: flex;\n align-items: center;\n\n cursor: text;\n caret-color: transparent;\n\n .react-aria-DateSegment {\n padding: 0 1px;\n border-radius: ${theme.radius.base};\n\n &[data-focused] {\n color: white;\n background-color: ${theme.colors.secondary.blue.dark};\n\n &[data-invalid] {\n background-color: ${theme.colors.secondary.red.lightest};\n }\n }\n\n &[data-invalid] {\n font-weight: bold;\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:focus-visible {\n outline: none;\n }\n }\n }\n`;\n"],"names":[],"mappings":";;;;;MAMa,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EACvC,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,KAAA,EAEd,KAAK,CAAC,KAAK,CAAC,EAAE,sFAKK,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,iBACzC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,iDAIxB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA,kBAAA,EACpC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,gHAM1C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,gJAAA,EAYpB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,8CAAA,EAIZ,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kCAAA,EAG9B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA,0CAAA,EAMhD,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,kCAAA;;;;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styled = require('styled-components');
|
|
4
|
-
var colors = require('../../theme/modules/colors.cjs');
|
|
5
|
-
var sizes = require('../../theme/modules/sizes.cjs');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
8
|
-
|
|
9
|
-
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
10
|
-
|
|
11
|
-
const DatePickerFooter = styled__default.default.footer.withConfig({ displayName: "vui--DatePickerFooter", componentId: "vui--17flrd9" }) `display:flex;justify-content:end;margin-top:${sizes.sizes.base};margin-left:-${sizes.sizes.base};margin-right:-${sizes.sizes.base};padding:${sizes.sizes.base};padding-bottom:0;border-top:${sizes.sizes.line} solid ${colors.colors.neutral.grey.base};`;
|
|
12
|
-
|
|
13
|
-
exports.DatePickerFooter = DatePickerFooter;
|
|
14
|
-
//# sourceMappingURL=styled.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.cjs","sources":["../../../src/components/DatePicker/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { colors } from 'Theme/modules/colors';\nimport { sizes } from 'Theme/modules/sizes';\n\nexport const DatePickerFooter = styled.footer`\n display: flex;\n justify-content: end;\n\n margin-top: ${sizes.base};\n margin-left: -${sizes.base};\n margin-right: -${sizes.base};\n\n padding: ${sizes.base};\n padding-bottom: 0;\n\n border-top: ${sizes.line} solid ${colors.neutral.grey.base};\n`;\n"],"names":["styled","sizes","colors"],"mappings":";;;;;;;;;;AAIO,MAAM,gBAAgB,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4CAAA,EAI7BC,WAAK,CAAC,IAAI,CAAA,cAAA,EACRA,WAAK,CAAC,IAAI,kBACTA,WAAK,CAAC,IAAI,CAAA,SAAA,EAEhBA,WAAK,CAAC,IAAI,CAAA,6BAAA,EAGPA,WAAK,CAAC,IAAI,CAAA,OAAA,EAAUC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const DatePickerFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { colors } from '../../theme/modules/colors.js';
|
|
3
|
-
import { sizes } from '../../theme/modules/sizes.js';
|
|
4
|
-
|
|
5
|
-
const DatePickerFooter = styled.footer.withConfig({ displayName: "vui--DatePickerFooter", componentId: "vui--17flrd9" }) `display:flex;justify-content:end;margin-top:${sizes.base};margin-left:-${sizes.base};margin-right:-${sizes.base};padding:${sizes.base};padding-bottom:0;border-top:${sizes.line} solid ${colors.neutral.grey.base};`;
|
|
6
|
-
|
|
7
|
-
export { DatePickerFooter };
|
|
8
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/components/DatePicker/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { colors } from 'Theme/modules/colors';\nimport { sizes } from 'Theme/modules/sizes';\n\nexport const DatePickerFooter = styled.footer`\n display: flex;\n justify-content: end;\n\n margin-top: ${sizes.base};\n margin-left: -${sizes.base};\n margin-right: -${sizes.base};\n\n padding: ${sizes.base};\n padding-bottom: 0;\n\n border-top: ${sizes.line} solid ${colors.neutral.grey.base};\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4CAAA,EAI7B,KAAK,CAAC,IAAI,CAAA,cAAA,EACR,KAAK,CAAC,IAAI,kBACT,KAAK,CAAC,IAAI,CAAA,SAAA,EAEhB,KAAK,CAAC,IAAI,CAAA,6BAAA,EAGP,KAAK,CAAC,IAAI,CAAA,OAAA,EAAU,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styled = require('styled-components');
|
|
4
|
-
var index = require('../../theme/index.cjs');
|
|
5
|
-
|
|
6
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
|
-
|
|
8
|
-
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
9
|
-
|
|
10
|
-
const { sizes, colors } = index.theme;
|
|
11
|
-
const ColumnGrid = styled__default.default.div.withConfig({ displayName: "vui--ColumnGrid", componentId: "vui--2wnu9m" }) `width:100%;display:grid;grid-template-columns:${({ showSidebar = true }) => showSidebar ? `calc(100% - 312px - ${sizes.md}) 312px` : '100% 312px'};align-items:flex-start;grid-gap:${sizes.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({ showSidebar = true }) => (showSidebar ? '1.0' : '0')};transition:opacity 0.2s;}`;
|
|
12
|
-
const ContentContainer = styled__default.default.div.withConfig({ displayName: "vui--ContentContainer", componentId: "vui--nvukr5" }) `width:100%;box-sizing:border-box;padding:${sizes.md};overflow-x:hidden;background-color:${colors.neutral.grey.lightest};`;
|
|
13
|
-
|
|
14
|
-
exports.ColumnGrid = ColumnGrid;
|
|
15
|
-
exports.ContentContainer = ContentContainer;
|
|
16
|
-
//# sourceMappingURL=styled.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.cjs","sources":["../../../src/components/DetailPage/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nconst { sizes, colors } = theme;\n\nexport const ColumnGrid = styled.div<any>`\n width: 100%;\n display: grid;\n grid-template-columns: ${({ showSidebar = true }) =>\n showSidebar ? `calc(100% - 312px - ${sizes.md}) 312px` : '100% 312px'};\n align-items: flex-start;\n grid-gap: ${sizes.md};\n transition: all 0.2s ease-in-out;\n\n & > *:nth-child(2) {\n opacity: ${({ showSidebar = true }) => (showSidebar ? '1.0' : '0')};\n transition: opacity 0.2s;\n }\n`;\n\nexport const ContentContainer = styled.div`\n width: 100%;\n box-sizing: border-box;\n padding: ${sizes.md};\n overflow-x: hidden;\n background-color: ${colors.neutral.grey.lightest};\n`;\n"],"names":["theme","styled"],"mappings":";;;;;;;;;AAGA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAGA,WAAK;AAExB,MAAM,UAAU,GAAGC,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8CAAA,EAGT,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,KAC9C,WAAW,GAAG,CAAA,oBAAA,EAAuB,KAAK,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,YAAY,CAAA,iCAAA,EAE3D,KAAK,CAAC,EAAE,CAAA,4DAAA,EAIP,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,MAAM,WAAW,GAAG,KAAK,GAAG,GAAG,CAAC,CAAA,0BAAA;MAKzD,gBAAgB,GAAGA,uBAAM,CAAC,GAAG,8HAG7B,KAAK,CAAC,EAAE,CAAA,oCAAA,EAEC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { theme } from '../../theme/index.js';
|
|
3
|
-
|
|
4
|
-
const { sizes, colors } = theme;
|
|
5
|
-
const ColumnGrid = styled.div.withConfig({ displayName: "vui--ColumnGrid", componentId: "vui--2wnu9m" }) `width:100%;display:grid;grid-template-columns:${({ showSidebar = true }) => showSidebar ? `calc(100% - 312px - ${sizes.md}) 312px` : '100% 312px'};align-items:flex-start;grid-gap:${sizes.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({ showSidebar = true }) => (showSidebar ? '1.0' : '0')};transition:opacity 0.2s;}`;
|
|
6
|
-
const ContentContainer = styled.div.withConfig({ displayName: "vui--ContentContainer", componentId: "vui--nvukr5" }) `width:100%;box-sizing:border-box;padding:${sizes.md};overflow-x:hidden;background-color:${colors.neutral.grey.lightest};`;
|
|
7
|
-
|
|
8
|
-
export { ColumnGrid, ContentContainer };
|
|
9
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/components/DetailPage/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nconst { sizes, colors } = theme;\n\nexport const ColumnGrid = styled.div<any>`\n width: 100%;\n display: grid;\n grid-template-columns: ${({ showSidebar = true }) =>\n showSidebar ? `calc(100% - 312px - ${sizes.md}) 312px` : '100% 312px'};\n align-items: flex-start;\n grid-gap: ${sizes.md};\n transition: all 0.2s ease-in-out;\n\n & > *:nth-child(2) {\n opacity: ${({ showSidebar = true }) => (showSidebar ? '1.0' : '0')};\n transition: opacity 0.2s;\n }\n`;\n\nexport const ContentContainer = styled.div`\n width: 100%;\n box-sizing: border-box;\n padding: ${sizes.md};\n overflow-x: hidden;\n background-color: ${colors.neutral.grey.lightest};\n`;\n"],"names":[],"mappings":";;;AAGA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK;AAExB,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8CAAA,EAGT,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,KAC9C,WAAW,GAAG,CAAA,oBAAA,EAAuB,KAAK,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,YAAY,CAAA,iCAAA,EAE3D,KAAK,CAAC,EAAE,CAAA,4DAAA,EAIP,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,MAAM,WAAW,GAAG,KAAK,GAAG,GAAG,CAAC,CAAA,0BAAA;MAKzD,gBAAgB,GAAG,MAAM,CAAC,GAAG,8HAG7B,KAAK,CAAC,EAAE,CAAA,oCAAA,EAEC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styled = require('styled-components');
|
|
4
|
-
var colors = require('../../theme/modules/colors.cjs');
|
|
5
|
-
var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
|
|
6
|
-
var Text = require('../Text/Text.cjs');
|
|
7
|
-
require('react');
|
|
8
|
-
require('react-transition-group');
|
|
9
|
-
require('uid/secure');
|
|
10
|
-
require('../AnimatedDropdown/components/BasicDropdown.cjs');
|
|
11
|
-
var CrossIcon = require('../../icons/design-system/components/CrossIcon.cjs');
|
|
12
|
-
var DownArrowIcon = require('../../icons/design-system/components/DownArrowIcon.cjs');
|
|
13
|
-
var sizes = require('../../theme/modules/sizes.cjs');
|
|
14
|
-
var index = require('../../theme/index.cjs');
|
|
15
|
-
|
|
16
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
17
|
-
|
|
18
|
-
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
19
|
-
|
|
20
|
-
const Container = styled__default.default(BaseContainer.BaseContainer).attrs({
|
|
21
|
-
as: 'button',
|
|
22
|
-
}).withConfig({ displayName: "vui--Container", componentId: "vui--1tebbdi" }) `display:inline-flex;flex-direction:row;align-items:center;background-color:${colors.colors.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${colors.colors.neutral.grey.dark};border-radius:4px;svg{width:${sizes.sizes.base};height:${sizes.sizes.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}`;
|
|
23
|
-
const NonSelectableText = styled__default.default(Text.Text).withConfig({ displayName: "vui--NonSelectableText", componentId: "vui--qz697a" }) `user-select:none;`;
|
|
24
|
-
const GroupLabel = styled__default.default(NonSelectableText).withConfig({ displayName: "vui--GroupLabel", componentId: "vui--17i198i" }) `margin-right:4px;`;
|
|
25
|
-
const MainIcon = styled__default.default(DownArrowIcon.ReactComponent).withConfig({ displayName: "vui--MainIcon", componentId: "vui--rxq762" }) `margin-left:4px;transform:rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});width:10px;height:10px;`;
|
|
26
|
-
const StyledCrossIcon = styled__default.default(CrossIcon.ReactComponent).withConfig({ displayName: "vui--StyledCrossIcon", componentId: "vui--1o2zyml" }) `margin-left:4px;height:10px;width:10px;`;
|
|
27
|
-
const Content = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Content", componentId: "vui--6n2anv" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`;
|
|
28
|
-
const Header = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Header", componentId: "vui--n9war0" }) `display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px 18px;border-bottom:1px solid ${colors.colors.neutral.grey.base};svg{color:${({ color }) => color};width:${sizes.sizes[5]};height:${sizes.sizes[5]};margin-right:10px;}`;
|
|
29
|
-
|
|
30
|
-
exports.Text = Text.Text;
|
|
31
|
-
exports.Container = Container;
|
|
32
|
-
exports.Content = Content;
|
|
33
|
-
exports.CrossIcon = StyledCrossIcon;
|
|
34
|
-
exports.GroupLabel = GroupLabel;
|
|
35
|
-
exports.Header = Header;
|
|
36
|
-
exports.MainIcon = MainIcon;
|
|
37
|
-
//# sourceMappingURL=styled.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.cjs","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { AnimatedDropdown } from '../AnimatedDropdown';\nimport { CrossIcon, DownArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer).attrs({\n as: 'button',\n})`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n background-color: ${colors.neutral.grey.base};\n padding: 4px 8px;\n cursor: pointer;\n\n border: 1px solid ${colors.neutral.grey.dark};\n border-radius: 4px;\n\n svg {\n width: ${sizes.base};\n height: ${sizes.base};\n }\n\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n }\n`;\n\nconst NonSelectableText = styled(Text)`\n user-select: none;\n`;\n\nconst GroupLabel = styled(NonSelectableText)`\n margin-right: 4px;\n`;\n\nconst MainIcon = styled(DownArrowIcon)<{ $shouldShow?: boolean }>`\n margin-left: 4px;\n transform: rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});\n\n width: 10px;\n height: 10px;\n`;\n\nconst StyledCrossIcon = styled(CrossIcon)`\n margin-left: 4px;\n height: 10px;\n width: 10px;\n`;\n\nconst Content = styled(BaseContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n`;\n\nconst Header = styled(BaseContainer)<{ color: string }>`\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n padding: 12px 18px;\n border-bottom: 1px solid ${colors.neutral.grey.base};\n\n svg {\n color: ${({ color }) => color};\n width: ${sizes[5]};\n height: ${sizes[5]};\n margin-right: 10px;\n }\n`;\n\nexport {\n Container,\n Text,\n AnimatedDropdown as Dropdown,\n GroupLabel,\n Content,\n Header,\n MainIcon,\n StyledCrossIcon as CrossIcon,\n};\n"],"names":["styled","BaseContainer","colors","sizes","theme","Text","DownArrowIcon","CrossIcon"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAIoBC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxBA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjCC,WAAK,CAAC,IAAI,CAAA,QAAA,EACTA,WAAK,CAAC,IAAI,+CAKIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAGJ,uBAAM,CAACK,SAAI,CAAC,sGAErC;AAED,MAAM,UAAU,GAAGL,uBAAM,CAAC,iBAAiB,CAAC;AAI5C,MAAM,QAAQ,GAAGA,uBAAM,CAACM,4BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEhB,CAAC,KAAK,MAAM,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAA,yBAAA;AAMrE,MAAM,eAAe,GAAGN,uBAAM,CAACO,wBAAS,CAAC;AAMzC,MAAM,OAAO,GAAGP,uBAAM,CAACC,2BAAa,CAAC;AAOrC,MAAM,MAAM,GAAGD,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAMPC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,cAGxC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,UACpBC,WAAK,CAAC,CAAC,CAAC,WACPA,WAAK,CAAC,CAAC,CAAC;;;;;;;;;;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Text } from '../Text';
|
|
3
|
-
import { AnimatedDropdown } from '../AnimatedDropdown';
|
|
4
|
-
declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
|
|
5
|
-
as: "button";
|
|
6
|
-
}, "as">;
|
|
7
|
-
declare const GroupLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
|
|
8
|
-
as?: import("../Text").ValidTextTag | undefined;
|
|
9
|
-
muted?: boolean | undefined;
|
|
10
|
-
variant?: "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "body" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholder" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "button" | "buttonSmall" | "linkLarge" | "linkMedium" | "link" | "linkSmall" | undefined;
|
|
11
|
-
} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
|
|
12
|
-
declare const MainIcon: import("styled-components").StyledComponent<(props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element, any, {
|
|
13
|
-
$shouldShow?: boolean | undefined;
|
|
14
|
-
}, never>;
|
|
15
|
-
declare const StyledCrossIcon: import("styled-components").StyledComponent<(props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element, any, {}, never>;
|
|
16
|
-
declare const Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
17
|
-
declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
|
|
18
|
-
color: string;
|
|
19
|
-
}, never>;
|
|
20
|
-
export { Container, Text, AnimatedDropdown as Dropdown, GroupLabel, Content, Header, MainIcon, StyledCrossIcon as CrossIcon, };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { colors } from '../../theme/modules/colors.js';
|
|
3
|
-
import { BaseContainer } from '../BaseContainer/BaseContainer.js';
|
|
4
|
-
import { Text } from '../Text/Text.js';
|
|
5
|
-
import 'react';
|
|
6
|
-
import 'react-transition-group';
|
|
7
|
-
import 'uid/secure';
|
|
8
|
-
import '../AnimatedDropdown/components/BasicDropdown.js';
|
|
9
|
-
import { ReactComponent as CrossIcon } from '../../icons/design-system/components/CrossIcon.js';
|
|
10
|
-
import { ReactComponent as DownArrowIcon } from '../../icons/design-system/components/DownArrowIcon.js';
|
|
11
|
-
import { sizes } from '../../theme/modules/sizes.js';
|
|
12
|
-
import { theme } from '../../theme/index.js';
|
|
13
|
-
|
|
14
|
-
const Container = styled(BaseContainer).attrs({
|
|
15
|
-
as: 'button',
|
|
16
|
-
}).withConfig({ displayName: "vui--Container", componentId: "vui--1tebbdi" }) `display:inline-flex;flex-direction:row;align-items:center;background-color:${colors.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${colors.neutral.grey.dark};border-radius:4px;svg{width:${sizes.base};height:${sizes.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}`;
|
|
17
|
-
const NonSelectableText = styled(Text).withConfig({ displayName: "vui--NonSelectableText", componentId: "vui--qz697a" }) `user-select:none;`;
|
|
18
|
-
const GroupLabel = styled(NonSelectableText).withConfig({ displayName: "vui--GroupLabel", componentId: "vui--17i198i" }) `margin-right:4px;`;
|
|
19
|
-
const MainIcon = styled(DownArrowIcon).withConfig({ displayName: "vui--MainIcon", componentId: "vui--rxq762" }) `margin-left:4px;transform:rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});width:10px;height:10px;`;
|
|
20
|
-
const StyledCrossIcon = styled(CrossIcon).withConfig({ displayName: "vui--StyledCrossIcon", componentId: "vui--1o2zyml" }) `margin-left:4px;height:10px;width:10px;`;
|
|
21
|
-
const Content = styled(BaseContainer).withConfig({ displayName: "vui--Content", componentId: "vui--6n2anv" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`;
|
|
22
|
-
const Header = styled(BaseContainer).withConfig({ displayName: "vui--Header", componentId: "vui--n9war0" }) `display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px 18px;border-bottom:1px solid ${colors.neutral.grey.base};svg{color:${({ color }) => color};width:${sizes[5]};height:${sizes[5]};margin-right:10px;}`;
|
|
23
|
-
|
|
24
|
-
export { Container, Content, StyledCrossIcon as CrossIcon, GroupLabel, Header, MainIcon, Text };
|
|
25
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { AnimatedDropdown } from '../AnimatedDropdown';\nimport { CrossIcon, DownArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer).attrs({\n as: 'button',\n})`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n background-color: ${colors.neutral.grey.base};\n padding: 4px 8px;\n cursor: pointer;\n\n border: 1px solid ${colors.neutral.grey.dark};\n border-radius: 4px;\n\n svg {\n width: ${sizes.base};\n height: ${sizes.base};\n }\n\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n }\n`;\n\nconst NonSelectableText = styled(Text)`\n user-select: none;\n`;\n\nconst GroupLabel = styled(NonSelectableText)`\n margin-right: 4px;\n`;\n\nconst MainIcon = styled(DownArrowIcon)<{ $shouldShow?: boolean }>`\n margin-left: 4px;\n transform: rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});\n\n width: 10px;\n height: 10px;\n`;\n\nconst StyledCrossIcon = styled(CrossIcon)`\n margin-left: 4px;\n height: 10px;\n width: 10px;\n`;\n\nconst Content = styled(BaseContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n`;\n\nconst Header = styled(BaseContainer)<{ color: string }>`\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n padding: 12px 18px;\n border-bottom: 1px solid ${colors.neutral.grey.base};\n\n svg {\n color: ${({ color }) => color};\n width: ${sizes[5]};\n height: ${sizes[5]};\n margin-right: 10px;\n }\n`;\n\nexport {\n Container,\n Text,\n AnimatedDropdown as Dropdown,\n GroupLabel,\n Content,\n Header,\n MainIcon,\n StyledCrossIcon as CrossIcon,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAIoB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjC,KAAK,CAAC,IAAI,CAAA,QAAA,EACT,KAAK,CAAC,IAAI,+CAKI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,sGAErC;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAI5C,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEhB,CAAC,KAAK,MAAM,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAA,yBAAA;AAMrE,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC;AAMzC,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC;AAOrC,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,cAGxC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,UACpB,KAAK,CAAC,CAAC,CAAC,WACP,KAAK,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -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,28 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styled = require('styled-components');
|
|
4
|
-
var index = require('../../theme/index.cjs');
|
|
5
|
-
|
|
6
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
|
-
|
|
8
|
-
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
9
|
-
|
|
10
|
-
const sizes = {
|
|
11
|
-
base: '28px',
|
|
12
|
-
sm: '20px',
|
|
13
|
-
xs: '16px',
|
|
14
|
-
};
|
|
15
|
-
const borderRadius = {
|
|
16
|
-
base: '18px',
|
|
17
|
-
sm: '10px',
|
|
18
|
-
xs: '8px',
|
|
19
|
-
};
|
|
20
|
-
const offset = {
|
|
21
|
-
base: '-12px',
|
|
22
|
-
sm: '-8px',
|
|
23
|
-
xs: '-6px',
|
|
24
|
-
};
|
|
25
|
-
const Wrapper = styled__default.default.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--gpqjtl" }) `position:absolute;top:${({ size }) => offset[size]};right:${({ size }) => offset[size]};box-sizing:border-box;height:${({ size }) => sizes[size]};min-width:${({ size }) => sizes[size]};display:flex;align-items:center;justify-content:center;border-radius:${({ size }) => borderRadius[size]};padding:0 4px;background-color:${({ color }) => color || index.theme.colors.neutral.grey.base};border:2px solid white;font-weight:bold;font-size:12px;`;
|
|
26
|
-
|
|
27
|
-
exports.Wrapper = Wrapper;
|
|
28
|
-
//# sourceMappingURL=styled.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.cjs","sources":["../../../src/components/Indicator/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from 'Theme';\n\nconst sizes = {\n base: '28px',\n sm: '20px',\n xs: '16px',\n};\n\nconst borderRadius = {\n base: '18px',\n sm: '10px',\n xs: '8px',\n};\n\nconst offset = {\n base: '-12px',\n sm: '-8px',\n xs: '-6px',\n};\n\nexport const Wrapper = styled.div<{ size: 'base' | 'sm' | 'xs' }>`\n position: absolute;\n top: ${({ size }) => offset[size]};\n right: ${({ size }) => offset[size]};\n box-sizing: border-box;\n\n height: ${({ size }) => sizes[size]};\n min-width: ${({ size }) => sizes[size]};\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ${({ size }) => borderRadius[size]};\n padding: 0 4px;\n background-color: ${({ color }) => color || theme.colors.neutral.grey.base};\n border: 2px solid white;\n font-weight: bold;\n font-size: 12px;\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAGA,MAAM,KAAK,GAAG;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;CACX;AAED,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,KAAK;CACV;AAED,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;CACX;AAEM,MAAM,OAAO,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sBAAA,EAExB,CAAC,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,CAAA,OAAA,EACxB,CAAC,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,iCAGzB,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,WAAA,EACtB,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,sEAAA,EAIrB,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,CAAA,gCAAA,EAE7B,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAIC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { theme } from '../../theme/index.js';
|
|
3
|
-
|
|
4
|
-
const sizes = {
|
|
5
|
-
base: '28px',
|
|
6
|
-
sm: '20px',
|
|
7
|
-
xs: '16px',
|
|
8
|
-
};
|
|
9
|
-
const borderRadius = {
|
|
10
|
-
base: '18px',
|
|
11
|
-
sm: '10px',
|
|
12
|
-
xs: '8px',
|
|
13
|
-
};
|
|
14
|
-
const offset = {
|
|
15
|
-
base: '-12px',
|
|
16
|
-
sm: '-8px',
|
|
17
|
-
xs: '-6px',
|
|
18
|
-
};
|
|
19
|
-
const Wrapper = styled.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--gpqjtl" }) `position:absolute;top:${({ size }) => offset[size]};right:${({ size }) => offset[size]};box-sizing:border-box;height:${({ size }) => sizes[size]};min-width:${({ size }) => sizes[size]};display:flex;align-items:center;justify-content:center;border-radius:${({ size }) => borderRadius[size]};padding:0 4px;background-color:${({ color }) => color || theme.colors.neutral.grey.base};border:2px solid white;font-weight:bold;font-size:12px;`;
|
|
20
|
-
|
|
21
|
-
export { Wrapper };
|
|
22
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/components/Indicator/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from 'Theme';\n\nconst sizes = {\n base: '28px',\n sm: '20px',\n xs: '16px',\n};\n\nconst borderRadius = {\n base: '18px',\n sm: '10px',\n xs: '8px',\n};\n\nconst offset = {\n base: '-12px',\n sm: '-8px',\n xs: '-6px',\n};\n\nexport const Wrapper = styled.div<{ size: 'base' | 'sm' | 'xs' }>`\n position: absolute;\n top: ${({ size }) => offset[size]};\n right: ${({ size }) => offset[size]};\n box-sizing: border-box;\n\n height: ${({ size }) => sizes[size]};\n min-width: ${({ size }) => sizes[size]};\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ${({ size }) => borderRadius[size]};\n padding: 0 4px;\n background-color: ${({ color }) => color || theme.colors.neutral.grey.base};\n border: 2px solid white;\n font-weight: bold;\n font-size: 12px;\n`;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAAK,GAAG;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;CACX;AAED,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,KAAK;CACV;AAED,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;CACX;AAEM,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sBAAA,EAExB,CAAC,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,CAAA,OAAA,EACxB,CAAC,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,iCAGzB,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,WAAA,EACtB,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,sEAAA,EAIrB,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,CAAA,gCAAA,EAE7B,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}
|
|
@@ -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_1f2pz_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_1f2pz_11 {\n overflow-x: hidden;\n}\n\n._wrapperScrollEnabled_1f2pz_15 {\n overflow-x: auto;\n}\n\n._wrapperBordered_1f2pz_19 {\n border: 1px solid var(--colors-neutral-grey-dark);\n border-radius: var(--radius-base);\n}\n\n._wrapperShowScrollbar_1f2pz_24 {\n scrollbar-width: auto;\n}\n._wrapperShowScrollbar_1f2pz_24::-webkit-scrollbar {\n margin-top: 10px;\n width: 6px;\n height: 6px;\n}\n._wrapperShowScrollbar_1f2pz_24::-webkit-scrollbar-track {\n background: var(--colors-system-scrollbar-background);\n}\n._wrapperShowScrollbar_1f2pz_24::-webkit-scrollbar-thumb {\n background: var(--colors-system-scrollbar-thumb);\n border-radius: var(--radius-base);\n}\n\n/* TooltipContent */\n._tooltipContent_1f2pz_41 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n/* Head */\n._head_1f2pz_48 {\n background-color: white;\n}\n\n/* Body */\n._body_1f2pz_53 tr:not(:first-child) > td {\n border-top: 1px solid transparent;\n}\n\n._body_1f2pz_53._body_1f2pz_53._body_1f2pz_53 tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #ebf4fb;\n}\n\n._bodyBorderTop_1f2pz_62 + ._bodyBorderTop_1f2pz_62 > tr:first-child > td {\n border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n/* Foot */\n._foot_1f2pz_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_1f2pz_74.hidden {\n visibility: collapse;\n}\n\n._rowAccentColor_1f2pz_78 > 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_1f2pz_89 {\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_1f2pz_89 > * {\n vertical-align: middle;\n}\n\n._cellGrow_1f2pz_105 {\n width: 100%;\n}\n\n/* HeaderCell */\n._headerCell_1f2pz_110 {\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}\n._headerCell_1f2pz_110 > * {\n vertical-align: middle;\n}\n._headerCell_1f2pz_110 span {\n white-space: pre-line;\n}\n._headerCell_1f2pz_110.sortable:hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-light);\n}\n\n/* HeaderCellLayout */\n._headerCellLayout_1f2pz_134 {\n display: flex;\n align-items: center;\n justify-content: var(--layout-align, flex-start);\n}\n._headerCellLayout_1f2pz_134 > * + * {\n margin-left: 0.25rem;\n}\n\n/* Table */\n._table_1f2pz_144 {\n width: 100%;\n border-spacing: 0;\n}\n._table_1f2pz_144 * {\n box-sizing: border-box;\n}\n\n._tableFixedLayout_1f2pz_152 {\n table-layout: fixed;\n}\n\n._tableLoading_1f2pz_156 * {\n user-select: none;\n pointer-events: none;\n}\n\n._tableStriped_1f2pz_161 ._body_1f2pz_53:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._tableNoWrap_1f2pz_165 ._headerCell_1f2pz_110, ._tableNoWrap_1f2pz_165 ._headerCell_1f2pz_110 span {\n white-space: nowrap;\n}\n\n/* Footer */\n._footer_1f2pz_170 ._cell_1f2pz_89 {\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_1f2pz_179 {\n position: fixed;\n top: 0;\n z-index: 2;\n overflow-x: hidden;\n}");
|
|
6
|
-
var styles = {"wrapper":"_wrapper_1f2pz_3","wrapperScrollDisabled":"_wrapperScrollDisabled_1f2pz_11","wrapperScrollEnabled":"_wrapperScrollEnabled_1f2pz_15","wrapperBordered":"_wrapperBordered_1f2pz_19","wrapperShowScrollbar":"_wrapperShowScrollbar_1f2pz_24","tooltipContent":"_tooltipContent_1f2pz_41","head":"_head_1f2pz_48","body":"_body_1f2pz_53","bodyBorderTop":"_bodyBorderTop_1f2pz_62","row":"_row_1f2pz_74","rowAccentColor":"_rowAccentColor_1f2pz_78","cell":"_cell_1f2pz_89","cellGrow":"_cellGrow_1f2pz_105","headerCell":"_headerCell_1f2pz_110","headerCellLayout":"_headerCellLayout_1f2pz_134","table":"_table_1f2pz_144","tableFixedLayout":"_tableFixedLayout_1f2pz_152","tableLoading":"_tableLoading_1f2pz_156","tableStriped":"_tableStriped_1f2pz_161","tableNoWrap":"_tableNoWrap_1f2pz_165","footer":"_footer_1f2pz_170","stickyHeaderWrapper":"_stickyHeaderWrapper_1f2pz_179"};
|
|
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 &: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 &: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,+vIAAA;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_1f2pz_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_1f2pz_11 {\n overflow-x: hidden;\n}\n\n._wrapperScrollEnabled_1f2pz_15 {\n overflow-x: auto;\n}\n\n._wrapperBordered_1f2pz_19 {\n border: 1px solid var(--colors-neutral-grey-dark);\n border-radius: var(--radius-base);\n}\n\n._wrapperShowScrollbar_1f2pz_24 {\n scrollbar-width: auto;\n}\n._wrapperShowScrollbar_1f2pz_24::-webkit-scrollbar {\n margin-top: 10px;\n width: 6px;\n height: 6px;\n}\n._wrapperShowScrollbar_1f2pz_24::-webkit-scrollbar-track {\n background: var(--colors-system-scrollbar-background);\n}\n._wrapperShowScrollbar_1f2pz_24::-webkit-scrollbar-thumb {\n background: var(--colors-system-scrollbar-thumb);\n border-radius: var(--radius-base);\n}\n\n/* TooltipContent */\n._tooltipContent_1f2pz_41 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n/* Head */\n._head_1f2pz_48 {\n background-color: white;\n}\n\n/* Body */\n._body_1f2pz_53 tr:not(:first-child) > td {\n border-top: 1px solid transparent;\n}\n\n._body_1f2pz_53._body_1f2pz_53._body_1f2pz_53 tr:hover td {\n /* No 1:1 theme token exists for this shade */\n background-color: #ebf4fb;\n}\n\n._bodyBorderTop_1f2pz_62 + ._bodyBorderTop_1f2pz_62 > tr:first-child > td {\n border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n/* Foot */\n._foot_1f2pz_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_1f2pz_74.hidden {\n visibility: collapse;\n}\n\n._rowAccentColor_1f2pz_78 > 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_1f2pz_89 {\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_1f2pz_89 > * {\n vertical-align: middle;\n}\n\n._cellGrow_1f2pz_105 {\n width: 100%;\n}\n\n/* HeaderCell */\n._headerCell_1f2pz_110 {\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}\n._headerCell_1f2pz_110 > * {\n vertical-align: middle;\n}\n._headerCell_1f2pz_110 span {\n white-space: pre-line;\n}\n._headerCell_1f2pz_110.sortable:hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-light);\n}\n\n/* HeaderCellLayout */\n._headerCellLayout_1f2pz_134 {\n display: flex;\n align-items: center;\n justify-content: var(--layout-align, flex-start);\n}\n._headerCellLayout_1f2pz_134 > * + * {\n margin-left: 0.25rem;\n}\n\n/* Table */\n._table_1f2pz_144 {\n width: 100%;\n border-spacing: 0;\n}\n._table_1f2pz_144 * {\n box-sizing: border-box;\n}\n\n._tableFixedLayout_1f2pz_152 {\n table-layout: fixed;\n}\n\n._tableLoading_1f2pz_156 * {\n user-select: none;\n pointer-events: none;\n}\n\n._tableStriped_1f2pz_161 ._body_1f2pz_53:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n}\n\n._tableNoWrap_1f2pz_165 ._headerCell_1f2pz_110, ._tableNoWrap_1f2pz_165 ._headerCell_1f2pz_110 span {\n white-space: nowrap;\n}\n\n/* Footer */\n._footer_1f2pz_170 ._cell_1f2pz_89 {\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_1f2pz_179 {\n position: fixed;\n top: 0;\n z-index: 2;\n overflow-x: hidden;\n}");
|
|
4
|
-
var styles = {"wrapper":"_wrapper_1f2pz_3","wrapperScrollDisabled":"_wrapperScrollDisabled_1f2pz_11","wrapperScrollEnabled":"_wrapperScrollEnabled_1f2pz_15","wrapperBordered":"_wrapperBordered_1f2pz_19","wrapperShowScrollbar":"_wrapperShowScrollbar_1f2pz_24","tooltipContent":"_tooltipContent_1f2pz_41","head":"_head_1f2pz_48","body":"_body_1f2pz_53","bodyBorderTop":"_bodyBorderTop_1f2pz_62","row":"_row_1f2pz_74","rowAccentColor":"_rowAccentColor_1f2pz_78","cell":"_cell_1f2pz_89","cellGrow":"_cellGrow_1f2pz_105","headerCell":"_headerCell_1f2pz_110","headerCellLayout":"_headerCellLayout_1f2pz_134","table":"_table_1f2pz_144","tableFixedLayout":"_tableFixedLayout_1f2pz_152","tableLoading":"_tableLoading_1f2pz_156","tableStriped":"_tableStriped_1f2pz_161","tableNoWrap":"_tableNoWrap_1f2pz_165","footer":"_footer_1f2pz_170","stickyHeaderWrapper":"_stickyHeaderWrapper_1f2pz_179"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=LegacyDataTable.module.scss.js.map
|