@porsche-design-system/components-angular 4.0.0-rc.0 → 4.0.0-rc.2

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 (133) hide show
  1. package/CHANGELOG.md +125 -0
  2. package/OSS_NOTICE +195 -855
  3. package/README.md +0 -5
  4. package/fesm2022/porsche-design-system-components-angular.mjs +233 -231
  5. package/fesm2022/porsche-design-system-components-angular.mjs.map +1 -1
  6. package/global-styles/cn/index.css +43 -39
  7. package/global-styles/color-scheme.css +24 -24
  8. package/global-styles/index.css +43 -39
  9. package/global-styles/variables.css +19 -15
  10. package/package.json +9 -6
  11. package/tailwindcss/index.css +350 -92
  12. package/types/porsche-design-system-components-angular.d.ts +39 -28
  13. package/vanilla-extract/cjs/index.cjs +14 -0
  14. package/vanilla-extract/cjs/spacing/spacingStatic2Xs.cjs +7 -0
  15. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedDark.cjs +1 -3
  16. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedSoftDark.cjs +1 -3
  17. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.cjs +1 -3
  18. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedSoftDark.cjs +1 -3
  19. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.cjs +1 -3
  20. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedSoftDark.cjs +1 -3
  21. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.cjs +1 -3
  22. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedSoftDark.cjs +1 -3
  23. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedLight.cjs +1 -3
  24. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedSoftLight.cjs +1 -3
  25. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.cjs +1 -3
  26. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.cjs +1 -3
  27. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.cjs +1 -3
  28. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.cjs +1 -3
  29. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.cjs +1 -3
  30. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.cjs +1 -3
  31. package/vanilla-extract/cjs/tokens/dist/esm/color/palette.cjs +184 -10
  32. package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStatic2Xs.cjs +5 -0
  33. package/vanilla-extract/cjs/typography/proseHeading2XlStyle.cjs +7 -5
  34. package/vanilla-extract/cjs/typography/proseHeading2XsStyle.cjs +14 -0
  35. package/vanilla-extract/cjs/typography/proseHeading3XlStyle.cjs +7 -5
  36. package/vanilla-extract/cjs/typography/proseHeading4XlStyle.cjs +7 -5
  37. package/vanilla-extract/cjs/typography/proseHeading5XlStyle.cjs +7 -5
  38. package/vanilla-extract/cjs/typography/proseHeadingLgStyle.cjs +7 -5
  39. package/vanilla-extract/cjs/typography/proseHeadingMdStyle.cjs +7 -5
  40. package/vanilla-extract/cjs/typography/proseHeadingSmStyle.cjs +7 -5
  41. package/vanilla-extract/cjs/typography/proseHeadingXlStyle.cjs +7 -5
  42. package/vanilla-extract/cjs/typography/proseHeadingXsStyle.cjs +14 -0
  43. package/vanilla-extract/cjs/typography/proseText2XlStyle.cjs +14 -0
  44. package/vanilla-extract/cjs/typography/proseText2XsStyle.cjs +7 -5
  45. package/vanilla-extract/cjs/typography/proseText3XlStyle.cjs +14 -0
  46. package/vanilla-extract/cjs/typography/proseText4XlStyle.cjs +14 -0
  47. package/vanilla-extract/cjs/typography/proseText5XlStyle.cjs +14 -0
  48. package/vanilla-extract/cjs/typography/proseTextLgStyle.cjs +7 -5
  49. package/vanilla-extract/cjs/typography/proseTextMdStyle.cjs +7 -5
  50. package/vanilla-extract/cjs/typography/proseTextSmStyle.cjs +7 -5
  51. package/vanilla-extract/cjs/typography/proseTextXlStyle.cjs +7 -5
  52. package/vanilla-extract/cjs/typography/proseTextXsStyle.cjs +7 -5
  53. package/vanilla-extract/esm/color/deprecated/themeDarkNotificationErrorSoft.d.ts +1 -1
  54. package/vanilla-extract/esm/color/deprecated/themeDarkNotificationInfoSoft.d.ts +1 -1
  55. package/vanilla-extract/esm/color/deprecated/themeDarkNotificationSuccessSoft.d.ts +1 -1
  56. package/vanilla-extract/esm/color/deprecated/themeDarkNotificationWarningSoft.d.ts +1 -1
  57. package/vanilla-extract/esm/color/deprecated/themeLightNotificationErrorSoft.d.ts +1 -1
  58. package/vanilla-extract/esm/color/deprecated/themeLightNotificationInfoSoft.d.ts +1 -1
  59. package/vanilla-extract/esm/color/deprecated/themeLightNotificationSuccessSoft.d.ts +1 -1
  60. package/vanilla-extract/esm/color/deprecated/themeLightNotificationWarningSoft.d.ts +1 -1
  61. package/vanilla-extract/esm/color/light-dark/colorErrorFrosted.d.ts +1 -1
  62. package/vanilla-extract/esm/color/light-dark/colorErrorFrostedSoft.d.ts +1 -1
  63. package/vanilla-extract/esm/color/light-dark/colorInfoFrosted.d.ts +1 -1
  64. package/vanilla-extract/esm/color/light-dark/colorInfoFrostedSoft.d.ts +1 -1
  65. package/vanilla-extract/esm/color/light-dark/colorSuccessFrosted.d.ts +1 -1
  66. package/vanilla-extract/esm/color/light-dark/colorSuccessFrostedSoft.d.ts +1 -1
  67. package/vanilla-extract/esm/color/light-dark/colorWarningFrosted.d.ts +1 -1
  68. package/vanilla-extract/esm/color/light-dark/colorWarningFrostedSoft.d.ts +1 -1
  69. package/vanilla-extract/esm/grid/gridSharedOffset.mjs +1 -1
  70. package/vanilla-extract/esm/grid/gridStyle.mjs +1 -1
  71. package/vanilla-extract/esm/index.mjs +7 -0
  72. package/vanilla-extract/esm/spacing/index.d.ts +1 -0
  73. package/vanilla-extract/esm/spacing/spacingStatic2Xs.d.ts +1 -0
  74. package/vanilla-extract/esm/spacing/spacingStatic2Xs.mjs +5 -0
  75. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorFrostedDark.mjs +1 -3
  76. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorFrostedSoftDark.mjs +1 -3
  77. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.mjs +1 -3
  78. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoFrostedSoftDark.mjs +1 -3
  79. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.mjs +1 -3
  80. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedSoftDark.mjs +1 -3
  81. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.mjs +1 -3
  82. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningFrostedSoftDark.mjs +1 -3
  83. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorFrostedLight.mjs +1 -3
  84. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorFrostedSoftLight.mjs +1 -3
  85. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.mjs +1 -3
  86. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.mjs +1 -3
  87. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.mjs +1 -3
  88. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.mjs +1 -3
  89. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.mjs +1 -3
  90. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.mjs +1 -3
  91. package/vanilla-extract/esm/tokens/dist/esm/color/palette.mjs +184 -10
  92. package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStatic2Xs.mjs +3 -0
  93. package/vanilla-extract/esm/typography/index.d.ts +6 -0
  94. package/vanilla-extract/esm/typography/proseHeading2XlStyle.d.ts +1 -0
  95. package/vanilla-extract/esm/typography/proseHeading2XlStyle.mjs +7 -5
  96. package/vanilla-extract/esm/typography/proseHeading2XsStyle.d.ts +4 -0
  97. package/vanilla-extract/esm/typography/proseHeading2XsStyle.mjs +12 -0
  98. package/vanilla-extract/esm/typography/proseHeading3XlStyle.d.ts +1 -0
  99. package/vanilla-extract/esm/typography/proseHeading3XlStyle.mjs +7 -5
  100. package/vanilla-extract/esm/typography/proseHeading4XlStyle.d.ts +1 -0
  101. package/vanilla-extract/esm/typography/proseHeading4XlStyle.mjs +7 -5
  102. package/vanilla-extract/esm/typography/proseHeading5XlStyle.d.ts +1 -0
  103. package/vanilla-extract/esm/typography/proseHeading5XlStyle.mjs +7 -5
  104. package/vanilla-extract/esm/typography/proseHeadingLgStyle.d.ts +1 -0
  105. package/vanilla-extract/esm/typography/proseHeadingLgStyle.mjs +7 -5
  106. package/vanilla-extract/esm/typography/proseHeadingMdStyle.d.ts +1 -0
  107. package/vanilla-extract/esm/typography/proseHeadingMdStyle.mjs +7 -5
  108. package/vanilla-extract/esm/typography/proseHeadingSmStyle.d.ts +1 -0
  109. package/vanilla-extract/esm/typography/proseHeadingSmStyle.mjs +7 -5
  110. package/vanilla-extract/esm/typography/proseHeadingXlStyle.d.ts +1 -0
  111. package/vanilla-extract/esm/typography/proseHeadingXlStyle.mjs +7 -5
  112. package/vanilla-extract/esm/typography/proseHeadingXsStyle.d.ts +4 -0
  113. package/vanilla-extract/esm/typography/proseHeadingXsStyle.mjs +12 -0
  114. package/vanilla-extract/esm/typography/proseText2XlStyle.d.ts +4 -0
  115. package/vanilla-extract/esm/typography/proseText2XlStyle.mjs +12 -0
  116. package/vanilla-extract/esm/typography/proseText2XsStyle.d.ts +1 -0
  117. package/vanilla-extract/esm/typography/proseText2XsStyle.mjs +7 -5
  118. package/vanilla-extract/esm/typography/proseText3XlStyle.d.ts +4 -0
  119. package/vanilla-extract/esm/typography/proseText3XlStyle.mjs +12 -0
  120. package/vanilla-extract/esm/typography/proseText4XlStyle.d.ts +4 -0
  121. package/vanilla-extract/esm/typography/proseText4XlStyle.mjs +12 -0
  122. package/vanilla-extract/esm/typography/proseText5XlStyle.d.ts +4 -0
  123. package/vanilla-extract/esm/typography/proseText5XlStyle.mjs +12 -0
  124. package/vanilla-extract/esm/typography/proseTextLgStyle.d.ts +1 -0
  125. package/vanilla-extract/esm/typography/proseTextLgStyle.mjs +7 -5
  126. package/vanilla-extract/esm/typography/proseTextMdStyle.d.ts +1 -0
  127. package/vanilla-extract/esm/typography/proseTextMdStyle.mjs +7 -5
  128. package/vanilla-extract/esm/typography/proseTextSmStyle.d.ts +1 -0
  129. package/vanilla-extract/esm/typography/proseTextSmStyle.mjs +7 -5
  130. package/vanilla-extract/esm/typography/proseTextXlStyle.d.ts +1 -0
  131. package/vanilla-extract/esm/typography/proseTextXlStyle.mjs +7 -5
  132. package/vanilla-extract/esm/typography/proseTextXsStyle.d.ts +1 -0
  133. package/vanilla-extract/esm/typography/proseTextXsStyle.mjs +7 -5
@@ -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
  };
@@ -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 proseTextXlStyle = {
7
- font: `normal normal ${fontWeightNormal} ${typescaleXl} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescaleXl} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseTextXlStyle };
@@ -1,3 +1,4 @@
1
1
  export declare const proseTextXsStyle: {
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 { typescaleXs } from '../tokens/dist/esm/font/size/typescaleXs.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 { typescaleXs } from '../font/typescaleXs.mjs';
5
6
 
6
7
  const proseTextXsStyle = {
7
- font: `normal normal ${fontWeightNormal} ${typescaleXs} / ${leadingNormal} ${fontPorscheNext}`,
8
+ font: `${fontWeightNormal} ${typescaleXs} / ${leadingNormal} ${fontPorscheNext}`,
9
+ color: colorPrimary,
8
10
  };
9
11
 
10
12
  export { proseTextXsStyle };