magneto365.ui 2.72.1 → 2.74.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.
Files changed (90) hide show
  1. package/dist/assets/img/2dfcd507fbc46c48.png +0 -0
  2. package/dist/assets/img/7ac49a1d11655962.png +0 -0
  3. package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
  4. package/dist/cjs/index.js +1487 -1246
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/cjs/types/components/UI/molecules/CompanyCard/CompanyCard.component.d.ts +5 -0
  7. package/dist/cjs/types/components/UI/molecules/CompanyCard/CompanyCard.interface.d.ts +91 -0
  8. package/dist/cjs/types/components/UI/molecules/CompanyCard/index.d.ts +1 -0
  9. package/dist/cjs/types/components/UI/molecules/HorizontalMenu/HorizontalMenu.interface.d.ts +1 -5
  10. package/dist/cjs/types/components/UI/molecules/ImageCard/ImageCard.component.d.ts +3 -0
  11. package/dist/cjs/types/components/UI/molecules/ImageCard/ImageCard.interface.d.ts +44 -0
  12. package/dist/cjs/types/components/UI/molecules/ImageCard/index.d.ts +1 -0
  13. package/dist/cjs/types/components/UI/molecules/JobFooterCard/JobFooterCard.interface.d.ts +4 -0
  14. package/dist/cjs/types/components/UI/molecules/index.d.ts +2 -0
  15. package/dist/cjs/types/components/UI/organism/Carousel/Carousel.component.d.ts +8 -0
  16. package/dist/cjs/types/components/UI/organism/Carousel/Carousel.interface.d.ts +135 -0
  17. package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselButtons/CarouselButtons.component.d.ts +3 -0
  18. package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselFooter/CarouselFooter.component.d.ts +3 -0
  19. package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselHeader/CarouselHeader.component.d.ts +3 -0
  20. package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselItems/CarouselItems.component.d.ts +3 -0
  21. package/dist/cjs/types/components/UI/organism/Carousel/index.d.ts +2 -0
  22. package/dist/cjs/types/components/UI/organism/index.d.ts +1 -0
  23. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/CandidateProfileTemplate.component.d.ts +2 -1
  24. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/CandidateProfileTemplate.interface.d.ts +8 -0
  25. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/CandidateProfileTemplateHeader.component.d.ts +1 -1
  26. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/index.d.ts +0 -1
  27. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.component.d.ts +5 -0
  28. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.interface.d.ts +2 -0
  29. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/index.d.ts +2 -0
  30. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/index.d.ts +1 -0
  31. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/index.d.ts +1 -1
  32. package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemWeight/DesignSystemWeight.component.d.ts +2 -0
  33. package/dist/cjs/types/components/docs/DesignSystem/children/index.d.ts +1 -0
  34. package/dist/cjs/types/components/hooks/useCarouselScroll/index.d.ts +11 -0
  35. package/dist/cjs/types/constants/img.constants.d.ts +5 -0
  36. package/dist/cjs/types/constants/stories/carousel.constants.d.ts +42 -0
  37. package/dist/cjs/types/constants/stories/index.d.ts +1 -0
  38. package/dist/cjs/types/shared/tokens/index.d.ts +18 -7
  39. package/dist/cjs/types/utils/domNode/nodeCount.util.d.ts +3 -0
  40. package/dist/esm/css/magneto.ui.lib.min.css +1 -1
  41. package/dist/esm/index.js +1483 -1247
  42. package/dist/esm/index.js.map +1 -1
  43. package/dist/esm/types/components/UI/molecules/CompanyCard/CompanyCard.component.d.ts +5 -0
  44. package/dist/esm/types/components/UI/molecules/CompanyCard/CompanyCard.interface.d.ts +91 -0
  45. package/dist/esm/types/components/UI/molecules/CompanyCard/index.d.ts +1 -0
  46. package/dist/esm/types/components/UI/molecules/HorizontalMenu/HorizontalMenu.interface.d.ts +1 -5
  47. package/dist/esm/types/components/UI/molecules/ImageCard/ImageCard.component.d.ts +3 -0
  48. package/dist/esm/types/components/UI/molecules/ImageCard/ImageCard.interface.d.ts +44 -0
  49. package/dist/esm/types/components/UI/molecules/ImageCard/index.d.ts +1 -0
  50. package/dist/esm/types/components/UI/molecules/JobFooterCard/JobFooterCard.interface.d.ts +4 -0
  51. package/dist/esm/types/components/UI/molecules/index.d.ts +2 -0
  52. package/dist/esm/types/components/UI/organism/Carousel/Carousel.component.d.ts +8 -0
  53. package/dist/esm/types/components/UI/organism/Carousel/Carousel.interface.d.ts +135 -0
  54. package/dist/esm/types/components/UI/organism/Carousel/children/CarouselButtons/CarouselButtons.component.d.ts +3 -0
  55. package/dist/esm/types/components/UI/organism/Carousel/children/CarouselFooter/CarouselFooter.component.d.ts +3 -0
  56. package/dist/esm/types/components/UI/organism/Carousel/children/CarouselHeader/CarouselHeader.component.d.ts +3 -0
  57. package/dist/esm/types/components/UI/organism/Carousel/children/CarouselItems/CarouselItems.component.d.ts +3 -0
  58. package/dist/esm/types/components/UI/organism/Carousel/index.d.ts +2 -0
  59. package/dist/esm/types/components/UI/organism/index.d.ts +1 -0
  60. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/CandidateProfileTemplate.component.d.ts +2 -1
  61. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/CandidateProfileTemplate.interface.d.ts +8 -0
  62. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/CandidateProfileTemplateHeader.component.d.ts +1 -1
  63. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/index.d.ts +0 -1
  64. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.component.d.ts +5 -0
  65. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.interface.d.ts +2 -0
  66. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/index.d.ts +2 -0
  67. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/index.d.ts +1 -0
  68. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/index.d.ts +1 -1
  69. package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemWeight/DesignSystemWeight.component.d.ts +2 -0
  70. package/dist/esm/types/components/docs/DesignSystem/children/index.d.ts +1 -0
  71. package/dist/esm/types/components/hooks/useCarouselScroll/index.d.ts +11 -0
  72. package/dist/esm/types/constants/img.constants.d.ts +5 -0
  73. package/dist/esm/types/constants/stories/carousel.constants.d.ts +42 -0
  74. package/dist/esm/types/constants/stories/index.d.ts +1 -0
  75. package/dist/esm/types/shared/tokens/index.d.ts +18 -7
  76. package/dist/esm/types/utils/domNode/nodeCount.util.d.ts +3 -0
  77. package/dist/index.d.ts +278 -15
  78. package/dist/tokens/_border.scss +1 -1
  79. package/dist/tokens/_gap.scss +4 -0
  80. package/dist/tokens/_index.scss +1 -0
  81. package/dist/tokens/_margin.scss +4 -0
  82. package/dist/tokens/_padding.scss +4 -0
  83. package/dist/tokens/_radius.scss +4 -0
  84. package/dist/tokens/_scale.scss +78 -30
  85. package/dist/tokens/_screen.scss +2 -2
  86. package/dist/tokens/_text.scss +4 -2
  87. package/dist/tokens/_weight.scss +10 -0
  88. package/package.json +1 -1
  89. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/CandidateProfileTemplateHeader.interface.d.ts +0 -2
  90. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/CandidateProfileTemplateHeader.interface.d.ts +0 -2
