@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.
Files changed (78) hide show
  1. package/CHANGELOG.md +72 -4
  2. package/fesm2022/porsche-design-system-components-angular.mjs +3 -2
  3. package/fesm2022/porsche-design-system-components-angular.mjs.map +1 -1
  4. package/global-styles/cn/index.css +1 -0
  5. package/global-styles/index.css +1 -0
  6. package/global-styles/variables.css +1 -0
  7. package/package.json +4 -2
  8. package/tailwindcss/index.css +73 -14
  9. package/types/porsche-design-system-components-angular.d.ts +8 -2
  10. package/vanilla-extract/cjs/index.cjs +14 -0
  11. package/vanilla-extract/cjs/spacing/spacingStatic2Xs.cjs +7 -0
  12. package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStatic2Xs.cjs +5 -0
  13. package/vanilla-extract/cjs/typography/proseHeading2XlStyle.cjs +7 -5
  14. package/vanilla-extract/cjs/typography/proseHeading2XsStyle.cjs +14 -0
  15. package/vanilla-extract/cjs/typography/proseHeading3XlStyle.cjs +7 -5
  16. package/vanilla-extract/cjs/typography/proseHeading4XlStyle.cjs +7 -5
  17. package/vanilla-extract/cjs/typography/proseHeading5XlStyle.cjs +7 -5
  18. package/vanilla-extract/cjs/typography/proseHeadingLgStyle.cjs +7 -5
  19. package/vanilla-extract/cjs/typography/proseHeadingMdStyle.cjs +7 -5
  20. package/vanilla-extract/cjs/typography/proseHeadingSmStyle.cjs +7 -5
  21. package/vanilla-extract/cjs/typography/proseHeadingXlStyle.cjs +7 -5
  22. package/vanilla-extract/cjs/typography/proseHeadingXsStyle.cjs +14 -0
  23. package/vanilla-extract/cjs/typography/proseText2XlStyle.cjs +14 -0
  24. package/vanilla-extract/cjs/typography/proseText2XsStyle.cjs +7 -5
  25. package/vanilla-extract/cjs/typography/proseText3XlStyle.cjs +14 -0
  26. package/vanilla-extract/cjs/typography/proseText4XlStyle.cjs +14 -0
  27. package/vanilla-extract/cjs/typography/proseText5XlStyle.cjs +14 -0
  28. package/vanilla-extract/cjs/typography/proseTextLgStyle.cjs +7 -5
  29. package/vanilla-extract/cjs/typography/proseTextMdStyle.cjs +7 -5
  30. package/vanilla-extract/cjs/typography/proseTextSmStyle.cjs +7 -5
  31. package/vanilla-extract/cjs/typography/proseTextXlStyle.cjs +7 -5
  32. package/vanilla-extract/cjs/typography/proseTextXsStyle.cjs +7 -5
  33. package/vanilla-extract/esm/index.mjs +7 -0
  34. package/vanilla-extract/esm/spacing/index.d.ts +1 -0
  35. package/vanilla-extract/esm/spacing/spacingStatic2Xs.d.ts +1 -0
  36. package/vanilla-extract/esm/spacing/spacingStatic2Xs.mjs +5 -0
  37. package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStatic2Xs.mjs +3 -0
  38. package/vanilla-extract/esm/typography/index.d.ts +6 -0
  39. package/vanilla-extract/esm/typography/proseHeading2XlStyle.d.ts +1 -0
  40. package/vanilla-extract/esm/typography/proseHeading2XlStyle.mjs +7 -5
  41. package/vanilla-extract/esm/typography/proseHeading2XsStyle.d.ts +4 -0
  42. package/vanilla-extract/esm/typography/proseHeading2XsStyle.mjs +12 -0
  43. package/vanilla-extract/esm/typography/proseHeading3XlStyle.d.ts +1 -0
  44. package/vanilla-extract/esm/typography/proseHeading3XlStyle.mjs +7 -5
  45. package/vanilla-extract/esm/typography/proseHeading4XlStyle.d.ts +1 -0
  46. package/vanilla-extract/esm/typography/proseHeading4XlStyle.mjs +7 -5
  47. package/vanilla-extract/esm/typography/proseHeading5XlStyle.d.ts +1 -0
  48. package/vanilla-extract/esm/typography/proseHeading5XlStyle.mjs +7 -5
  49. package/vanilla-extract/esm/typography/proseHeadingLgStyle.d.ts +1 -0
  50. package/vanilla-extract/esm/typography/proseHeadingLgStyle.mjs +7 -5
  51. package/vanilla-extract/esm/typography/proseHeadingMdStyle.d.ts +1 -0
  52. package/vanilla-extract/esm/typography/proseHeadingMdStyle.mjs +7 -5
  53. package/vanilla-extract/esm/typography/proseHeadingSmStyle.d.ts +1 -0
  54. package/vanilla-extract/esm/typography/proseHeadingSmStyle.mjs +7 -5
  55. package/vanilla-extract/esm/typography/proseHeadingXlStyle.d.ts +1 -0
  56. package/vanilla-extract/esm/typography/proseHeadingXlStyle.mjs +7 -5
  57. package/vanilla-extract/esm/typography/proseHeadingXsStyle.d.ts +4 -0
  58. package/vanilla-extract/esm/typography/proseHeadingXsStyle.mjs +12 -0
  59. package/vanilla-extract/esm/typography/proseText2XlStyle.d.ts +4 -0
  60. package/vanilla-extract/esm/typography/proseText2XlStyle.mjs +12 -0
  61. package/vanilla-extract/esm/typography/proseText2XsStyle.d.ts +1 -0
  62. package/vanilla-extract/esm/typography/proseText2XsStyle.mjs +7 -5
  63. package/vanilla-extract/esm/typography/proseText3XlStyle.d.ts +4 -0
  64. package/vanilla-extract/esm/typography/proseText3XlStyle.mjs +12 -0
  65. package/vanilla-extract/esm/typography/proseText4XlStyle.d.ts +4 -0
  66. package/vanilla-extract/esm/typography/proseText4XlStyle.mjs +12 -0
  67. package/vanilla-extract/esm/typography/proseText5XlStyle.d.ts +4 -0
  68. package/vanilla-extract/esm/typography/proseText5XlStyle.mjs +12 -0
  69. package/vanilla-extract/esm/typography/proseTextLgStyle.d.ts +1 -0
  70. package/vanilla-extract/esm/typography/proseTextLgStyle.mjs +7 -5
  71. package/vanilla-extract/esm/typography/proseTextMdStyle.d.ts +1 -0
  72. package/vanilla-extract/esm/typography/proseTextMdStyle.mjs +7 -5
  73. package/vanilla-extract/esm/typography/proseTextSmStyle.d.ts +1 -0
  74. package/vanilla-extract/esm/typography/proseTextSmStyle.mjs +7 -5
  75. package/vanilla-extract/esm/typography/proseTextXlStyle.d.ts +1 -0
  76. package/vanilla-extract/esm/typography/proseTextXlStyle.mjs +7 -5
  77. package/vanilla-extract/esm/typography/proseTextXsStyle.d.ts +1 -0
  78. package/vanilla-extract/esm/typography/proseTextXsStyle.mjs +7 -5
