@muraldevkit/ui-toolkit 4.5.0 → 4.5.2
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/svg/config.d.ts +1 -1
- package/dist/components/tooltip/MrlTooltip/MrlTooltip.d.ts +2 -0
- package/dist/components/tooltip/MrlTooltipContent/MrlTooltipContent.d.ts +2 -0
- package/dist/index.js +1 -1
- package/dist/styles/MrlTooltipContent/global.scss +14 -0
- package/dist/styles/form/global.scss +1 -3
- package/dist/styles/modal/variables.scss +1 -1
- package/dist/styles.css +7 -7
- package/package.json +1 -1
|
@@ -63,6 +63,12 @@ $mrl-tooltip-arrow-size: math.hypot(8px, 5px);
|
|
|
63
63
|
&::after {
|
|
64
64
|
left: var(--mrl-tooltip-arrow-spacing);
|
|
65
65
|
}
|
|
66
|
+
&.mrlIconButton--small-wrapper::after {
|
|
67
|
+
left: var(--mrl-spacing-04);
|
|
68
|
+
}
|
|
69
|
+
&.mrlIconButton--xsmall-wrapper::after {
|
|
70
|
+
left: var(--mrl-spacing-03);
|
|
71
|
+
}
|
|
66
72
|
}
|
|
67
73
|
.mrl-tooltip-content[data-anchor='end'] {
|
|
68
74
|
right: 0;
|
|
@@ -71,6 +77,14 @@ $mrl-tooltip-arrow-size: math.hypot(8px, 5px);
|
|
|
71
77
|
left: auto;
|
|
72
78
|
right: var(--mrl-tooltip-arrow-spacing);
|
|
73
79
|
}
|
|
80
|
+
&.mrlIconButton--small-wrapper::after {
|
|
81
|
+
left: auto;
|
|
82
|
+
right: var(--mrl-spacing-04);
|
|
83
|
+
}
|
|
84
|
+
&.mrlIconButton--xsmall-wrapper::after {
|
|
85
|
+
left: auto;
|
|
86
|
+
right: var(--mrl-spacing-03);
|
|
87
|
+
}
|
|
74
88
|
}
|
|
75
89
|
.mrl-tooltip-content[data-position='bottom'] {
|
|
76
90
|
margin-top: var(--mrl-tooltip-trigger-offset);
|
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
@mixin mrl-inline-input-vars {
|
|
59
59
|
--mrl-text-input-border-color: transparent;
|
|
60
|
+
--mrl-text-input-border-color-focus: transparent;
|
|
60
61
|
--mrl-text-input-inset-vertical: var(--mrl-spacing-02);
|
|
61
62
|
--mrl-text-input-inset-horizontal: var(--mrl-spacing-03);
|
|
62
63
|
--mrl-text-input-height: var(--mrl-spacing-08);
|
|
@@ -64,9 +65,6 @@
|
|
|
64
65
|
--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);
|
|
65
66
|
--mrl-text-input-border-color: transparent;
|
|
66
67
|
}
|
|
67
|
-
&:focus-visible {
|
|
68
|
-
--mrl-text-input-border-color: transparent;
|
|
69
|
-
}
|
|
70
68
|
}
|
|
71
69
|
@mixin mrl-checkbox-wrapper {
|
|
72
70
|
height: var(--mrl-checkbox-input-affordance);
|
|
@@ -9,7 +9,7 @@ $mrl-modal-close-size: $mrl-button-height--default;
|
|
|
9
9
|
--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);
|
|
10
10
|
--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);
|
|
11
11
|
--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);
|
|
12
|
-
--mrl-modal-padding-vertical-content: var(--mrl-spacing-
|
|
12
|
+
--mrl-modal-padding-vertical-content: var(--mrl-spacing-02);
|
|
13
13
|
--mrl-modal-padding-horizontal: var(--mrl-spacing-07);
|
|
14
14
|
--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);
|
|
15
15
|
--mrl-modal-close-offset: var(--mrl-spacing-06);
|