package/dist/index.d.ts CHANGED
@@ -2514,15 +2514,11 @@ interface IHorizontalMenu {
2514
2514
  /**
2515
2515
  * options of horizontal menu
2516
2516
  */
2517
- options: IHorizontalMenuOption[];
2517
+ options?: IHorizontalMenuOption[];
2518
2518
  /**
2519
2519
  * onChange of horizontal menu
2520
2520
  */
2521
2521
  onChange?: (selectedItem: number) => void;
2522
- /**
2523
- * onClick of horizontal menu
2524
- */
2525
- onClick?: () => void;
2526
2522
  }
2527
2523
  interface IHorizontalMenuOption {
2528
2524
  /**
@@ -2958,6 +2954,10 @@ interface IJobFooterCard {
2958
2954
  * Props for the share button component.
2959
2955
  */
2960
2956
  shareButtonProps: IShareButton$1;
2957
+ /**
2958
+ * This is the company name
2959
+ */
2960
+ companyName?: string;
2961
2961
  }
2962
2962
 
2963
2963
  /**
@@ -5767,6 +5767,148 @@ declare const UserTermTitle: React__default.FC<IUserTerm.Title>;
5767
5767
 
5768
5768
  declare const UserTermUList: React__default.FC<IUserTerm.UlList>;
5769
5769
 
5770
+ interface ICarousel {
5771
+ /**
5772
+ * Render the component children
5773
+ */
5774
+ children: React.ReactNode;
5775
+ /**
5776
+ * Class names for the components
5777
+ */
5778
+ classNamesObject?: {
5779
+ /**
5780
+ * Base class name for the carousel
5781
+ */
5782
+ base?: string;
5783
+ /**
5784
+ * Class names for the header component
5785
+ */
5786
+ headerContainer?: string;
5787
+ /**
5788
+ * Class names for the header items container
5789
+ */
5790
+ headerItem?: string;
5791
+ /**
5792
+ * Class names for the buttons for the component
5793
+ */
5794
+ buttons?: string;
5795
+ /**
5796
+ * Class names for the items container
5797
+ */
5798
+ items?: string;
5799
+ /**
5800
+ * Class names for the item component
5801
+ */
5802
+ item?: string;
5803
+ };
5804
+ /**
5805
+ * Enable auto scroll for the carousel
5806
+ */
5807
+ autoScroll?: boolean;
5808
+ /**
5809
+ * Interval for auto scroll
5810
+ */
5811
+ scrollInterval?: number;
5812
+ /**
5813
+ * Enable mobile scrollable for the carousel
5814
+ */
5815
+ mobileScrollable?: boolean;
5816
+ /**
5817
+ * Size of the buttons
5818
+ */
5819
+ sizeButtons?: number;
5820
+ /**
5821
+ * Number of items per section
5822
+ */
5823
+ itemsPerSection?: number;
5824
+ /**
5825
+ * Gap between items
5826
+ */
5827
+ gap?: number;
5828
+ /**
5829
+ * Maximum width of the container
5830
+ */
5831
+ maxContainerWidth?: string;
5832
+ /**
5833
+ * Current index of the carousel, for controlled mode
5834
+ */
5835
+ currentIndex?: number;
5836
+ /**
5837
+ * Callback function to change the slide
5838
+ */
5839
+ onChangeSlide?: (newIndex: number) => void;
5840
+ }
5841
+ declare namespace ICarousel {
5842
+ interface Header {
5843
+ /**
5844
+ * React children to be rendered inside the container.
5845
+ */
5846
+ children?: React.ReactNode;
5847
+ /**
5848
+ * Additional class names for custom styling.
5849
+ */
5850
+ className?: string;
5851
+ }
5852
+ interface Items {
5853
+ /**
5854
+ * React children to be rendered inside the container.
5855
+ */
5856
+ children?: React.ReactNode;
5857
+ /**
5858
+ * Additional class names for custom styling.
5859
+ */
5860
+ className?: string;
5861
+ }
5862
+ interface Footer {
5863
+ /**
5864
+ * React children to be rendered inside the container.
5865
+ */
5866
+ children?: React.ReactNode;
5867
+ /**
5868
+ * Additional class names for custom styling.
5869
+ */
5870
+ className?: string;
5871
+ }
5872
+ interface Buttons {
5873
+ /**
5874
+ * Buttons to navigate to the previous slide in the carousel
5875
+ */
5876
+ onPrevSlide: () => void;
5877
+ /**
5878
+ * Buttons to navigate to the next slide in the carousel
5879
+ */
5880
+ onNextSlide: () => void;
5881
+ /**
5882
+ * Additional class names for custom styling.
5883
+ */
5884
+ className?: string;
5885
+ /**
5886
+ * Size of the buttons
5887
+ */
5888
+ size?: number;
5889
+ /**
5890
+ * Icons for the buttons
5891
+ */
5892
+ icons?: {
5893
+ /**
5894
+ * Icon for the previous button
5895
+ */
5896
+ left: string;
5897
+ /**
5898
+ * Icon for the next button
5899
+ */
5900
+ right: string;
5901
+ };
5902
+ }
5903
+ }
5904
+
5905
+ declare const Carousel: React__default.FC<ICarousel> & {
5906
+ Items: React__default.FC<ICarousel.Items>;
5907
+ Header: React__default.FC<ICarousel.Header>;
5908
+ Footer: React__default.FC<ICarousel.Footer>;
5909
+ Button: React__default.FC<ICarousel.Buttons>;
5910
+ };
5911
+
5770
5912
  interface IMenuUser {
5771
5913
  /**
5772
5914
  * menu items props
@@ -5978,6 +6120,107 @@ interface IUserMenuWrapperAnalystProps extends IUserMenuAnalystProps$1 {
5978
6120
  */
5979
6121
  declare const UserMenuWrapperAnalyst: React__default.FC<IUserMenuWrapperAnalystProps>;
5980
6122
 
6123
+ interface ICardImage {
6124
+ /**
6125
+ * Path to the image to be displayed.
6126
+ */
6127
+ imagePath: string;
6128
+ /**
6129
+ * Title of the image card.
6130
+ */
6131
+ title: string;
6132
+ /**
6133
+ * Additional class names for custom styling.
6134
+ */
6135
+ className?: string;
6136
+ /**
6137
+ * Description of the image card.
6138
+ */
6139
+ description?: string;
6140
+ /**
6141
+ * Alt text for the image.
6142
+ */
6143
+ alt?: string;
6144
+ /**
6145
+ * Custom direct dimensions for the image card.
6146
+ */
6147
+ dimensions?: ICardImageStyles;
6148
+ /**
6149
+ * Icon props to be displayed on the image card.
6150
+ */
6151
+ icon?: IconProps$1 & {
6152
+ showIcon?: boolean;
6153
+ };
6154
+ }
6155
+ interface ICardImageStyles {
6156
+ /**
6157
+ * Height of the image card.
6158
+ */
6159
+ height?: string;
6160
+ /**
6161
+ * Width of the image card.
6162
+ */
6163
+ width?: string;
6164
+ }
6165
+
6166
+ declare const ImageCard: React__default.FC<ICardImage>;
6167
+
6168
+ interface IBaseCompanyComponentProps {
6169
+ /**
6170
+ * Logo of the company
6171
+ */
6172
+ logo: string;
6173
+ /**
6174
+ * Name of the company
6175
+ */
6176
+ companyName: string;
6177
+ /**
6178
+ * Link to the company page
6179
+ */
6180
+ buttonLink: string;
6181
+ /**
6182
+ * Class name for the component
6183
+ */
6184
+ className?: string;
6185
+ /**
6186
+ * Type of the company card
6187
+ */
6188
+ companyCardType?: 'withDescription' | 'withoutDescription';
6189
+ /**
6190
+ * Background color of the card
6191
+ */
6192
+ backgroundColor?: 'gray' | 'white' | 'transparent';
6193
+ }
6194
+ interface IWithDescriptionProps extends IBaseCompanyComponentProps {
6195
+ /**
6196
+ * Number of job openings
6197
+ */
6198
+ jobCount: string;
6199
+ /**
6200
+ * Description of the company
6201
+ */
6202
+ description: string;
6203
+ /**
6204
+ * Text for the button
6205
+ */
6206
+ buttonText: string;
6207
+ }
6208
+ interface IWithoutDescriptionProps extends IBaseCompanyComponentProps {
6209
+ /**
6210
+ * Title of the job opening
6211
+ */
6212
+ vacantTitle: string;
6213
+ /**
6214
+ * Salary for the job opening
6215
+ */
6216
+ salary: string;
6217
+ }
6218
+ declare type ICompanyCardProps = IWithDescriptionProps | IWithoutDescriptionProps;
6219
+
6220
+ declare const CompanyCardWithDescription: React__default.FC<IWithDescriptionProps>;
6221
+ declare const CompanyCardWithoutDescription: React__default.FC<IWithoutDescriptionProps>;
6222
+ declare const CompanyCard: React__default.FC<ICompanyCardProps>;
6223
+
5981
6224
  interface IJobsPage {
5982
6225
  /**
5983
6226
  * Props for the filter bottom header section.
@@ -6196,7 +6439,7 @@ interface IModalProps {
6196
6439
  */
6197
6440
  declare const AnalystTemplate: React__default.FC<IAnalystTemplateProps>;
6198
6441
 
6199
- declare type TCandidateProfileTemplateHeader = IHorizontalMenu$1;
6442
+ declare type TCandidateProfileTemplateMainNav = IHorizontalMenu$1;
6200
6443
 
6201
6444
  declare type TCandidateProfileTemplateNav = React.HTMLAttributes<HTMLDivElement>;
6202
6445
 
@@ -6268,6 +6511,14 @@ interface ICandidateTemplateContext {
6268
6511
  * Function to set the height of bottom navigation
6269
6512
  */
6270
6513
  setNavHeight: (height: number) => void;
6514
+ /**
6515
+ * Height of header
6516
+ */
6517
+ headerHeight: number;
6518
+ /**
6519
+ * Function to set the height of header
6520
+ */
6521
+ setHeaderHeight: (height: number) => void;
6271
6522
  }
6272
6523
  interface ICandidateProvider {
6273
6524
  /**
@@ -6286,7 +6537,8 @@ interface ICandidateProvider {
6286
6537
  declare const CandidateProfileTemplate: React__default.FC<ICandidateProfileTemplate> & {
6287
6538
  Provider: React__default.FC<ICandidateProvider>;
6288
6539
  useCandidateProfile: () => ICandidateTemplateContext;
6289
- Header: React__default.FC<IHorizontalMenu>;
6540
+ Header: React__default.FC<{}>;
6541
+ MainNav: React__default.FC<IHorizontalMenu>;
6290
6542
  Nav: React__default.FC<TCandidateProfileTemplateNav>;
6291
6543
  Profile: React__default.FC<ICandidateProfileTemplateProfile>;
6292
6544
  Screen: React__default.FC<any>;
@@ -6714,7 +6966,7 @@ declare type MagnetoUIColor = 'transparent' | 'inherit' | 'current' | 'blue-dark
6714
6966
  * @category layout
6715
6967
  * @tags spacing, gap, layout, grid, flexbox
6716
6968
  */
6717
- declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
6969
+ declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
6718
6970
  /**
6719
6971
  * @description Spacing SCCS vars used for setting margin around elements for consistent layout spacing.
6720
6972
  * @example ```scss
@@ -6725,7 +6977,7 @@ declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'
6725
6977
  * @category spacing
6726
6978
  * @tags spacing, margin, layout, spacing-system
6727
6979
  */
6728
- declare type MagnetoUIMargin = 'inherit' | 'none' | 'auto' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
6980
+ declare type MagnetoUIMargin = 'inherit' | 'none' | 'auto' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
6729
6981
  /**
6730
6982
  * @description Opacity SCC vars used to define transparency levels for elements and UI states.
6731
6983
  * @example ```scss
@@ -6747,7 +6999,7 @@ declare type MagnetoUIOpacity = '10' | '12' | '20' | '30' | '40' | '50' | '60' |
6747
6999
  * @category spacing
6748
7000
  * @tags spacing, padding, layout, box-model
6749
7001
  */
6750
- declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
7002
+ declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
6751
7003
  /**
6752
7004
  * @description Radius SCSS vars used to define consistent border-radius values across components.
6753
7005
  * @example ```scss
@@ -6758,7 +7010,7 @@ declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' |
6758
7010
  * @category visual
6759
7011
  * @tags radius, border-radius, rounding, shape, visual
6760
7012
  */
6761
- declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
7013
+ declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
6762
7014
  /**
6763
7015
  * @description Scale SCSS vars for handling responsive designs.
6764
7016
  * @example ```scss
@@ -6769,7 +7021,7 @@ declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | '
6769
7021
  * @category motion
6770
7022
  * @tags scale, transform, animation, motion
6771
7023
  */
6772
- declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min' | 'px-base' | 'px-2xs' | 'px-xs' | 'px-sm' | 'px-md' | 'px-lg' | 'px-xl' | 'px-2xl' | 'px-3xl' | 'px-4xl' | 'px-container-2xs' | 'px-container-xs' | 'px-container-sm' | 'px-container-md' | 'px-container-lg' | 'px-container-xl' | 'px-container-2xl' | 'px-container-3xl' | 'rem-2xs' | 'rem-xs' | 'rem-sm' | 'rem-md' | 'rem-lg' | 'rem-xl' | 'rem-2xl' | 'rem-3xl' | 'rem-4xl' | 'rem-container-2xs' | 'rem-container-xs' | 'rem-container-sm' | 'rem-container-md' | 'rem-container-lg' | 'rem-container-xl' | 'rem-container-2xl' | 'rem-container-3xl';
7024
+ 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
7025
  /**
6774
7026
  * @description Breakpoint SCSS vars used for media queries and responsive layout control.
6775
7027
  * @example ```scss
@@ -6782,7 +7034,7 @@ declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min' | 'px
6782
7034
  * @category responsive
6783
7035
  * @tags breakpoint, media query, responsive, screen
6784
7036
  */
6785
- declare type MagnetoUIScreen = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
7037
+ declare type MagnetoUIScreen = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
6786
7038
  /**
6787
7039
  * @description Shadow SCSS vars for consistent elevation and depth effects in components.
6788
7040
  * @example ```scss
@@ -6804,6 +7056,17 @@ declare type MagnetoUIShadow = '10' | '20' | '30' | 'inherit' | 'none';
6804
7056
  * @category typography
6805
7057
  * @tags text, typography, font, size, weight, line-height
6806
7058
  */
6807
- declare type MagnetoUIText = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
7059
+ declare type MagnetoUIText = 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
7060
+ /**
7061
+ * @description Weight SCSS vars for consistent font weights.
7062
+ * @example ```scss
7063
+ * .title {
7064
+ * font-size: $weight-normal;
7065
+ * }
7066
+ * ```
7067
+ * @category typography
7068
+ * @tags text, typography, font, size, weight, line-height
7069
+ */
7070
+ declare type MagnetoUIWeight = 'normal' | 'bold' | 'black';
6808
7071
 
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 };
7072
+ 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, Carousel, CategoryGrid, _default as CategoryMenuCard, Checkbox, CitiesDetailDrawer, Collapse, CompanyCard, CompanyCardWithDescription, CompanyCardWithoutDescription, 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, ICarousel, 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, ImageCard, 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, TCandidateProfileTemplateMainNav, 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 };
@@ -1,7 +1,7 @@
1
1
  // Auto-generated DO NOT EDIT
2
2
  @use '_scale.scss' as scale;
3
3
 
4
- $border-1: scale.$scale-px-2xs;
4
+ $border-1: scale.$scale-px-xxs;
5
5
  $border-2: scale.$scale-px-xs;
6
6
  $border-inherit: scale.$scale-inherit;
7
7
  $border-min: scale.$scale-min;
@@ -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,
@@ -10,3 +10,4 @@
10
10
  @forward './_screen.scss';
11
11
  @forward './_shadow.scss';
12
12
  @forward './_text.scss';
13
+ @forward './_weight.scss';
@@ -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,
@@ -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,