@muraldevkit/ui-toolkit 2.4.0 → 2.4.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/button/MrlAnimatedIconButton/MrlAnimatedIconButton.d.ts +1 -1
- package/dist/components/button/MrlButton/MrlButton.d.ts +1 -1
- package/dist/components/button/MrlIconButton/MrlIconButton.d.ts +1 -1
- package/dist/components/table/MrlSmartTable/MrlSmartTable.d.ts +30 -0
- package/dist/components/table/utils.d.ts +3 -3
- package/dist/index.js +1 -1
- package/dist/styles/MrlSmartTable/module.scss +1 -12
- package/dist/styles/MrlTableColumn/module.scss +1 -3
- package/dist/styles/table/global.scss +0 -1
- package/dist/styles/table/variables.scss +0 -3
- package/package.json +1 -1
|
@@ -3,18 +3,7 @@
|
|
|
3
3
|
/// @group Table
|
|
4
4
|
////
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
// Please DO NOT add visual styling to the MrlSmartTable component. As
|
|
8
|
-
// a smart component, it should only compose other existing components and handle
|
|
9
|
-
// data and interactivity concerns. By adding styling unique to the smart component,
|
|
10
|
-
// it tightly couples the composed component to the smart component and makes it
|
|
11
|
-
// much more likely to have styling regressions.
|
|
12
|
-
// IMPORTANT!
|
|
13
|
-
|
|
14
|
-
.MrlSortToggleWrapperButton {
|
|
15
|
-
// Because sorting is performed by clicking the table header, which itself
|
|
16
|
-
// is not meant to be an interactive element, the sort controls are wrapped
|
|
17
|
-
// in a visually hidden button to allow for accessible interaction.
|
|
6
|
+
.MrlSmartTable--accessible-visually-hidden-button {
|
|
18
7
|
all: unset;
|
|
19
8
|
cursor: pointer;
|
|
20
9
|
|
|
@@ -19,9 +19,7 @@
|
|
|
19
19
|
user-select: none;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
// table header. Please suggest/replace if there are better solutions!
|
|
24
|
-
:global(.MrlSvgContainer.header-sort-indicator) {
|
|
22
|
+
:global(.MrlTableColumn--sort-indicator) {
|
|
25
23
|
vertical-align: text-top;
|
|
26
24
|
}
|
|
27
25
|
}
|
|
@@ -3,9 +3,6 @@
|
|
|
3
3
|
/// @group Table
|
|
4
4
|
////
|
|
5
5
|
|
|
6
|
-
// Design System Reference:
|
|
7
|
-
// https: //www.figma.com/file/bd6vLvk4eTVGJcxXDaFeHT/DS-Hana-%7C-Core-Library?node-id=24264%3A44378&mode=dev
|
|
8
|
-
|
|
9
6
|
.MrlTable {
|
|
10
7
|
--mrl-table-default-width: calc(100% - 10px);
|
|
11
8
|
--mrl-table-max-width: 1280px;
|