@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.
- package/CHANGELOG.md +125 -0
- package/OSS_NOTICE +195 -855
- package/README.md +0 -5
- package/fesm2022/porsche-design-system-components-angular.mjs +233 -231
- package/fesm2022/porsche-design-system-components-angular.mjs.map +1 -1
- package/global-styles/cn/index.css +43 -39
- package/global-styles/color-scheme.css +24 -24
- package/global-styles/index.css +43 -39
- package/global-styles/variables.css +19 -15
- package/package.json +9 -6
- package/tailwindcss/index.css +350 -92
- package/types/porsche-design-system-components-angular.d.ts +39 -28
- package/vanilla-extract/cjs/index.cjs +14 -0
- package/vanilla-extract/cjs/spacing/spacingStatic2Xs.cjs +7 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedDark.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedSoftDark.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedSoftDark.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedSoftDark.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedSoftDark.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedLight.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedSoftLight.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.cjs +1 -3
- package/vanilla-extract/cjs/tokens/dist/esm/color/palette.cjs +184 -10
- 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/color/deprecated/themeDarkNotificationErrorSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/deprecated/themeDarkNotificationInfoSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/deprecated/themeDarkNotificationSuccessSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/deprecated/themeDarkNotificationWarningSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/deprecated/themeLightNotificationErrorSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/deprecated/themeLightNotificationInfoSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/deprecated/themeLightNotificationSuccessSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/deprecated/themeLightNotificationWarningSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/light-dark/colorErrorFrosted.d.ts +1 -1
- package/vanilla-extract/esm/color/light-dark/colorErrorFrostedSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/light-dark/colorInfoFrosted.d.ts +1 -1
- package/vanilla-extract/esm/color/light-dark/colorInfoFrostedSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/light-dark/colorSuccessFrosted.d.ts +1 -1
- package/vanilla-extract/esm/color/light-dark/colorSuccessFrostedSoft.d.ts +1 -1
- package/vanilla-extract/esm/color/light-dark/colorWarningFrosted.d.ts +1 -1
- package/vanilla-extract/esm/color/light-dark/colorWarningFrostedSoft.d.ts +1 -1
- package/vanilla-extract/esm/grid/gridSharedOffset.mjs +1 -1
- package/vanilla-extract/esm/grid/gridStyle.mjs +1 -1
- 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/color/dark/semantic/colorErrorFrostedDark.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorFrostedSoftDark.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoFrostedSoftDark.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedSoftDark.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningFrostedSoftDark.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorFrostedLight.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorFrostedSoftLight.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.mjs +1 -3
- package/vanilla-extract/esm/tokens/dist/esm/color/palette.mjs +184 -10
- 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
|
@@ -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 };
|
|
@@ -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 proseTextXlStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescaleXl} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseTextXlStyle };
|
|
@@ -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 { typescaleXs } from '../font/typescaleXs.mjs';
|
|
5
6
|
|
|
6
7
|
const proseTextXsStyle = {
|
|
7
|
-
font:
|
|
8
|
+
font: `${fontWeightNormal} ${typescaleXs} / ${leadingNormal} ${fontPorscheNext}`,
|
|
9
|
+
color: colorPrimary,
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
export { proseTextXsStyle };
|