@muraldevkit/ui-toolkit 1.31.0 → 1.33.0
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/index.d.ts +1 -0
- package/dist/components/modal/MrlModal/MrlModal.d.ts +42 -0
- package/dist/components/modal/MrlModal/index.d.ts +1 -42
- package/dist/components/modal/MrlModalContent/MrlModalContent.d.ts +20 -0
- package/dist/components/modal/MrlModalContent/index.d.ts +1 -20
- package/dist/components/modal/MrlModalFooter/MrlModalFooter.d.ts +21 -0
- package/dist/components/modal/MrlModalFooter/index.d.ts +1 -21
- package/dist/components/modal/MrlModalHeader/MrlModalHeader.d.ts +25 -0
- package/dist/components/modal/MrlModalHeader/index.d.ts +1 -25
- package/dist/components/modal/MrlModalHeaderNative/MrlModalHeaderNative.d.ts +13 -0
- package/dist/components/modal/MrlModalHeaderNative/index.d.ts +1 -13
- package/dist/components/portal/MrlPortal.d.ts +13 -0
- package/dist/components/portal/index.d.ts +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useCoordinate/index.d.ts +16 -0
- package/dist/index.js +1 -1
- package/dist/styles/MrlText/module.scss +1 -1
- package/dist/styles/MrlTextHeading/variables.scss +7 -1
- package/dist/styles/MrlTooltipContent/global.scss +2 -2
- package/dist/utils/frameDebounce/index.d.ts +22 -0
- package/package.json +6 -2
|
@@ -13,7 +13,12 @@ $mrl-heading-sizes: 'large', 'small';
|
|
|
13
13
|
|
|
14
14
|
@each $use-case in $mrl-heading-use-cases {
|
|
15
15
|
.MrlTextHeading-#{$use-case} {
|
|
16
|
-
|
|
16
|
+
@if $use-case == 'display' {
|
|
17
|
+
--mrl-heading-family: var(--mrl-heading-font-alt);
|
|
18
|
+
} @else {
|
|
19
|
+
--mrl-heading-family: var(--mrl-heading-font);
|
|
20
|
+
}
|
|
21
|
+
|
|
17
22
|
--mrl-heading-size: var(--mrl-type-size-#{$use-case});
|
|
18
23
|
--mrl-heading-weight: var(--mrl-type-weight-#{$use-case});
|
|
19
24
|
--mrl-heading-spacing: var(--mrl-type-spacing-#{$use-case});
|
|
@@ -31,6 +36,7 @@ $mrl-heading-sizes: 'large', 'small';
|
|
|
31
36
|
|
|
32
37
|
// ---- Title Classes ----
|
|
33
38
|
.MrlTextHeading-title {
|
|
39
|
+
--mrl-heading-family: var(--mrl-heading-font);
|
|
34
40
|
--mrl-heading-size: var(--mrl-type-size-text);
|
|
35
41
|
--mrl-heading-weight: var(--mrl-type-weight-title);
|
|
36
42
|
--mrl-heading-spacing: var(--mrl-type-spacing-text);
|
|
@@ -13,7 +13,7 @@ $mrl-tooltip-arrow-vertical-center: calc(var(--mrl-tooltip-arrow-size) * -1 / 2
|
|
|
13
13
|
// The first number of this calculation needs to match the value of var(--mrl-tooltip-arrow-size)
|
|
14
14
|
$mrl-tooltip-arrow-size: math.hypot(8px, 5px);
|
|
15
15
|
|
|
16
|
-
@use '../
|
|
16
|
+
@use '../tooltip.mixins.scss' as *;
|
|
17
17
|
@use './MrlTooltipContent.variables.scss';
|
|
18
18
|
|
|
19
19
|
.mrl-tooltip-content {
|
|
@@ -21,7 +21,7 @@ $mrl-tooltip-arrow-size: math.hypot(8px, 5px);
|
|
|
21
21
|
border-radius: var(--mrl-tooltip-border-radius);
|
|
22
22
|
color: var(--mrl-tooltip-text-color);
|
|
23
23
|
cursor: default;
|
|
24
|
-
font-family:
|
|
24
|
+
font-family: var(--mrl-body-font);
|
|
25
25
|
font-size: var(--mrl-tooltip-font-size);
|
|
26
26
|
font-weight: var(--mrl-type-weight-title-secondary);
|
|
27
27
|
line-height: var(--mrl-tooltip-line-height);
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export interface FrameDebounceType {
|
|
2
|
+
debounce(callback: () => void): void;
|
|
3
|
+
cancel(): void;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* @description Creates a wrapper for request animation frame that helps a little with performance this helps us only animate current frame reducing in jumps/tearing on slow devices.
|
|
7
|
+
*/
|
|
8
|
+
export declare const FrameDebounce: {
|
|
9
|
+
new (): {
|
|
10
|
+
frame: null | number;
|
|
11
|
+
/**
|
|
12
|
+
* debounce a callback wrapped in animation frame.
|
|
13
|
+
*
|
|
14
|
+
* @param callback callback to call after frame runs
|
|
15
|
+
*/
|
|
16
|
+
debounce: (callback: () => void) => void;
|
|
17
|
+
/**
|
|
18
|
+
* cancel our frame.
|
|
19
|
+
*/
|
|
20
|
+
cancel: () => void;
|
|
21
|
+
};
|
|
22
|
+
};
|
package/package.json
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@muraldevkit/ui-toolkit",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.33.0",
|
|
4
4
|
"description": "Mural's UI Toolkit",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
|
+
"engines": {
|
|
9
|
+
"node": "18.x",
|
|
10
|
+
"npm": "7.x"
|
|
11
|
+
},
|
|
8
12
|
"files": [
|
|
9
13
|
"dist"
|
|
10
14
|
],
|
|
@@ -50,7 +54,7 @@
|
|
|
50
54
|
"@babel/preset-env": "7.21.4",
|
|
51
55
|
"@babel/preset-react": "7.18.6",
|
|
52
56
|
"@babel/preset-typescript": "7.21.4",
|
|
53
|
-
"@muraldevkit/ds-foundation": "1.
|
|
57
|
+
"@muraldevkit/ds-foundation": "1.6.0",
|
|
54
58
|
"@storybook/addon-a11y": "7.0.26",
|
|
55
59
|
"@storybook/addon-essentials": "7.0.26",
|
|
56
60
|
"@storybook/addon-interactions": "7.0.26",
|