@porsche-design-system/components-angular 4.0.0-beta.4 → 4.0.0-rc.1
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/CHANGELOG.md +72 -4
- package/fesm2022/porsche-design-system-components-angular.mjs +3 -2
- package/fesm2022/porsche-design-system-components-angular.mjs.map +1 -1
- package/global-styles/cn/index.css +1 -0
- package/global-styles/index.css +1 -0
- package/global-styles/variables.css +1 -0
- package/package.json +4 -2
- package/tailwindcss/index.css +73 -14
- package/types/porsche-design-system-components-angular.d.ts +8 -2
- package/vanilla-extract/cjs/index.cjs +14 -0
- package/vanilla-extract/cjs/spacing/spacingStatic2Xs.cjs +7 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStatic2Xs.cjs +5 -0
- package/vanilla-extract/cjs/typography/proseHeading2XlStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseHeading2XsStyle.cjs +14 -0
- package/vanilla-extract/cjs/typography/proseHeading3XlStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseHeading4XlStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseHeading5XlStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseHeadingLgStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseHeadingMdStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseHeadingSmStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseHeadingXlStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseHeadingXsStyle.cjs +14 -0
- package/vanilla-extract/cjs/typography/proseText2XlStyle.cjs +14 -0
- package/vanilla-extract/cjs/typography/proseText2XsStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseText3XlStyle.cjs +14 -0
- package/vanilla-extract/cjs/typography/proseText4XlStyle.cjs +14 -0
- package/vanilla-extract/cjs/typography/proseText5XlStyle.cjs +14 -0
- package/vanilla-extract/cjs/typography/proseTextLgStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseTextMdStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseTextSmStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseTextXlStyle.cjs +7 -5
- package/vanilla-extract/cjs/typography/proseTextXsStyle.cjs +7 -5
- package/vanilla-extract/esm/index.mjs +7 -0
- package/vanilla-extract/esm/spacing/index.d.ts +1 -0
- package/vanilla-extract/esm/spacing/spacingStatic2Xs.d.ts +1 -0
- package/vanilla-extract/esm/spacing/spacingStatic2Xs.mjs +5 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStatic2Xs.mjs +3 -0
- package/vanilla-extract/esm/typography/index.d.ts +6 -0
- package/vanilla-extract/esm/typography/proseHeading2XlStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseHeading2XlStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseHeading2XsStyle.d.ts +4 -0
- package/vanilla-extract/esm/typography/proseHeading2XsStyle.mjs +12 -0
- package/vanilla-extract/esm/typography/proseHeading3XlStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseHeading3XlStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseHeading4XlStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseHeading4XlStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseHeading5XlStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseHeading5XlStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseHeadingLgStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseHeadingLgStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseHeadingMdStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseHeadingMdStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseHeadingSmStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseHeadingSmStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseHeadingXlStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseHeadingXlStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseHeadingXsStyle.d.ts +4 -0
- package/vanilla-extract/esm/typography/proseHeadingXsStyle.mjs +12 -0
- package/vanilla-extract/esm/typography/proseText2XlStyle.d.ts +4 -0
- package/vanilla-extract/esm/typography/proseText2XlStyle.mjs +12 -0
- package/vanilla-extract/esm/typography/proseText2XsStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseText2XsStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseText3XlStyle.d.ts +4 -0
- package/vanilla-extract/esm/typography/proseText3XlStyle.mjs +12 -0
- package/vanilla-extract/esm/typography/proseText4XlStyle.d.ts +4 -0
- package/vanilla-extract/esm/typography/proseText4XlStyle.mjs +12 -0
- package/vanilla-extract/esm/typography/proseText5XlStyle.d.ts +4 -0
- package/vanilla-extract/esm/typography/proseText5XlStyle.mjs +12 -0
- package/vanilla-extract/esm/typography/proseTextLgStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseTextLgStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseTextMdStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseTextMdStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseTextSmStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseTextSmStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseTextXlStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseTextXlStyle.mjs +7 -5
- package/vanilla-extract/esm/typography/proseTextXsStyle.d.ts +1 -0
- package/vanilla-extract/esm/typography/proseTextXsStyle.mjs +7 -5
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
3
|
+
var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
|
|
4
|
+
var fontPorscheNext = require('../font/fontPorscheNext.cjs');
|
|
5
|
+
var fontWeightNormal = require('../font/fontWeightNormal.cjs');
|
|
6
|
+
var leadingNormal = require('../font/leadingNormal.cjs');
|
|
7
|
+
var typescaleMd = require('../font/typescaleMd.cjs');
|
|
7
8
|
|
|
8
9
|
const proseTextMdStyle = {
|
|
9
|
-
font:
|
|
10
|
+
font: `${fontWeightNormal.fontWeightNormal} ${typescaleMd.typescaleMd} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
|
|
11
|
+
color: colorPrimary.colorPrimary,
|
|
10
12
|
};
|
|
11
13
|
|
|
12
14
|
exports.proseTextMdStyle = proseTextMdStyle;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
3
|
+
var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
|
|
4
|
+
var fontPorscheNext = require('../font/fontPorscheNext.cjs');
|
|
5
|
+
var fontWeightNormal = require('../font/fontWeightNormal.cjs');
|
|
6
|
+
var leadingNormal = require('../font/leadingNormal.cjs');
|
|
7
|
+
var typescaleSm = require('../font/typescaleSm.cjs');
|
|
7
8
|
|
|
8
9
|
const proseTextSmStyle = {
|
|
9
|
-
font:
|
|
10
|
+
font: `${fontWeightNormal.fontWeightNormal} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
|
|
11
|
+
color: colorPrimary.colorPrimary,
|
|
10
12
|
};
|
|
11
13
|
|
|
12
14
|
exports.proseTextSmStyle = proseTextSmStyle;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
3
|
+
var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
|
|
4
|
+
var fontPorscheNext = require('../font/fontPorscheNext.cjs');
|
|
5
|
+
var fontWeightNormal = require('../font/fontWeightNormal.cjs');
|
|
6
|
+
var leadingNormal = require('../font/leadingNormal.cjs');
|
|
7
|
+
var typescaleXl = require('../font/typescaleXl.cjs');
|
|
7
8
|
|
|
8
9
|
const proseTextXlStyle = {
|
|
9
|
-
font:
|
|
10
|
+
font: `${fontWeightNormal.fontWeightNormal} ${typescaleXl.typescaleXl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
|
|
11
|
+
color: colorPrimary.colorPrimary,
|
|
10
12
|
};
|
|
11
13
|
|
|
12
14
|
exports.proseTextXlStyle = proseTextXlStyle;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
3
|
+
var colorPrimary = require('../color/light-dark/colorPrimary.cjs');
|
|
4
|
+
var fontPorscheNext = require('../font/fontPorscheNext.cjs');
|
|
5
|
+
var fontWeightNormal = require('../font/fontWeightNormal.cjs');
|
|
6
|
+
var leadingNormal = require('../font/leadingNormal.cjs');
|
|
7
|
+
var typescaleXs = require('../font/typescaleXs.cjs');
|
|
7
8
|
|
|
8
9
|
const proseTextXsStyle = {
|
|
9
|
-
font:
|
|
10
|
+
font: `${fontWeightNormal.fontWeightNormal} ${typescaleXs.typescaleXs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
|
|
11
|
+
color: colorPrimary.colorPrimary,
|
|
10
12
|
};
|
|
11
13
|
|
|
12
14
|
exports.proseTextXsStyle = proseTextXsStyle;
|
|
@@ -235,6 +235,7 @@ export { spacingFluidSm } from './spacing/spacingFluidSm.mjs';
|
|
|
235
235
|
export { spacingFluidXl } from './spacing/spacingFluidXl.mjs';
|
|
236
236
|
export { spacingFluidXs } from './spacing/spacingFluidXs.mjs';
|
|
237
237
|
export { spacingStatic2Xl } from './spacing/spacingStatic2Xl.mjs';
|
|
238
|
+
export { spacingStatic2Xs } from './spacing/spacingStatic2Xs.mjs';
|
|
238
239
|
export { spacingStaticLg } from './spacing/spacingStaticLg.mjs';
|
|
239
240
|
export { spacingStaticMd } from './spacing/spacingStaticMd.mjs';
|
|
240
241
|
export { spacingStaticSm } from './spacing/spacingStaticSm.mjs';
|
|
@@ -255,6 +256,7 @@ export { textMediumStyle } from './typography/deprecated/text/textMediumStyle.mj
|
|
|
255
256
|
export { textLargeStyle } from './typography/deprecated/text/textLargeStyle.mjs';
|
|
256
257
|
export { textXLargeStyle } from './typography/deprecated/text/textXLargeStyle.mjs';
|
|
257
258
|
export { proseHeading2XlStyle } from './typography/proseHeading2XlStyle.mjs';
|
|
259
|
+
export { proseHeading2XsStyle } from './typography/proseHeading2XsStyle.mjs';
|
|
258
260
|
export { proseHeading3XlStyle } from './typography/proseHeading3XlStyle.mjs';
|
|
259
261
|
export { proseHeading4XlStyle } from './typography/proseHeading4XlStyle.mjs';
|
|
260
262
|
export { proseHeading5XlStyle } from './typography/proseHeading5XlStyle.mjs';
|
|
@@ -262,7 +264,12 @@ export { proseHeadingLgStyle } from './typography/proseHeadingLgStyle.mjs';
|
|
|
262
264
|
export { proseHeadingMdStyle } from './typography/proseHeadingMdStyle.mjs';
|
|
263
265
|
export { proseHeadingSmStyle } from './typography/proseHeadingSmStyle.mjs';
|
|
264
266
|
export { proseHeadingXlStyle } from './typography/proseHeadingXlStyle.mjs';
|
|
267
|
+
export { proseHeadingXsStyle } from './typography/proseHeadingXsStyle.mjs';
|
|
268
|
+
export { proseText2XlStyle } from './typography/proseText2XlStyle.mjs';
|
|
265
269
|
export { proseText2XsStyle } from './typography/proseText2XsStyle.mjs';
|
|
270
|
+
export { proseText3XlStyle } from './typography/proseText3XlStyle.mjs';
|
|
271
|
+
export { proseText4XlStyle } from './typography/proseText4XlStyle.mjs';
|
|
272
|
+
export { proseText5XlStyle } from './typography/proseText5XlStyle.mjs';
|
|
266
273
|
export { proseTextLgStyle } from './typography/proseTextLgStyle.mjs';
|
|
267
274
|
export { proseTextMdStyle } from './typography/proseTextMdStyle.mjs';
|
|
268
275
|
export { proseTextSmStyle } from './typography/proseTextSmStyle.mjs';
|
|
@@ -6,6 +6,7 @@ export { spacingFluidSm } from './spacingFluidSm';
|
|
|
6
6
|
export { spacingFluidXl } from './spacingFluidXl';
|
|
7
7
|
export { spacingFluidXs } from './spacingFluidXs';
|
|
8
8
|
export { spacingStatic2Xl } from './spacingStatic2Xl';
|
|
9
|
+
export { spacingStatic2Xs } from './spacingStatic2Xs';
|
|
9
10
|
export { spacingStaticLg } from './spacingStaticLg';
|
|
10
11
|
export { spacingStaticMd } from './spacingStaticMd';
|
|
11
12
|
export { spacingStaticSm } from './spacingStaticSm';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const spacingStatic2Xs = "1px";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './deprecated';
|
|
2
2
|
export { proseHeading2XlStyle } from './proseHeading2XlStyle';
|
|
3
|
+
export { proseHeading2XsStyle } from './proseHeading2XsStyle';
|
|
3
4
|
export { proseHeading3XlStyle } from './proseHeading3XlStyle';
|
|
4
5
|
export { proseHeading4XlStyle } from './proseHeading4XlStyle';
|
|
5
6
|
export { proseHeading5XlStyle } from './proseHeading5XlStyle';
|
|
@@ -7,7 +8,12 @@ export { proseHeadingLgStyle } from './proseHeadingLgStyle';
|
|
|
7
8
|
export { proseHeadingMdStyle } from './proseHeadingMdStyle';
|
|
8
9
|
export { proseHeadingSmStyle } from './proseHeadingSmStyle';
|
|
9
10
|
export { proseHeadingXlStyle } from './proseHeadingXlStyle';
|
|
11
|
+
export { proseHeadingXsStyle } from './proseHeadingXsStyle';
|
|
12
|
+
export { proseText2XlStyle } from './proseText2XlStyle';
|
|
10
13
|
export { proseText2XsStyle } from './proseText2XsStyle';
|
|
14
|
+
export { proseText3XlStyle } from './proseText3XlStyle';
|
|
15
|
+
export { proseText4XlStyle } from './proseText4XlStyle';
|
|
16
|
+
export { proseText5XlStyle } from './proseText5XlStyle';
|
|
11
17
|
export { proseTextLgStyle } from './proseTextLgStyle';
|
|
12
18
|
export { proseTextMdStyle } from './proseTextMdStyle';
|
|
13
19
|
export { proseTextSmStyle } from './proseTextSmStyle';
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescale2Xl } from '../font/typescale2Xl.mjs';
|
|
5
6
|
|
|
6
7
|
const proseHeading2XlStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescale2Xl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseHeading2XlStyle };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightSemibold } from '../font/fontWeightSemibold.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescale2Xs } from '../font/typescale2Xs.mjs';
|
|
6
|
+
|
|
7
|
+
const proseHeading2XsStyle = {
|
|
8
|
+
font: `${fontWeightSemibold} ${typescale2Xs} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { proseHeading2XsStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { fontWeightNormal } from '../
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { typescale3Xl } from '../font/typescale3Xl.mjs';
|
|
3
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
4
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
5
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
6
|
|
|
6
7
|
const proseHeading3XlStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescale3Xl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseHeading3XlStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { fontWeightNormal } from '../
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { typescale4Xl } from '../font/typescale4Xl.mjs';
|
|
3
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
4
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
5
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
6
|
|
|
6
7
|
const proseHeading4XlStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescale4Xl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseHeading4XlStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { fontWeightNormal } from '../
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { typescale5Xl } from '../font/typescale5Xl.mjs';
|
|
3
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
4
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
5
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
6
|
|
|
6
7
|
const proseHeading5XlStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescale5Xl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseHeading5XlStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescaleLg } from '../font/typescaleLg.mjs';
|
|
5
6
|
|
|
6
7
|
const proseHeadingLgStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescaleLg} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseHeadingLgStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescaleMd } from '../font/typescaleMd.mjs';
|
|
5
6
|
|
|
6
7
|
const proseHeadingMdStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescaleMd} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseHeadingMdStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightSemibold } from '../font/fontWeightSemibold.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescaleSm } from '../font/typescaleSm.mjs';
|
|
5
6
|
|
|
6
7
|
const proseHeadingSmStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightSemibold} ${typescaleSm} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseHeadingSmStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescaleXl } from '../font/typescaleXl.mjs';
|
|
5
6
|
|
|
6
7
|
const proseHeadingXlStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescaleXl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseHeadingXlStyle };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightSemibold } from '../font/fontWeightSemibold.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescaleXs } from '../font/typescaleXs.mjs';
|
|
6
|
+
|
|
7
|
+
const proseHeadingXsStyle = {
|
|
8
|
+
font: `${fontWeightSemibold} ${typescaleXs} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { proseHeadingXsStyle };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescale2Xl } from '../font/typescale2Xl.mjs';
|
|
6
|
+
|
|
7
|
+
const proseText2XlStyle = {
|
|
8
|
+
font: `${fontWeightNormal} ${typescale2Xl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { proseText2XlStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescale2Xs } from '../font/typescale2Xs.mjs';
|
|
5
6
|
|
|
6
7
|
const proseText2XsStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescale2Xs} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseText2XsStyle };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { typescale3Xl } from '../font/typescale3Xl.mjs';
|
|
3
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
4
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
5
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
6
|
+
|
|
7
|
+
const proseText3XlStyle = {
|
|
8
|
+
font: `${fontWeightNormal} ${typescale3Xl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { proseText3XlStyle };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { typescale4Xl } from '../font/typescale4Xl.mjs';
|
|
3
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
4
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
5
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
6
|
+
|
|
7
|
+
const proseText4XlStyle = {
|
|
8
|
+
font: `${fontWeightNormal} ${typescale4Xl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { proseText4XlStyle };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { typescale5Xl } from '../font/typescale5Xl.mjs';
|
|
3
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
4
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
5
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
6
|
+
|
|
7
|
+
const proseText5XlStyle = {
|
|
8
|
+
font: `${fontWeightNormal} ${typescale5Xl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { proseText5XlStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescaleLg } from '../font/typescaleLg.mjs';
|
|
5
6
|
|
|
6
7
|
const proseTextLgStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescaleLg} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseTextLgStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescaleMd } from '../font/typescaleMd.mjs';
|
|
5
6
|
|
|
6
7
|
const proseTextMdStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescaleMd} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseTextMdStyle };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { colorPrimary } from '../color/light-dark/colorPrimary.mjs';
|
|
2
|
+
import { fontPorscheNext } from '../font/fontPorscheNext.mjs';
|
|
3
|
+
import { fontWeightNormal } from '../font/fontWeightNormal.mjs';
|
|
4
|
+
import { leadingNormal } from '../font/leadingNormal.mjs';
|
|
5
|
+
import { typescaleSm } from '../font/typescaleSm.mjs';
|
|
5
6
|
|
|
6
7
|
const proseTextSmStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescaleSm} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseTextSmStyle };
|