@@ -1,12 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
4
- var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
5
- var typescaleMd = require('../tokens/dist/esm/font/size/typescaleMd.cjs');
6
- var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
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: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleMd.typescaleMd} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
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 fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
4
- var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
5
- var typescaleSm = require('../tokens/dist/esm/font/size/typescaleSm.cjs');
6
- var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
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: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleSm.typescaleSm} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
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 fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
4
- var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
5
- var typescaleXl = require('../tokens/dist/esm/font/size/typescaleXl.cjs');
6
- var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
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: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleXl.typescaleXl} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
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 fontPorscheNext = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
4
- var leadingNormal = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
5
- var typescaleXs = require('../tokens/dist/esm/font/size/typescaleXs.cjs');
6
- var fontWeightNormal = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
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: `normal normal ${fontWeightNormal.fontWeightNormal} ${typescaleXs.typescaleXs} / ${leadingNormal.leadingNormal} ${fontPorscheNext.fontPorscheNext}`,
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";
@@ -0,0 +1,5 @@
1
+ import { spacingStatic2Xs as spacingStatic2Xs$1 } from '../tokens/dist/esm/spacing/static/spacingStatic2Xs.mjs';
2
+
3
+ const spacingStatic2Xs = spacingStatic2Xs$1;
4
+
5
+ export { spacingStatic2Xs };
@@ -0,0 +1,3 @@
1
+ const spacingStatic2Xs = '1px';
2
+
3
+ export { spacingStatic2Xs };
@@ -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,3 +1,4 @@
1
1
  export declare const proseHeading2XlStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescale2Xl } from '../tokens/dist/esm/font/size/typescale2Xl.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescale2Xl} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescale2Xl} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseHeading2XlStyle };
