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';
|
package/dist/index.d.ts
CHANGED
|
@@ -2958,6 +2958,10 @@ interface IJobFooterCard {
|
|
|
2958
2958
|
* Props for the share button component.
|
|
2959
2959
|
*/
|
|
2960
2960
|
shareButtonProps: IShareButton$1;
|
|
2961
|
+
/**
|
|
2962
|
+
* This is the company name
|
|
2963
|
+
*/
|
|
2964
|
+
companyName?: string;
|
|
2961
2965
|
}
|
|
2962
2966
|
|
|
2963
2967
|
/**
|
|
@@ -6714,7 +6718,7 @@ declare type MagnetoUIColor = 'transparent' | 'inherit' | 'current' | 'blue-dark
|
|
|
6714
6718
|
* @category layout
|
|
6715
6719
|
* @tags spacing, gap, layout, grid, flexbox
|
|
6716
6720
|
*/
|
|
6717
|
-
declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
6721
|
+
declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
6718
6722
|
/**
|
|
6719
6723
|
* @description Spacing SCCS vars used for setting margin around elements for consistent layout spacing.
|
|
6720
6724
|
* @example ```scss
|
|
@@ -6725,7 +6729,7 @@ declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'
|
|
|
6725
6729
|
* @category spacing
|
|
6726
6730
|
* @tags spacing, margin, layout, spacing-system
|
|
6727
6731
|
*/
|
|
6728
|
-
declare type MagnetoUIMargin = 'inherit' | 'none' | 'auto' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
6732
|
+
declare type MagnetoUIMargin = 'inherit' | 'none' | 'auto' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
6729
6733
|
/**
|
|
6730
6734
|
* @description Opacity SCC vars used to define transparency levels for elements and UI states.
|
|
6731
6735
|
* @example ```scss
|
|
@@ -6747,7 +6751,7 @@ declare type MagnetoUIOpacity = '10' | '12' | '20' | '30' | '40' | '50' | '60' |
|
|
|
6747
6751
|
* @category spacing
|
|
6748
6752
|
* @tags spacing, padding, layout, box-model
|
|
6749
6753
|
*/
|
|
6750
|
-
declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
6754
|
+
declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
6751
6755
|
/**
|
|
6752
6756
|
* @description Radius SCSS vars used to define consistent border-radius values across components.
|
|
6753
6757
|
* @example ```scss
|
|
@@ -6758,7 +6762,7 @@ declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' |
|
|
|
6758
6762
|
* @category visual
|
|
6759
6763
|
* @tags radius, border-radius, rounding, shape, visual
|
|
6760
6764
|
*/
|
|
6761
|
-
declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
6765
|
+
declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
|
|
6762
6766
|
/**
|
|
6763
6767
|
* @description Scale SCSS vars for handling responsive designs.
|
|
6764
6768
|
* @example ```scss
|
|
@@ -6769,7 +6773,7 @@ declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | '
|
|
|
6769
6773
|
* @category motion
|
|
6770
6774
|
* @tags scale, transform, animation, motion
|
|
6771
6775
|
*/
|
|
6772
|
-
declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min' | 'px-base' | 'px-
|
|
6776
|
+
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';
|
|
6773
6777
|
/**
|
|
6774
6778
|
* @description Breakpoint SCSS vars used for media queries and responsive layout control.
|
|
6775
6779
|
* @example ```scss
|
|
@@ -6782,7 +6786,7 @@ declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min' | 'px
|
|
|
6782
6786
|
* @category responsive
|
|
6783
6787
|
* @tags breakpoint, media query, responsive, screen
|
|
6784
6788
|
*/
|
|
6785
|
-
declare type MagnetoUIScreen = '
|
|
6789
|
+
declare type MagnetoUIScreen = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
6786
6790
|
/**
|
|
6787
6791
|
* @description Shadow SCSS vars for consistent elevation and depth effects in components.
|
|
6788
6792
|
* @example ```scss
|
|
@@ -6804,6 +6808,17 @@ declare type MagnetoUIShadow = '10' | '20' | '30' | 'inherit' | 'none';
|
|
|
6804
6808
|
* @category typography
|
|
6805
6809
|
* @tags text, typography, font, size, weight, line-height
|
|
6806
6810
|
*/
|
|
6807
|
-
declare type MagnetoUIText = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
|
|
6811
|
+
declare type MagnetoUIText = 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
|
|
6812
|
+
/**
|
|
6813
|
+
* @description Weight SCSS vars for consistent font weights.
|
|
6814
|
+
* @example ```scss
|
|
6815
|
+
* .title {
|
|
6816
|
+
* font-size: $weight-normal;
|
|
6817
|
+
* }
|
|
6818
|
+
* ```
|
|
6819
|
+
* @category typography
|
|
6820
|
+
* @tags text, typography, font, size, weight, line-height
|
|
6821
|
+
*/
|
|
6822
|
+
declare type MagnetoUIWeight = 'normal' | 'bold' | 'black';
|
|
6808
6823
|
|
|
6809
|
-
export { Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlertsPanel, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarChart, BarLoader, BarsChart, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$3 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, ButtonLink, CandidateNav, CandidateProfile, CandidateProfileTemplate, CategoryGrid, _default as CategoryMenuCard, Checkbox, CitiesDetailDrawer, Collapse, ComparativeCounter, ComponentProps, CreateAccountCTA, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, DotsLoader, Drawer, DrawerMenu, EAlertJobStatusIcon, EAlertJobStatusType, EAlertType, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, ETypographyFontWeight, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, HorizontalMenu, IActions, IAlert, IAlertJobStatus, IAlertsPanel, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, IButtonLink, ICanApply, ICandidateNavButton, ICandidateNavContext, ICandidateProfileAvatar, ICandidateProfileTemplate, ICandidateProfileTemplateProfile, ICandidateProvider, ICandidateScreen, ICandidateTemplateContext, ICardsRef, ICategoryField, ICategoryGrid, ICategoryMenuCard, ICheckbox, ICitiesDetailDrawer, ICityDetail, ICollapseContext, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IExpandableInfoProps, IFieldsAlias, IFilter, IFilterActions, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFiltersRef, IFooterList, IFrequentSearch, IGetOptionsOnSearchProps, IHeaderAnalyst, IHeaderDrawerCompany, IHeaderDrawerTabs, IHeaderTab, IHeaderTabs, IHorizontalMenu, IHorizontalMenuOption, IImage, IJobApplyCard, IJobCard, IJobCompanyHeader, IJobCompanyLogo, IJobDetailCard, IJobDetails, IJobDetailsDrawer, IJobFooterCard, IJobHeader, IJobSkillsCard, IJobSuggestedDrawer, IJobVideo, IJobsActions, IJobsPage, ILinkProps, IListIcon, IListIconLink, IListMenuIcons, IListMenuItems, ILoading, ILoginHeader, ILoginJobsHeader, ILoginJobsTemplate, ILogoAnalyst, ILogoComponent, ILogout, ILogoutHeader, ILogoutJobsHeader, ILogoutJobsTemplate, ILogoutTemplate, IMainButton, IMegaMenu, IMegaMenuCard, IMegaMenuCards, IMegaMenuDrawer, IMegaMenuDrawerItem, IMegaMenuDrawerItemContent, IMegaMenuEmpty, IMegaMenuSideCards, IMegaMenuTab, IMenuCollapseChildren, IMenuDropdownProps, IMenuIcon, IMenuItem, IMenuItems, IMenuSearch, IMenuUser, IMessageProps, IMobileDatePicker, IMobileDrawer, IMobileDrawerMenu, IMobileJobDetailsDrawer, IMobileJobDetailsHeader, IMobileSearchbar, IMobileSortMenu, IModalAnalyst, IModalAnalystProps, IModalAnalystScreen, IModalProps, IMultiRangeSlider, INavMMenuAnalystRegionModal, INavMenuAnalystIcons, INavMenuAnalystOption, INavMenuAnalystProps, INavMenuAnalystQueryString, INavMenuAnalystRegion, INavMenuAnalystRegionModalProps, INavMenuAnalystSection, INavMenuDrawerAnalystProps, INotification, IOption, IOptionValues, IPaginationProps, IParagraph, IPopover, IQualification, IQualificationStar, IRadioCommonProps, IRadioProps, IRatingBadge, ISaveButton, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, ISelect, ISetIsApplied, ISettings, IShareButton, IShareLink, IShareLinksActions, ISharePopover, ISideFilter, ISimilarCard, ISimilarCardData, ISimilarJobsCard, ISkill, ISortBar, ISortMenu, ISortMenuItem, ISubCompanyAnalyst, ISuggestedJobsPage, ISwitch, ITab, ITabButton, ITypographyBase, ITypographyEllipsis, ITypographyLink, ITypographyText, ITypographyTitle, IUnApplyWithChild, IUserAnalyst, IUserMenuAnalystAction, IUserMenuAnalystProps, IUserMenuAnalystQueryString, IUserMenuAnalystSection, IUserMenuButtonAnalystProps, IUserMenuWrapperAnalystProps, IUserTerm, IVacancies$1 as IVacancies, IVacantPositions, IValueSelect, IconItem, IconProps, IlistMenuUserProps, Image, Input, InputFile, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobRequirementsElement, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, LinkElement, LinkType, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, MagnetoUIBorder, MagnetoUIColor, MagnetoUIGap, MagnetoUIMargin, MagnetoUIOpacity, MagnetoUIPadding, ContextAppProvider as MagnetoUIProvider, MagnetoUIRadius, MagnetoUIScale, MagnetoUIScreen, MagnetoUIShadow, MagnetoUIText, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuItemInfo, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, _default$2 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Qualification, Radio, RatingBadge, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default$1 as SortMenu, SuggestedJobsPage, Switch, TCandidateNav, TCandidateNavOption, TCandidateNavOptions, TCandidateNavStep, TCandidateProfile, TCandidateProfileBody, TCandidateProfileHeader, TCandidateProfileTemplateHeader, TCandidateProfileTemplateNav, TCandidateProfileToggler, TCollapse, TCollapseBody, TCollapseHeader, TCollapseToggler, TExpandableInfoSize, TExpandableInfoVariant, TInputFile, TMessageType, TToggleButtonList, TTypographyFontWeight, TTypographyParagraph, TVacantOption, TVacantOptionType, Tab, TabButton, TabButtonElement, Tags as Tag, TextArea, TextCustom, TimeLineItemStatus, Timeline, TimelineEvent, TimelineEventProps, ToggleButton, ToggleButtonList, Tooltip, Typography, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, VacantPositions, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
|
6824
|
+
export { Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlertsPanel, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarChart, BarLoader, BarsChart, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$3 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, ButtonLink, CandidateNav, CandidateProfile, CandidateProfileTemplate, CategoryGrid, _default as CategoryMenuCard, Checkbox, CitiesDetailDrawer, Collapse, ComparativeCounter, ComponentProps, CreateAccountCTA, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, DotsLoader, Drawer, DrawerMenu, EAlertJobStatusIcon, EAlertJobStatusType, EAlertType, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, ETypographyFontWeight, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, HorizontalMenu, IActions, IAlert, IAlertJobStatus, IAlertsPanel, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, IButtonLink, ICanApply, ICandidateNavButton, ICandidateNavContext, ICandidateProfileAvatar, ICandidateProfileTemplate, ICandidateProfileTemplateProfile, ICandidateProvider, ICandidateScreen, ICandidateTemplateContext, ICardsRef, ICategoryField, ICategoryGrid, ICategoryMenuCard, ICheckbox, ICitiesDetailDrawer, ICityDetail, ICollapseContext, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IExpandableInfoProps, IFieldsAlias, IFilter, IFilterActions, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFiltersRef, IFooterList, IFrequentSearch, IGetOptionsOnSearchProps, IHeaderAnalyst, IHeaderDrawerCompany, IHeaderDrawerTabs, IHeaderTab, IHeaderTabs, IHorizontalMenu, IHorizontalMenuOption, IImage, IJobApplyCard, IJobCard, IJobCompanyHeader, IJobCompanyLogo, IJobDetailCard, IJobDetails, IJobDetailsDrawer, IJobFooterCard, IJobHeader, IJobSkillsCard, IJobSuggestedDrawer, IJobVideo, IJobsActions, IJobsPage, ILinkProps, IListIcon, IListIconLink, IListMenuIcons, IListMenuItems, ILoading, ILoginHeader, ILoginJobsHeader, ILoginJobsTemplate, ILogoAnalyst, ILogoComponent, ILogout, ILogoutHeader, ILogoutJobsHeader, ILogoutJobsTemplate, ILogoutTemplate, IMainButton, IMegaMenu, IMegaMenuCard, IMegaMenuCards, IMegaMenuDrawer, IMegaMenuDrawerItem, IMegaMenuDrawerItemContent, IMegaMenuEmpty, IMegaMenuSideCards, IMegaMenuTab, IMenuCollapseChildren, IMenuDropdownProps, IMenuIcon, IMenuItem, IMenuItems, IMenuSearch, IMenuUser, IMessageProps, IMobileDatePicker, IMobileDrawer, IMobileDrawerMenu, IMobileJobDetailsDrawer, IMobileJobDetailsHeader, IMobileSearchbar, IMobileSortMenu, IModalAnalyst, IModalAnalystProps, IModalAnalystScreen, IModalProps, IMultiRangeSlider, INavMMenuAnalystRegionModal, INavMenuAnalystIcons, INavMenuAnalystOption, INavMenuAnalystProps, INavMenuAnalystQueryString, INavMenuAnalystRegion, INavMenuAnalystRegionModalProps, INavMenuAnalystSection, INavMenuDrawerAnalystProps, INotification, IOption, IOptionValues, IPaginationProps, IParagraph, IPopover, IQualification, IQualificationStar, IRadioCommonProps, IRadioProps, IRatingBadge, ISaveButton, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, ISelect, ISetIsApplied, ISettings, IShareButton, IShareLink, IShareLinksActions, ISharePopover, ISideFilter, ISimilarCard, ISimilarCardData, ISimilarJobsCard, ISkill, ISortBar, ISortMenu, ISortMenuItem, ISubCompanyAnalyst, ISuggestedJobsPage, ISwitch, ITab, ITabButton, ITypographyBase, ITypographyEllipsis, ITypographyLink, ITypographyText, ITypographyTitle, IUnApplyWithChild, IUserAnalyst, IUserMenuAnalystAction, IUserMenuAnalystProps, IUserMenuAnalystQueryString, IUserMenuAnalystSection, IUserMenuButtonAnalystProps, IUserMenuWrapperAnalystProps, IUserTerm, IVacancies$1 as IVacancies, IVacantPositions, IValueSelect, IconItem, IconProps, IlistMenuUserProps, Image, Input, InputFile, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobRequirementsElement, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, LinkElement, LinkType, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, MagnetoUIBorder, MagnetoUIColor, MagnetoUIGap, MagnetoUIMargin, MagnetoUIOpacity, MagnetoUIPadding, ContextAppProvider as MagnetoUIProvider, MagnetoUIRadius, MagnetoUIScale, MagnetoUIScreen, MagnetoUIShadow, MagnetoUIText, MagnetoUIWeight, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuItemInfo, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, _default$2 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Qualification, Radio, RatingBadge, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default$1 as SortMenu, SuggestedJobsPage, Switch, TCandidateNav, TCandidateNavOption, TCandidateNavOptions, TCandidateNavStep, TCandidateProfile, TCandidateProfileBody, TCandidateProfileHeader, TCandidateProfileTemplateHeader, TCandidateProfileTemplateNav, TCandidateProfileToggler, TCollapse, TCollapseBody, TCollapseHeader, TCollapseToggler, TExpandableInfoSize, TExpandableInfoVariant, TInputFile, TMessageType, TToggleButtonList, TTypographyFontWeight, TTypographyParagraph, TVacantOption, TVacantOptionType, Tab, TabButton, TabButtonElement, Tags as Tag, TextArea, TextCustom, TimeLineItemStatus, Timeline, TimelineEvent, TimelineEventProps, ToggleButton, ToggleButtonList, Tooltip, Typography, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, VacantPositions, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
package/dist/tokens/_border.scss
CHANGED
package/dist/tokens/_gap.scss
CHANGED
|
@@ -5,7 +5,9 @@ $gap-inherit: scale.$scale-inherit;
|
|
|
5
5
|
$gap-min: scale.$scale-min;
|
|
6
6
|
$gap-xs: scale.$scale-rem-xs;
|
|
7
7
|
$gap-sm: scale.$scale-rem-sm;
|
|
8
|
+
$gap-sm-2: scale.$scale-rem-sm-2;
|
|
8
9
|
$gap-md: scale.$scale-rem-md;
|
|
10
|
+
$gap-md-2: scale.$scale-rem-md-2;
|
|
9
11
|
$gap-lg: scale.$scale-rem-lg;
|
|
10
12
|
$gap-xl: scale.$scale-rem-xl;
|
|
11
13
|
$gap-2xl: scale.$scale-rem-2xl;
|
|
@@ -18,7 +20,9 @@ $gap-map: (
|
|
|
18
20
|
min: $gap-min,
|
|
19
21
|
xs: $gap-xs,
|
|
20
22
|
sm: $gap-sm,
|
|
23
|
+
sm-2: $gap-sm-2,
|
|
21
24
|
md: $gap-md,
|
|
25
|
+
md-2: $gap-md-2,
|
|
22
26
|
lg: $gap-lg,
|
|
23
27
|
xl: $gap-xl,
|
|
24
28
|
2xl: $gap-2xl,
|
package/dist/tokens/_index.scss
CHANGED
package/dist/tokens/_margin.scss
CHANGED
|
@@ -7,7 +7,9 @@ $margin-auto: scale.$scale-auto;
|
|
|
7
7
|
$margin-min: scale.$scale-min;
|
|
8
8
|
$margin-xs: scale.$scale-rem-xs;
|
|
9
9
|
$margin-sm: scale.$scale-rem-sm;
|
|
10
|
+
$margin-sm-2: scale.$scale-rem-sm-2;
|
|
10
11
|
$margin-md: scale.$scale-rem-md;
|
|
12
|
+
$margin-md-2: scale.$scale-rem-md-2;
|
|
11
13
|
$margin-lg: scale.$scale-rem-lg;
|
|
12
14
|
$margin-xl: scale.$scale-rem-xl;
|
|
13
15
|
$margin-2xl: scale.$scale-rem-2xl;
|
|
@@ -22,7 +24,9 @@ $margin-map: (
|
|
|
22
24
|
min: $margin-min,
|
|
23
25
|
xs: $margin-xs,
|
|
24
26
|
sm: $margin-sm,
|
|
27
|
+
sm-2: $margin-sm-2,
|
|
25
28
|
md: $margin-md,
|
|
29
|
+
md-2: $margin-md-2,
|
|
26
30
|
lg: $margin-lg,
|
|
27
31
|
xl: $margin-xl,
|
|
28
32
|
2xl: $margin-2xl,
|
|
@@ -5,7 +5,9 @@ $padding-inherit: scale.$scale-inherit;
|
|
|
5
5
|
$padding-min: scale.$scale-min;
|
|
6
6
|
$padding-xs: scale.$scale-rem-xs;
|
|
7
7
|
$padding-sm: scale.$scale-rem-sm;
|
|
8
|
+
$padding-sm-2: scale.$scale-rem-sm-2;
|
|
8
9
|
$padding-md: scale.$scale-rem-md;
|
|
10
|
+
$padding-md-2: scale.$scale-rem-md-2;
|
|
9
11
|
$padding-lg: scale.$scale-rem-lg;
|
|
10
12
|
$padding-xl: scale.$scale-rem-xl;
|
|
11
13
|
$padding-2xl: scale.$scale-rem-2xl;
|
|
@@ -18,7 +20,9 @@ $padding-map: (
|
|
|
18
20
|
min: $padding-min,
|
|
19
21
|
xs: $padding-xs,
|
|
20
22
|
sm: $padding-sm,
|
|
23
|
+
sm-2: $padding-sm-2,
|
|
21
24
|
md: $padding-md,
|
|
25
|
+
md-2: $padding-md-2,
|
|
22
26
|
lg: $padding-lg,
|
|
23
27
|
xl: $padding-xl,
|
|
24
28
|
2xl: $padding-2xl,
|
package/dist/tokens/_radius.scss
CHANGED
|
@@ -5,7 +5,9 @@ $radius-inherit: scale.$scale-inherit;
|
|
|
5
5
|
$radius-min: scale.$scale-min;
|
|
6
6
|
$radius-xs: scale.$scale-rem-xs;
|
|
7
7
|
$radius-sm: scale.$scale-rem-sm;
|
|
8
|
+
$radius-sm-2: scale.$scale-rem-sm-2;
|
|
8
9
|
$radius-md: scale.$scale-rem-md;
|
|
10
|
+
$radius-md-2: scale.$scale-rem-md-2;
|
|
9
11
|
$radius-lg: scale.$scale-rem-lg;
|
|
10
12
|
$radius-xl: scale.$scale-rem-xl;
|
|
11
13
|
$radius-2xl: scale.$scale-rem-2xl;
|
|
@@ -18,7 +20,9 @@ $radius-map: (
|
|
|
18
20
|
min: $radius-min,
|
|
19
21
|
xs: $radius-xs,
|
|
20
22
|
sm: $radius-sm,
|
|
23
|
+
sm-2: $radius-sm-2,
|
|
21
24
|
md: $radius-md,
|
|
25
|
+
md-2: $radius-md-2,
|
|
22
26
|
lg: $radius-lg,
|
|
23
27
|
xl: $radius-xl,
|
|
24
28
|
2xl: $radius-2xl,
|
package/dist/tokens/_scale.scss
CHANGED
|
@@ -5,16 +5,18 @@ $scale-auto: auto;
|
|
|
5
5
|
$scale-full: 100%;
|
|
6
6
|
$scale-min: 0;
|
|
7
7
|
$scale-px-base: 16px;
|
|
8
|
-
$scale-px-
|
|
8
|
+
$scale-px-xxs: 1px;
|
|
9
9
|
$scale-px-xs: 4px;
|
|
10
10
|
$scale-px-sm: 8px;
|
|
11
|
+
$scale-px-sm-2: 10px;
|
|
11
12
|
$scale-px-md: 12px;
|
|
13
|
+
$scale-px-md-2: 14px;
|
|
12
14
|
$scale-px-lg: 16px;
|
|
13
15
|
$scale-px-xl: 20px;
|
|
14
16
|
$scale-px-2xl: 24px;
|
|
15
17
|
$scale-px-3xl: 28px;
|
|
16
18
|
$scale-px-4xl: 32px;
|
|
17
|
-
$scale-px-container-
|
|
19
|
+
$scale-px-container-xxs: 375px;
|
|
18
20
|
$scale-px-container-xs: 480px;
|
|
19
21
|
$scale-px-container-sm: 576px;
|
|
20
22
|
$scale-px-container-md: 768px;
|
|
@@ -22,16 +24,18 @@ $scale-px-container-lg: 992px;
|
|
|
22
24
|
$scale-px-container-xl: 1024px;
|
|
23
25
|
$scale-px-container-2xl: 1280px;
|
|
24
26
|
$scale-px-container-3xl: 1440px;
|
|
25
|
-
$scale-rem-
|
|
27
|
+
$scale-rem-xxs: calc($scale-px-xxs / $scale-px-base) * 1rem;
|
|
26
28
|
$scale-rem-xs: calc($scale-px-xs / $scale-px-base) * 1rem;
|
|
27
29
|
$scale-rem-sm: calc($scale-px-sm / $scale-px-base) * 1rem;
|
|
30
|
+
$scale-rem-sm-2: calc($scale-px-sm-2 / $scale-px-base) * 1rem;
|
|
28
31
|
$scale-rem-md: calc($scale-px-md / $scale-px-base) * 1rem;
|
|
32
|
+
$scale-rem-md-2: calc($scale-px-md-2 / $scale-px-base) * 1rem;
|
|
29
33
|
$scale-rem-lg: calc($scale-px-lg / $scale-px-base) * 1rem;
|
|
30
34
|
$scale-rem-xl: calc($scale-px-xl / $scale-px-base) * 1rem;
|
|
31
35
|
$scale-rem-2xl: calc($scale-px-2xl / $scale-px-base) * 1rem;
|
|
32
36
|
$scale-rem-3xl: calc($scale-px-3xl / $scale-px-base) * 1rem;
|
|
33
37
|
$scale-rem-4xl: calc($scale-px-4xl / $scale-px-base) * 1rem;
|
|
34
|
-
$scale-rem-container-
|
|
38
|
+
$scale-rem-container-xxs: calc($scale-px-container-xxs / $scale-px-base) * 1rem;
|
|
35
39
|
$scale-rem-container-xs: calc($scale-px-container-xs / $scale-px-base) * 1rem;
|
|
36
40
|
$scale-rem-container-sm: calc($scale-px-container-sm / $scale-px-base) * 1rem;
|
|
37
41
|
$scale-rem-container-md: calc($scale-px-container-md / $scale-px-base) * 1rem;
|
|
@@ -47,16 +51,18 @@ $scale-map: (
|
|
|
47
51
|
full: $scale-full,
|
|
48
52
|
min: $scale-min,
|
|
49
53
|
px-base: $scale-px-base,
|
|
50
|
-
px-
|
|
54
|
+
px-xxs: $scale-px-xxs,
|
|
51
55
|
px-xs: $scale-px-xs,
|
|
52
56
|
px-sm: $scale-px-sm,
|
|
57
|
+
px-sm-2: $scale-px-sm-2,
|
|
53
58
|
px-md: $scale-px-md,
|
|
59
|
+
px-md-2: $scale-px-md-2,
|
|
54
60
|
px-lg: $scale-px-lg,
|
|
55
61
|
px-xl: $scale-px-xl,
|
|
56
62
|
px-2xl: $scale-px-2xl,
|
|
57
63
|
px-3xl: $scale-px-3xl,
|
|
58
64
|
px-4xl: $scale-px-4xl,
|
|
59
|
-
px-container-
|
|
65
|
+
px-container-xxs: $scale-px-container-xxs,
|
|
60
66
|
px-container-xs: $scale-px-container-xs,
|
|
61
67
|
px-container-sm: $scale-px-container-sm,
|
|
62
68
|
px-container-md: $scale-px-container-md,
|
|
@@ -64,16 +70,18 @@ $scale-map: (
|
|
|
64
70
|
px-container-xl: $scale-px-container-xl,
|
|
65
71
|
px-container-2xl: $scale-px-container-2xl,
|
|
66
72
|
px-container-3xl: $scale-px-container-3xl,
|
|
67
|
-
rem-
|
|
73
|
+
rem-xxs: $scale-rem-xxs,
|
|
68
74
|
rem-xs: $scale-rem-xs,
|
|
69
75
|
rem-sm: $scale-rem-sm,
|
|
76
|
+
rem-sm-2: $scale-rem-sm-2,
|
|
70
77
|
rem-md: $scale-rem-md,
|
|
78
|
+
rem-md-2: $scale-rem-md-2,
|
|
71
79
|
rem-lg: $scale-rem-lg,
|
|
72
80
|
rem-xl: $scale-rem-xl,
|
|
73
81
|
rem-2xl: $scale-rem-2xl,
|
|
74
82
|
rem-3xl: $scale-rem-3xl,
|
|
75
83
|
rem-4xl: $scale-rem-4xl,
|
|
76
|
-
rem-container-
|
|
84
|
+
rem-container-xxs: $scale-rem-container-xxs,
|
|
77
85
|
rem-container-xs: $scale-rem-container-xs,
|
|
78
86
|
rem-container-sm: $scale-rem-container-sm,
|
|
79
87
|
rem-container-md: $scale-rem-container-md,
|
|
@@ -98,8 +106,8 @@ $scale-map: (
|
|
|
98
106
|
.w-min {
|
|
99
107
|
width: $scale-min;
|
|
100
108
|
}
|
|
101
|
-
.w-
|
|
102
|
-
width: $scale-rem-
|
|
109
|
+
.w-xxs {
|
|
110
|
+
width: $scale-rem-xxs;
|
|
103
111
|
}
|
|
104
112
|
.w-xs {
|
|
105
113
|
width: $scale-rem-xs;
|
|
@@ -107,9 +115,15 @@ $scale-map: (
|
|
|
107
115
|
.w-sm {
|
|
108
116
|
width: $scale-rem-sm;
|
|
109
117
|
}
|
|
118
|
+
.w-sm-2 {
|
|
119
|
+
width: $scale-rem-sm-2;
|
|
120
|
+
}
|
|
110
121
|
.w-md {
|
|
111
122
|
width: $scale-rem-md;
|
|
112
123
|
}
|
|
124
|
+
.w-md-2 {
|
|
125
|
+
width: $scale-rem-md-2;
|
|
126
|
+
}
|
|
113
127
|
.w-lg {
|
|
114
128
|
width: $scale-rem-lg;
|
|
115
129
|
}
|
|
@@ -125,8 +139,8 @@ $scale-map: (
|
|
|
125
139
|
.w-4xl {
|
|
126
140
|
width: $scale-rem-4xl;
|
|
127
141
|
}
|
|
128
|
-
.w-container-
|
|
129
|
-
width: $scale-rem-container-
|
|
142
|
+
.w-container-xxs {
|
|
143
|
+
width: $scale-rem-container-xxs;
|
|
130
144
|
}
|
|
131
145
|
.w-container-xs {
|
|
132
146
|
width: $scale-rem-container-xs;
|
|
@@ -165,8 +179,8 @@ $scale-map: (
|
|
|
165
179
|
.min-w-min {
|
|
166
180
|
min-width: $scale-min;
|
|
167
181
|
}
|
|
168
|
-
.min-w-
|
|
169
|
-
min-width: $scale-rem-
|
|
182
|
+
.min-w-xxs {
|
|
183
|
+
min-width: $scale-rem-xxs;
|
|
170
184
|
}
|
|
171
185
|
.min-w-xs {
|
|
172
186
|
min-width: $scale-rem-xs;
|
|
@@ -174,9 +188,15 @@ $scale-map: (
|
|
|
174
188
|
.min-w-sm {
|
|
175
189
|
min-width: $scale-rem-sm;
|
|
176
190
|
}
|
|
191
|
+
.min-w-sm-2 {
|
|
192
|
+
min-width: $scale-rem-sm-2;
|
|
193
|
+
}
|
|
177
194
|
.min-w-md {
|
|
178
195
|
min-width: $scale-rem-md;
|
|
179
196
|
}
|
|
197
|
+
.min-w-md-2 {
|
|
198
|
+
min-width: $scale-rem-md-2;
|
|
199
|
+
}
|
|
180
200
|
.min-w-lg {
|
|
181
201
|
min-width: $scale-rem-lg;
|
|
182
202
|
}
|
|
@@ -192,8 +212,8 @@ $scale-map: (
|
|
|
192
212
|
.min-w-4xl {
|
|
193
213
|
min-width: $scale-rem-4xl;
|
|
194
214
|
}
|
|
195
|
-
.min-w-container-
|
|
196
|
-
min-width: $scale-rem-container-
|
|
215
|
+
.min-w-container-xxs {
|
|
216
|
+
min-width: $scale-rem-container-xxs;
|
|
197
217
|
}
|
|
198
218
|
.min-w-container-xs {
|
|
199
219
|
min-width: $scale-rem-container-xs;
|
|
@@ -232,8 +252,8 @@ $scale-map: (
|
|
|
232
252
|
.h-min {
|
|
233
253
|
height: $scale-min;
|
|
234
254
|
}
|
|
235
|
-
.h-
|
|
236
|
-
height: $scale-rem-
|
|
255
|
+
.h-xxs {
|
|
256
|
+
height: $scale-rem-xxs;
|
|
237
257
|
}
|
|
238
258
|
.h-xs {
|
|
239
259
|
height: $scale-rem-xs;
|
|
@@ -241,9 +261,15 @@ $scale-map: (
|
|
|
241
261
|
.h-sm {
|
|
242
262
|
height: $scale-rem-sm;
|
|
243
263
|
}
|
|
264
|
+
.h-sm-2 {
|
|
265
|
+
height: $scale-rem-sm-2;
|
|
266
|
+
}
|
|
244
267
|
.h-md {
|
|
245
268
|
height: $scale-rem-md;
|
|
246
269
|
}
|
|
270
|
+
.h-md-2 {
|
|
271
|
+
height: $scale-rem-md-2;
|
|
272
|
+
}
|
|
247
273
|
.h-lg {
|
|
248
274
|
height: $scale-rem-lg;
|
|
249
275
|
}
|
|
@@ -259,8 +285,8 @@ $scale-map: (
|
|
|
259
285
|
.h-4xl {
|
|
260
286
|
height: $scale-rem-4xl;
|
|
261
287
|
}
|
|
262
|
-
.h-container-
|
|
263
|
-
height: $scale-rem-container-
|
|
288
|
+
.h-container-xxs {
|
|
289
|
+
height: $scale-rem-container-xxs;
|
|
264
290
|
}
|
|
265
291
|
.h-container-xs {
|
|
266
292
|
height: $scale-rem-container-xs;
|
|
@@ -299,8 +325,8 @@ $scale-map: (
|
|
|
299
325
|
.min-h-min {
|
|
300
326
|
min-height: $scale-min;
|
|
301
327
|
}
|
|
302
|
-
.min-h-
|
|
303
|
-
min-height: $scale-rem-
|
|
328
|
+
.min-h-xxs {
|
|
329
|
+
min-height: $scale-rem-xxs;
|
|
304
330
|
}
|
|
305
331
|
.min-h-xs {
|
|
306
332
|
min-height: $scale-rem-xs;
|
|
@@ -308,9 +334,15 @@ $scale-map: (
|
|
|
308
334
|
.min-h-sm {
|
|
309
335
|
min-height: $scale-rem-sm;
|
|
310
336
|
}
|
|
337
|
+
.min-h-sm-2 {
|
|
338
|
+
min-height: $scale-rem-sm-2;
|
|
339
|
+
}
|
|
311
340
|
.min-h-md {
|
|
312
341
|
min-height: $scale-rem-md;
|
|
313
342
|
}
|
|
343
|
+
.min-h-md-2 {
|
|
344
|
+
min-height: $scale-rem-md-2;
|
|
345
|
+
}
|
|
314
346
|
.min-h-lg {
|
|
315
347
|
min-height: $scale-rem-lg;
|
|
316
348
|
}
|
|
@@ -326,8 +358,8 @@ $scale-map: (
|
|
|
326
358
|
.min-h-4xl {
|
|
327
359
|
min-height: $scale-rem-4xl;
|
|
328
360
|
}
|
|
329
|
-
.min-h-container-
|
|
330
|
-
min-height: $scale-rem-container-
|
|
361
|
+
.min-h-container-xxs {
|
|
362
|
+
min-height: $scale-rem-container-xxs;
|
|
331
363
|
}
|
|
332
364
|
.min-h-container-xs {
|
|
333
365
|
min-height: $scale-rem-container-xs;
|
|
@@ -371,9 +403,9 @@ $scale-map: (
|
|
|
371
403
|
width: $scale-min;
|
|
372
404
|
height: $scale-min;
|
|
373
405
|
}
|
|
374
|
-
.sq-
|
|
375
|
-
width: $scale-rem-
|
|
376
|
-
height: $scale-rem-
|
|
406
|
+
.sq-xxs {
|
|
407
|
+
width: $scale-rem-xxs;
|
|
408
|
+
height: $scale-rem-xxs;
|
|
377
409
|
}
|
|
378
410
|
.sq-xs {
|
|
379
411
|
width: $scale-rem-xs;
|
|
@@ -383,10 +415,18 @@ $scale-map: (
|
|
|
383
415
|
width: $scale-rem-sm;
|
|
384
416
|
height: $scale-rem-sm;
|
|
385
417
|
}
|
|
418
|
+
.sq-sm-2 {
|
|
419
|
+
width: $scale-rem-sm-2;
|
|
420
|
+
height: $scale-rem-sm-2;
|
|
421
|
+
}
|
|
386
422
|
.sq-md {
|
|
387
423
|
width: $scale-rem-md;
|
|
388
424
|
height: $scale-rem-md;
|
|
389
425
|
}
|
|
426
|
+
.sq-md-2 {
|
|
427
|
+
width: $scale-rem-md-2;
|
|
428
|
+
height: $scale-rem-md-2;
|
|
429
|
+
}
|
|
390
430
|
.sq-lg {
|
|
391
431
|
width: $scale-rem-lg;
|
|
392
432
|
height: $scale-rem-lg;
|
|
@@ -428,9 +468,9 @@ $scale-map: (
|
|
|
428
468
|
min-width: $scale-min;
|
|
429
469
|
min-height: $scale-min;
|
|
430
470
|
}
|
|
431
|
-
.min-sq-
|
|
432
|
-
min-width: $scale-rem-
|
|
433
|
-
min-height: $scale-rem-
|
|
471
|
+
.min-sq-xxs {
|
|
472
|
+
min-width: $scale-rem-xxs;
|
|
473
|
+
min-height: $scale-rem-xxs;
|
|
434
474
|
}
|
|
435
475
|
.min-sq-xs {
|
|
436
476
|
min-width: $scale-rem-xs;
|
|
@@ -440,10 +480,18 @@ $scale-map: (
|
|
|
440
480
|
min-width: $scale-rem-sm;
|
|
441
481
|
min-height: $scale-rem-sm;
|
|
442
482
|
}
|
|
483
|
+
.min-sq-sm-2 {
|
|
484
|
+
min-width: $scale-rem-sm-2;
|
|
485
|
+
min-height: $scale-rem-sm-2;
|
|
486
|
+
}
|
|
443
487
|
.min-sq-md {
|
|
444
488
|
min-width: $scale-rem-md;
|
|
445
489
|
min-height: $scale-rem-md;
|
|
446
490
|
}
|
|
491
|
+
.min-sq-md-2 {
|
|
492
|
+
min-width: $scale-rem-md-2;
|
|
493
|
+
min-height: $scale-rem-md-2;
|
|
494
|
+
}
|
|
447
495
|
.min-sq-lg {
|
|
448
496
|
min-width: $scale-rem-lg;
|
|
449
497
|
min-height: $scale-rem-lg;
|