magneto365.ui 2.72.0 → 2.73.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/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +19 -14
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/JobFooterCard/JobFooterCard.interface.d.ts +4 -0
- package/dist/cjs/types/components/docs/DesignSystem/DesignSystem.interface.d.ts +32 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/DesignSystemUtilityClassRenderer.component.d.ts +3 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/DesignSystemUtilityClassRenderer.interface.d.ts +4 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/index.d.ts +2 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/index.d.ts +1 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemWeight/DesignSystemWeight.component.d.ts +2 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/index.d.ts +1 -0
- package/dist/cjs/types/constants/img.constants.d.ts +3 -0
- package/dist/cjs/types/shared/tokens/index.d.ts +18 -7
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +19 -14
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/JobFooterCard/JobFooterCard.interface.d.ts +4 -0
- package/dist/esm/types/components/docs/DesignSystem/DesignSystem.interface.d.ts +32 -0
- package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/DesignSystemUtilityClassRenderer.component.d.ts +3 -0
- package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/DesignSystemUtilityClassRenderer.interface.d.ts +4 -0
- package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/index.d.ts +2 -0
- package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/index.d.ts +1 -0
- package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemWeight/DesignSystemWeight.component.d.ts +2 -0
- package/dist/esm/types/components/docs/DesignSystem/children/index.d.ts +1 -0
- package/dist/esm/types/constants/img.constants.d.ts +3 -0
- package/dist/esm/types/shared/tokens/index.d.ts +18 -7
- package/dist/index.d.ts +23 -8
- package/dist/tokens/_border.scss +1 -1
- package/dist/tokens/_gap.scss +4 -0
- package/dist/tokens/_index.scss +1 -0
- package/dist/tokens/_margin.scss +4 -0
- package/dist/tokens/_padding.scss +4 -0
- package/dist/tokens/_radius.scss +4 -0
- package/dist/tokens/_scale.scss +78 -30
- package/dist/tokens/_screen.scss +2 -2
- package/dist/tokens/_text.scss +4 -2
- package/dist/tokens/_weight.scss +10 -0
- package/package.json +1 -1
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export declare type IDesignSystem = {
|
|
2
|
+
values: IDesignSystemValues;
|
|
3
|
+
utilities?: IDesignSystemUtilities;
|
|
4
|
+
docs?: IDesignSystemDocs;
|
|
5
|
+
};
|
|
6
|
+
export declare type IDesignSystemValues = {
|
|
7
|
+
[key: string]: string | number | IDesignSystemValues;
|
|
8
|
+
};
|
|
9
|
+
export declare type IDesignSystemUtilities = {
|
|
10
|
+
imports?: IDesignSystemImport[];
|
|
11
|
+
classes?: IDesignSystemClass[];
|
|
12
|
+
};
|
|
13
|
+
export declare type IDesignSystemImport = {
|
|
14
|
+
file: string;
|
|
15
|
+
alias?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare type IDesignSystemClass = {
|
|
18
|
+
name: string;
|
|
19
|
+
prefix: string;
|
|
20
|
+
conditions?: IDesignSystemConditions;
|
|
21
|
+
properties: IDesignSystemProperty[];
|
|
22
|
+
};
|
|
23
|
+
export declare type IDesignSystemConditions = {
|
|
24
|
+
excludeValues?: string[];
|
|
25
|
+
removeFromClass?: string[];
|
|
26
|
+
};
|
|
27
|
+
export declare type IDesignSystemProperty = {
|
|
28
|
+
property: string;
|
|
29
|
+
};
|
|
30
|
+
export declare type IDesignSystemDocs = {
|
|
31
|
+
[key: string]: string | boolean | number;
|
|
32
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DesignSystemUtilityClassRenderer } from './DesignSystemUtilityClassRenderer';
|
|
@@ -10,3 +10,4 @@ export { DesignSystemScreen } from './DesignSystemScreen/DesignSystemScreen.comp
|
|
|
10
10
|
export { DesignSystemShadow } from './DesignSystemShadow/DesignSystemShadow.component';
|
|
11
11
|
export { DesignSystemText } from './DesignSystemText/DesignSystemText.component';
|
|
12
12
|
export { DesignSystemUtilityClass } from './DesignSystemUtilityClass/DesignSystemUtilityClass.component';
|
|
13
|
+
export { DesignSystemWeight } from './DesignSystemWeight/DesignSystemWeight.component';
|
|
@@ -31,7 +31,7 @@ export declare type MagnetoUIColor = 'transparent' | 'inherit' | 'current' | 'bl
|
|
|
31
31
|
* @category layout
|
|
32
32
|
* @tags spacing, gap, layout, grid, flexbox
|
|
33
33
|
*/
|
|
34
|
-
export declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
34
|
+
export declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
35
35
|
/**
|
|
36
36
|
* @description Spacing SCCS vars used for setting margin around elements for consistent layout spacing.
|
|
37
37
|
* @example ```scss
|
|
@@ -42,7 +42,7 @@ export declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg'
|
|
|
42
42
|
* @category spacing
|
|
43
43
|
* @tags spacing, margin, layout, spacing-system
|
|
44
44
|
*/
|
|
45
|
-
export declare type MagnetoUIMargin = 'inherit' | 'none' | 'auto' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
45
|
+
export declare type MagnetoUIMargin = 'inherit' | 'none' | 'auto' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
46
46
|
/**
|
|
47
47
|
* @description Opacity SCC vars used to define transparency levels for elements and UI states.
|
|
48
48
|
* @example ```scss
|
|
@@ -64,7 +64,7 @@ export declare type MagnetoUIOpacity = '10' | '12' | '20' | '30' | '40' | '50' |
|
|
|
64
64
|
* @category spacing
|
|
65
65
|
* @tags spacing, padding, layout, box-model
|
|
66
66
|
*/
|
|
67
|
-
export declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
67
|
+
export declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
68
68
|
/**
|
|
69
69
|
* @description Radius SCSS vars used to define consistent border-radius values across components.
|
|
70
70
|
* @example ```scss
|
|
@@ -75,7 +75,7 @@ export declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'md' |
|
|
|
75
75
|
* @category visual
|
|
76
76
|
* @tags radius, border-radius, rounding, shape, visual
|
|
77
77
|
*/
|
|
78
|
-
export declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
78
|
+
export declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
79
79
|
/**
|
|
80
80
|
* @description Scale SCSS vars for handling responsive designs.
|
|
81
81
|
* @example ```scss
|
|
@@ -86,7 +86,7 @@ export declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | '
|
|
|
86
86
|
* @category motion
|
|
87
87
|
* @tags scale, transform, animation, motion
|
|
88
88
|
*/
|
|
89
|
-
export declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min' | 'px-base' | 'px-
|
|
89
|
+
export declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min' | 'px-base' | 'px-xxs' | 'px-xs' | 'px-sm' | 'px-sm-2' | 'px-md' | 'px-md-2' | 'px-lg' | 'px-xl' | 'px-2xl' | 'px-3xl' | 'px-4xl' | 'px-container-xxs' | 'px-container-xs' | 'px-container-sm' | 'px-container-md' | 'px-container-lg' | 'px-container-xl' | 'px-container-2xl' | 'px-container-3xl' | 'rem-xxs' | 'rem-xs' | 'rem-sm' | 'rem-sm-2' | 'rem-md' | 'rem-md-2' | 'rem-lg' | 'rem-xl' | 'rem-2xl' | 'rem-3xl' | 'rem-4xl' | 'rem-container-xxs' | 'rem-container-xs' | 'rem-container-sm' | 'rem-container-md' | 'rem-container-lg' | 'rem-container-xl' | 'rem-container-2xl' | 'rem-container-3xl';
|
|
90
90
|
/**
|
|
91
91
|
* @description Breakpoint SCSS vars used for media queries and responsive layout control.
|
|
92
92
|
* @example ```scss
|
|
@@ -99,7 +99,7 @@ export declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min
|
|
|
99
99
|
* @category responsive
|
|
100
100
|
* @tags breakpoint, media query, responsive, screen
|
|
101
101
|
*/
|
|
102
|
-
export declare type MagnetoUIScreen = '
|
|
102
|
+
export declare type MagnetoUIScreen = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
103
103
|
/**
|
|
104
104
|
* @description Shadow SCSS vars for consistent elevation and depth effects in components.
|
|
105
105
|
* @example ```scss
|
|
@@ -121,4 +121,15 @@ export declare type MagnetoUIShadow = '10' | '20' | '30' | 'inherit' | 'none';
|
|
|
121
121
|
* @category typography
|
|
122
122
|
* @tags text, typography, font, size, weight, line-height
|
|
123
123
|
*/
|
|
124
|
-
export declare type MagnetoUIText = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
|
|
124
|
+
export declare type MagnetoUIText = 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
|
|
125
|
+
/**
|
|
126
|
+
* @description Weight SCSS vars for consistent font weights.
|
|
127
|
+
* @example ```scss
|
|
128
|
+
* .title {
|
|
129
|
+
* font-size: $weight-normal;
|
|
130
|
+
* }
|
|
131
|
+
* ```
|
|
132
|
+
* @category typography
|
|
133
|
+
* @tags text, typography, font, size, weight, line-height
|
|
134
|
+
*/
|
|
135
|
+
export declare type MagnetoUIWeight = 'normal' | 'bold' | 'black';
|