@groupeactual/ui-kit 0.2.8 → 0.3.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/components/Heading/Heading.d.ts +2 -2
- package/dist/cjs/components/Link/Link.d.ts +4 -3
- package/dist/cjs/components/Text/Text.d.ts +5 -4
- package/dist/cjs/index.js +52 -51
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Heading/Heading.d.ts +2 -2
- package/dist/esm/components/Link/Link.d.ts +4 -3
- package/dist/esm/components/Text/Text.d.ts +5 -4
- package/dist/esm/index.js +50 -49
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +10 -9
- package/package.json +1 -1
- package/src/components/Heading/Heading.tsx +2 -2
- package/src/components/Link/Link.tsx +3 -5
- package/src/components/Text/Text.tsx +5 -6
|
@@ -4,5 +4,5 @@ interface Props extends Omit<TypographyProps, 'paragraph'> {
|
|
|
4
4
|
variant?: 'h1' | 'h2' | 'h3' | 'h4';
|
|
5
5
|
component?: string;
|
|
6
6
|
}
|
|
7
|
-
declare const
|
|
8
|
-
export default
|
|
7
|
+
declare const Heading: (props: Props) => JSX.Element;
|
|
8
|
+
export default Heading;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { TypographyProps } from '@mui/material';
|
|
3
|
+
interface Props extends Omit<TypographyProps, 'variant'> {
|
|
3
4
|
variant?: 'link1' | 'link2';
|
|
4
5
|
component?: string;
|
|
5
6
|
}
|
|
6
|
-
declare const
|
|
7
|
-
export default
|
|
7
|
+
declare const Link: (props: Props) => JSX.Element;
|
|
8
|
+
export default Link;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { TypographyProps } from '@mui/material';
|
|
3
|
+
interface Props extends Omit<TypographyProps, 'variant'> {
|
|
3
4
|
variant?: 'big_number' | 'body1_regular' | 'body1_medium' | 'body1_bold' | 'body2_regular' | 'body2_medium' | 'body2_bold' | 'caption' | 'button_notif';
|
|
4
|
-
component?:
|
|
5
|
+
component?: any;
|
|
5
6
|
}
|
|
6
|
-
declare const
|
|
7
|
-
export default
|
|
7
|
+
declare const Text: (props: Props) => JSX.Element;
|
|
8
|
+
export default Text;
|
package/dist/cjs/index.js
CHANGED
|
@@ -51375,11 +51375,12 @@ process.env.NODE_ENV !== "production" ? TextField$1.propTypes
|
|
|
51375
51375
|
} : void 0;
|
|
51376
51376
|
var MuiTextField = TextField$1;
|
|
51377
51377
|
|
|
51378
|
-
|
|
51378
|
+
// @ts-ignore
|
|
51379
|
+
var Text = function (props) { return jsxRuntime.jsx(Typography$1, __assign({}, props)); };
|
|
51379
51380
|
|
|
51380
|
-
var
|
|
51381
|
+
var Link = function (props) { return jsxRuntime.jsx(Typography$1, __assign({}, props)); };
|
|
51381
51382
|
|
|
51382
|
-
var
|
|
51383
|
+
var Heading = function (props) { return jsxRuntime.jsx(Typography$1, __assign({}, props)); };
|
|
51383
51384
|
|
|
51384
51385
|
var ActButton = styled$1(Button$1)(function (_a) {
|
|
51385
51386
|
var theme = _a.theme;
|
|
@@ -51785,136 +51786,136 @@ var useMaterialThemeTokens = function (themeName) {
|
|
|
51785
51786
|
fontFamily: getFontFamilies(themeName).join(','),
|
|
51786
51787
|
big_number: {
|
|
51787
51788
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51788
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights49")],
|
|
51789
|
-
fontSize: designTokens["".concat(themeName, "FontSize42")],
|
|
51789
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights49")] + 'px',
|
|
51790
|
+
fontSize: designTokens["".concat(themeName, "FontSize42")] + 'px',
|
|
51790
51791
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51791
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51792
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
|
|
51792
51793
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51793
51794
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51794
51795
|
},
|
|
51795
51796
|
h1: {
|
|
51796
51797
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51797
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights41")],
|
|
51798
|
-
fontSize: designTokens["".concat(themeName, "FontSize35")],
|
|
51798
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights41")] + 'px',
|
|
51799
|
+
fontSize: designTokens["".concat(themeName, "FontSize35")] + 'px',
|
|
51799
51800
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51800
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51801
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
|
|
51801
51802
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51802
51803
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51803
51804
|
},
|
|
51804
51805
|
h2: {
|
|
51805
51806
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
|
|
51806
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights34")],
|
|
51807
|
-
fontSize: designTokens["".concat(themeName, "FontSize29")],
|
|
51807
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights34")] + 'px',
|
|
51808
|
+
fontSize: designTokens["".concat(themeName, "FontSize29")] + 'px',
|
|
51808
51809
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51809
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51810
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
|
|
51810
51811
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51811
51812
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51812
51813
|
},
|
|
51813
51814
|
h3: {
|
|
51814
51815
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
|
|
51815
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights28")],
|
|
51816
|
-
fontSize: designTokens["".concat(themeName, "FontSize24")],
|
|
51816
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights28")] + 'px',
|
|
51817
|
+
fontSize: designTokens["".concat(themeName, "FontSize24")] + 'px',
|
|
51817
51818
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51818
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51819
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
|
|
51819
51820
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51820
51821
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51821
51822
|
},
|
|
51822
51823
|
h4: {
|
|
51823
51824
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
|
|
51824
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights21")],
|
|
51825
|
-
fontSize: designTokens["".concat(themeName, "FontSize18")],
|
|
51825
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights21")] + 'px',
|
|
51826
|
+
fontSize: designTokens["".concat(themeName, "FontSize18")] + 'px',
|
|
51826
51827
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51827
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51828
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
|
|
51828
51829
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51829
51830
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51830
51831
|
},
|
|
51831
51832
|
body1_regular: {
|
|
51832
51833
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
|
|
51833
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51834
|
-
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51834
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
|
|
51835
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
|
|
51835
51836
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51836
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51837
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
|
|
51837
51838
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51838
51839
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51839
51840
|
},
|
|
51840
51841
|
body1_medium: {
|
|
51841
51842
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
|
|
51842
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51843
|
-
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51843
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
|
|
51844
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
|
|
51844
51845
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51845
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51846
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
|
|
51846
51847
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51847
51848
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51848
51849
|
},
|
|
51849
51850
|
body1_bold: {
|
|
51850
51851
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51851
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51852
|
-
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51852
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
|
|
51853
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
|
|
51853
51854
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51854
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51855
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
|
|
51855
51856
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51856
51857
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51857
51858
|
},
|
|
51858
51859
|
body2_regular: {
|
|
51859
51860
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
|
|
51860
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights16")],
|
|
51861
|
-
fontSize: designTokens["".concat(themeName, "FontSize13")],
|
|
51861
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
|
|
51862
|
+
fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
|
|
51862
51863
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51863
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51864
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
|
|
51864
51865
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51865
51866
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51866
51867
|
},
|
|
51867
51868
|
body2_medium: {
|
|
51868
51869
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
|
|
51869
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights16")],
|
|
51870
|
-
fontSize: designTokens["".concat(themeName, "FontSize13")],
|
|
51870
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
|
|
51871
|
+
fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
|
|
51871
51872
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51872
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51873
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
|
|
51873
51874
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51874
51875
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51875
51876
|
},
|
|
51876
51877
|
body2_bold: {
|
|
51877
51878
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51878
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights16")],
|
|
51879
|
-
fontSize: designTokens["".concat(themeName, "FontSize13")],
|
|
51879
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
|
|
51880
|
+
fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
|
|
51880
51881
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51881
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51882
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
|
|
51882
51883
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51883
51884
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51884
51885
|
},
|
|
51885
51886
|
caption: {
|
|
51886
51887
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
|
|
51887
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights12")],
|
|
51888
|
-
fontSize: designTokens["".concat(themeName, "FontSize11")],
|
|
51888
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights12")] + 'px',
|
|
51889
|
+
fontSize: designTokens["".concat(themeName, "FontSize11")] + 'px',
|
|
51889
51890
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51890
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51891
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
|
|
51891
51892
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51892
51893
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51893
51894
|
},
|
|
51894
51895
|
button_notif: {
|
|
51895
51896
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51896
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51897
|
-
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51897
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
|
|
51898
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
|
|
51898
51899
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51899
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51900
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
|
|
51900
51901
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51901
51902
|
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51902
51903
|
},
|
|
51903
51904
|
link1: {
|
|
51904
51905
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51905
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51906
|
-
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51906
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
|
|
51907
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
|
|
51907
51908
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51908
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51909
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
|
|
51909
51910
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51910
51911
|
textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
|
|
51911
51912
|
},
|
|
51912
51913
|
link2: {
|
|
51913
51914
|
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51914
|
-
lineHeight: designTokens["".concat(themeName, "LineHeights16")],
|
|
51915
|
-
fontSize: designTokens["".concat(themeName, "FontSize13")],
|
|
51915
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
|
|
51916
|
+
fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
|
|
51916
51917
|
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51917
|
-
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51918
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
|
|
51918
51919
|
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51919
51920
|
textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
|
|
51920
51921
|
},
|
|
@@ -52068,9 +52069,9 @@ exports.Button = ActButton;
|
|
|
52068
52069
|
exports.Checkbox = Checkbox;
|
|
52069
52070
|
exports.DesignSystemContext = DesignSystemContext;
|
|
52070
52071
|
exports.DesignSystemProvider = DesignSystemProvider;
|
|
52071
|
-
exports.Heading =
|
|
52072
|
+
exports.Heading = Heading;
|
|
52072
52073
|
exports.IconProvider = IconProvider;
|
|
52073
|
-
exports.Link =
|
|
52074
|
-
exports.Text =
|
|
52074
|
+
exports.Link = Link;
|
|
52075
|
+
exports.Text = Text;
|
|
52075
52076
|
exports.TextField = TextField;
|
|
52076
52077
|
//# sourceMappingURL=index.js.map
|