@@ -0,0 +1,4 @@
1
+ export declare const proseHeading2XsStyle: {
2
+ font: string;
3
+ color: string;
4
+ };
@@ -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,3 +1,4 @@
1
1
  export declare const proseHeading3XlStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescale3Xl } from '../tokens/dist/esm/font/size/typescale3Xl.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescale3Xl} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescale3Xl} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseHeading3XlStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseHeading4XlStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescale4Xl } from '../tokens/dist/esm/font/size/typescale4Xl.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescale4Xl} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescale4Xl} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseHeading4XlStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseHeading5XlStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescale5Xl } from '../tokens/dist/esm/font/size/typescale5Xl.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescale5Xl} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescale5Xl} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseHeading5XlStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseHeadingLgStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescaleLg } from '../tokens/dist/esm/font/size/typescaleLg.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescaleLg} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescaleLg} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseHeadingLgStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseHeadingMdStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescaleMd } from '../tokens/dist/esm/font/size/typescaleMd.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescaleMd} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescaleMd} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseHeadingMdStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseHeadingSmStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescaleSm } from '../tokens/dist/esm/font/size/typescaleSm.mjs';
4
- import { fontWeightSemibold } from '../tokens/dist/esm/font/weight/fontWeightSemibold.mjs';
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: `normal normal ${fontWeightSemibold} ${typescaleSm} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightSemibold} ${typescaleSm} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseHeadingSmStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseHeadingXlStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescaleXl } from '../tokens/dist/esm/font/size/typescaleXl.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescaleXl} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescaleXl} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseHeadingXlStyle };
@@ -0,0 +1,4 @@
1
+ export declare const proseHeadingXsStyle: {
2
+ font: string;
3
+ color: string;
4
+ };
@@ -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,4 @@
1
+ export declare const proseText2XlStyle: {
2
+ font: string;
3
+ color: string;
4
+ };
@@ -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,3 +1,4 @@
1
1
  export declare const proseText2XsStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescale2Xs } from '../tokens/dist/esm/font/size/typescale2Xs.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescale2Xs} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescale2Xs} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseText2XsStyle };
@@ -0,0 +1,4 @@
1
+ export declare const proseText3XlStyle: {
2
+ font: string;
3
+ color: string;
4
+ };
@@ -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,4 @@
1
+ export declare const proseText4XlStyle: {
2
+ font: string;
3
+ color: string;
4
+ };
@@ -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,4 @@
1
+ export declare const proseText5XlStyle: {
2
+ font: string;
3
+ color: string;
4
+ };
@@ -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,3 +1,4 @@
1
1
  export declare const proseTextLgStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescaleLg } from '../tokens/dist/esm/font/size/typescaleLg.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescaleLg} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescaleLg} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseTextLgStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseTextMdStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescaleMd } from '../tokens/dist/esm/font/size/typescaleMd.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescaleMd} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescaleMd} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseTextMdStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseTextSmStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };
@@ -1,10 +1,12 @@
1
- import { fontPorscheNext } from '../tokens/dist/esm/font/family/fontPorscheNext.mjs';
2
- import { leadingNormal } from '../tokens/dist/esm/font/lineHeight/leadingNormal.mjs';
3
- import { typescaleSm } from '../tokens/dist/esm/font/size/typescaleSm.mjs';
4
- import { fontWeightNormal } from '../tokens/dist/esm/font/weight/fontWeightNormal.mjs';
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: `normal normal ${fontWeightNormal} ${typescaleSm} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescaleSm} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseTextSmStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseTextXlStyle: {
2
2
  font: string;
3
+ color: string;
3
4
  };