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

package/types/porsche-design-system-components-angular.d.ts

@@ -719,30 +719,6 @@ declare const LINK_TARGETS: readonly [
     "_top"
 ];
 type LinkTarget = (typeof LINK_TARGETS)[number] | string;
-type MultiSelectState = FormState;
-type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
-type MultiSelectChangeEventDetail = {
-    name: string;
-    value: string[];
-};
-type MultiSelectToggleEventDetail = {
-    open: boolean;
-};
-type SelectState = FormState;
-type SelectDropdownDirection = SelectComponentsDropdownDirection;
-type SelectChangeEventDetail = {
-    name: string;
-    value: string;
-};
-type SelectToggleEventDetail = {
-    open: boolean;
-};
-declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
-    "down",
-    "up",
-    "auto"
-];
-type SelectComponentsDropdownDirection = (typeof SELECT_DROPDOWN_DIRECTIONS)[number];
 declare const TILE_ASPECT_RATIOS: readonly [
     "1/1",
     "4/3",
@@ -768,6 +744,30 @@ declare const TILE_ALIGNS: readonly [
     "bottom"
 ];
 type TileAlign = (typeof TILE_ALIGNS)[number];
+type MultiSelectState = FormState;
+type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
+type MultiSelectChangeEventDetail = {
+    name: string;
+    value: string[];
+};
+type MultiSelectToggleEventDetail = {
+    open: boolean;
+};
+type SelectState = FormState;
+type SelectDropdownDirection = SelectComponentsDropdownDirection;
+type SelectChangeEventDetail = {
+    name: string;
+    value: string;
+};
+type SelectToggleEventDetail = {
+    open: boolean;
+};
+declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
+    "down",
+    "up",
+    "auto"
+];
+type SelectComponentsDropdownDirection = (typeof SELECT_DROPDOWN_DIRECTIONS)[number];
 declare const ALIGN_LABELS: readonly [
     "start",
     "end"
@@ -802,6 +802,11 @@ type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttribute
 type SelectedAriaRole<T> = {
     role: Extract<AriaRole, T>;
 };
+declare const BANNER_POSITIONS: readonly [
+    "top",
+    "bottom"
+];
+type BannerPosition = (typeof BANNER_POSITIONS)[number];
 declare const BANNER_STATES: readonly [
     "info",
     "success",
@@ -1502,9 +1507,13 @@ declare const TAG_VARIANTS: readonly [
     "primary",
     "secondary",
     "info",
+    "info-frosted",
     "warning",
+    "warning-frosted",
     "success",
-    "error"
+    "success-frosted",
+    "error",
+    "error-frosted"
 ];
 type TagVariant = (typeof TAG_VARIANTS)[number];
 declare const TAG_DISMISSIBLE_ARIA_ATTRIBUTES: readonly [
@@ -2154,6 +2163,7 @@ declare class PSegmentedControl extends BaseComponent implements ControlValueAcc
     label?: string;
     message?: string;
     name?: string;
+    noWrap?: boolean;
     required?: boolean;
     state?: SegmentedControlState;
     value?: string | number;
@@ -2167,7 +2177,7 @@ declare class PSegmentedControl extends BaseComponent implements ControlValueAcc
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PSegmentedControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "columns": { "alias": "columns"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "columns": { "alias": "columns"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
 }
 
 declare class PSelect extends BaseComponent implements ControlValueAccessor {
@@ -2268,10 +2278,11 @@ declare class PBanner extends BaseComponent {
     heading?: string;
     headingTag?: BannerHeadingTag;
     open: boolean;
+    position?: BreakpointCustomizable<BannerPosition>;
     state?: BannerState;
     dismiss: EventEmitter<CustomEvent<void>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PBanner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PBanner, "p-banner,[p-banner]", never, { "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PBanner, "p-banner,[p-banner]", never, { "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], false, never>;
 }
 
 declare class PButton extends BaseComponent {
@@ -2853,4 +2864,4 @@ declare class ToastManager {
 }
 
 export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFlag, PFlyout, PHeading, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkTile, PLinkTileProduct, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextList, PTextListItem, PTextarea, PToast, PWordmark, PorscheDesignSystemModule, ToastManager };
-export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
+export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };

package/vanilla-extract/cjs/index.cjs

@@ -237,6 +237,7 @@ var spacingFluidSm = require('./spacing/spacingFluidSm.cjs');
 var spacingFluidXl = require('./spacing/spacingFluidXl.cjs');
 var spacingFluidXs = require('./spacing/spacingFluidXs.cjs');
 var spacingStatic2Xl = require('./spacing/spacingStatic2Xl.cjs');
+var spacingStatic2Xs = require('./spacing/spacingStatic2Xs.cjs');
 var spacingStaticLg = require('./spacing/spacingStaticLg.cjs');
 var spacingStaticMd = require('./spacing/spacingStaticMd.cjs');
 var spacingStaticSm = require('./spacing/spacingStaticSm.cjs');
@@ -257,6 +258,7 @@ var textMediumStyle = require('./typography/deprecated/text/textMediumStyle.cjs'
 var textLargeStyle = require('./typography/deprecated/text/textLargeStyle.cjs');
 var textXLargeStyle = require('./typography/deprecated/text/textXLargeStyle.cjs');
 var proseHeading2XlStyle = require('./typography/proseHeading2XlStyle.cjs');
+var proseHeading2XsStyle = require('./typography/proseHeading2XsStyle.cjs');
 var proseHeading3XlStyle = require('./typography/proseHeading3XlStyle.cjs');
 var proseHeading4XlStyle = require('./typography/proseHeading4XlStyle.cjs');
 var proseHeading5XlStyle = require('./typography/proseHeading5XlStyle.cjs');
@@ -264,7 +266,12 @@ var proseHeadingLgStyle = require('./typography/proseHeadingLgStyle.cjs');
 var proseHeadingMdStyle = require('./typography/proseHeadingMdStyle.cjs');
 var proseHeadingSmStyle = require('./typography/proseHeadingSmStyle.cjs');
 var proseHeadingXlStyle = require('./typography/proseHeadingXlStyle.cjs');
+var proseHeadingXsStyle = require('./typography/proseHeadingXsStyle.cjs');
+var proseText2XlStyle = require('./typography/proseText2XlStyle.cjs');
 var proseText2XsStyle = require('./typography/proseText2XsStyle.cjs');
+var proseText3XlStyle = require('./typography/proseText3XlStyle.cjs');
+var proseText4XlStyle = require('./typography/proseText4XlStyle.cjs');
+var proseText5XlStyle = require('./typography/proseText5XlStyle.cjs');
 var proseTextLgStyle = require('./typography/proseTextLgStyle.cjs');
 var proseTextMdStyle = require('./typography/proseTextMdStyle.cjs');
 var proseTextSmStyle = require('./typography/proseTextSmStyle.cjs');
@@ -511,6 +518,7 @@ exports.spacingFluidSm = spacingFluidSm.spacingFluidSm;
 exports.spacingFluidXl = spacingFluidXl.spacingFluidXl;
 exports.spacingFluidXs = spacingFluidXs.spacingFluidXs;
 exports.spacingStatic2Xl = spacingStatic2Xl.spacingStatic2Xl;
+exports.spacingStatic2Xs = spacingStatic2Xs.spacingStatic2Xs;
 exports.spacingStaticLg = spacingStaticLg.spacingStaticLg;
 exports.spacingStaticMd = spacingStaticMd.spacingStaticMd;
 exports.spacingStaticSm = spacingStaticSm.spacingStaticSm;
@@ -531,6 +539,7 @@ exports.textMediumStyle = textMediumStyle.textMediumStyle;
 exports.textLargeStyle = textLargeStyle.textLargeStyle;
 exports.textXLargeStyle = textXLargeStyle.textXLargeStyle;
 exports.proseHeading2XlStyle = proseHeading2XlStyle.proseHeading2XlStyle;
+exports.proseHeading2XsStyle = proseHeading2XsStyle.proseHeading2XsStyle;
 exports.proseHeading3XlStyle = proseHeading3XlStyle.proseHeading3XlStyle;
 exports.proseHeading4XlStyle = proseHeading4XlStyle.proseHeading4XlStyle;
 exports.proseHeading5XlStyle = proseHeading5XlStyle.proseHeading5XlStyle;
@@ -538,7 +547,12 @@ exports.proseHeadingLgStyle = proseHeadingLgStyle.proseHeadingLgStyle;
 exports.proseHeadingMdStyle = proseHeadingMdStyle.proseHeadingMdStyle;
 exports.proseHeadingSmStyle = proseHeadingSmStyle.proseHeadingSmStyle;
 exports.proseHeadingXlStyle = proseHeadingXlStyle.proseHeadingXlStyle;
+exports.proseHeadingXsStyle = proseHeadingXsStyle.proseHeadingXsStyle;
+exports.proseText2XlStyle = proseText2XlStyle.proseText2XlStyle;
 exports.proseText2XsStyle = proseText2XsStyle.proseText2XsStyle;
+exports.proseText3XlStyle = proseText3XlStyle.proseText3XlStyle;
+exports.proseText4XlStyle = proseText4XlStyle.proseText4XlStyle;
+exports.proseText5XlStyle = proseText5XlStyle.proseText5XlStyle;
 exports.proseTextLgStyle = proseTextLgStyle.proseTextLgStyle;
 exports.proseTextMdStyle = proseTextMdStyle.proseTextMdStyle;
 exports.proseTextSmStyle = proseTextSmStyle.proseTextSmStyle;

package/vanilla-extract/cjs/spacing/spacingStatic2Xs.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var spacingStatic2Xs$1 = require('../tokens/dist/esm/spacing/static/spacingStatic2Xs.cjs');
+
+const spacingStatic2Xs = spacingStatic2Xs$1.spacingStatic2Xs;
+
+exports.spacingStatic2Xs = spacingStatic2Xs;

package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedDark.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorErrorFrostedDark = palette.palette.dark.red['200a'];
+const colorErrorFrostedDark = 'hsl(0 79% 20% / 0.66)';
 
 exports.colorErrorFrostedDark = colorErrorFrostedDark;

package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedSoftDark.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorErrorFrostedSoftDark = palette.palette.dark.red['50a'];
+const colorErrorFrostedSoftDark = 'hsl(0 59% 15% / 0.66)';
 
 exports.colorErrorFrostedSoftDark = colorErrorFrostedSoftDark;

package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorInfoFrostedDark = palette.palette.dark.blue['200a'];
+const colorInfoFrostedDark = 'hsl(210 79% 20% / 0.66)';
 
 exports.colorInfoFrostedDark = colorInfoFrostedDark;

package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedSoftDark.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorInfoFrostedSoftDark = palette.palette.dark.blue['50a'];
+const colorInfoFrostedSoftDark = 'hsl(210 59% 15% / 0.66)';
 
 exports.colorInfoFrostedSoftDark = colorInfoFrostedSoftDark;

package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorSuccessFrostedDark = palette.palette.dark.green['200a'];
+const colorSuccessFrostedDark = 'hsl(157 79% 20% / 0.66)';
 
 exports.colorSuccessFrostedDark = colorSuccessFrostedDark;

package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedSoftDark.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorSuccessFrostedSoftDark = palette.palette.dark.green['50a'];
+const colorSuccessFrostedSoftDark = 'hsl(157 59% 15% / 0.66)';
 
 exports.colorSuccessFrostedSoftDark = colorSuccessFrostedSoftDark;

package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorWarningFrostedDark = palette.palette.dark.yellow['200a'];
+const colorWarningFrostedDark = 'hsl(52 79% 20% / 0.66)';
 
 exports.colorWarningFrostedDark = colorWarningFrostedDark;

package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedSoftDark.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorWarningFrostedSoftDark = palette.palette.dark.yellow['50a'];
+const colorWarningFrostedSoftDark = 'hsl(52 59% 15% / 0.66)';
 
 exports.colorWarningFrostedSoftDark = colorWarningFrostedSoftDark;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedLight.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorErrorFrostedLight = palette.palette.light.red['100a'];
+const colorErrorFrostedLight = 'hsl(0 100% 90% / 0.55)';
 
 exports.colorErrorFrostedLight = colorErrorFrostedLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedSoftLight.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorErrorFrostedSoftLight = palette.palette.light.red['50a'];
+const colorErrorFrostedSoftLight = 'hsl(0 80% 95% / 0.55)';
 
 exports.colorErrorFrostedSoftLight = colorErrorFrostedSoftLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorInfoFrostedLight = palette.palette.light.blue['100a'];
+const colorInfoFrostedLight = 'hsl(211 100% 90% / 0.55)';
 
 exports.colorInfoFrostedLight = colorInfoFrostedLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorInfoFrostedSoftLight = palette.palette.light.blue['50a'];
+const colorInfoFrostedSoftLight = 'hsl(211 80% 95% / 0.55)';
 
 exports.colorInfoFrostedSoftLight = colorInfoFrostedSoftLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorSuccessFrostedLight = palette.palette.light.green['100a'];
+const colorSuccessFrostedLight = 'hsl(109 100% 90% / 0.55)';
 
 exports.colorSuccessFrostedLight = colorSuccessFrostedLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorSuccessFrostedSoftLight = palette.palette.light.green['50a'];
+const colorSuccessFrostedSoftLight = 'hsl(109 80% 95% / 0.55)';
 
 exports.colorSuccessFrostedSoftLight = colorSuccessFrostedSoftLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorWarningFrostedLight = palette.palette.light.yellow['100a'];
+const colorWarningFrostedLight = 'hsl(40 100% 90% / 0.55)';
 
 exports.colorWarningFrostedLight = colorWarningFrostedLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-var palette = require('../../palette.cjs');
-
-const colorWarningFrostedSoftLight = palette.palette.light.yellow['50a'];
+const colorWarningFrostedSoftLight = 'hsl(40 80% 95% / 0.55)';
 
 exports.colorWarningFrostedSoftLight = colorWarningFrostedSoftLight;

package/vanilla-extract/cjs/tokens/dist/esm/color/palette.cjs

@@ -3,73 +3,247 @@
 const palette = {
     light: {
         green: {
+            '50': 'hsl(115 29.7% 92.7%)',
+            '100': 'hsl(114 30.3% 87.1%)',
+            '200': 'hsl(116 29.2% 81.2%)',
+            '300': 'hsl(115 29.6% 75.5%)',
+            '400': 'hsl(116 29.9% 69.8%)',
+            '500': 'hsl(116 30.1% 64.1%)',
+            '600': 'hsl(115 30% 56.9%)',
+            '700': 'hsl(115 30.4% 49.6%)',
+            '800': 'hsl(115 40.7% 42.4%)',
+            '900': 'hsl(115 55.3% 35.1%)',
             '950': 'hsl(115 77.5% 27.8%)',
             '50a': 'hsl(115 77.5% 27.8% / 0.1)',
             '100a': 'hsl(115 77.5% 27.8% / 0.18)',
-            '600a': 'hsl(115 77.5% 27.8% / 0.6)'},
+            '200a': 'hsl(115 77.5% 27.8% / 0.26)',
+            '300a': 'hsl(115 77.5% 27.8% / 0.34)',
+            '400a': 'hsl(115 77.5% 27.8% / 0.42)',
+            '500a': 'hsl(115 77.5% 27.8% / 0.5)',
+            '600a': 'hsl(115 77.5% 27.8% / 0.6)',
+            '700a': 'hsl(115 77.5% 27.8% / 0.7)',
+            '800a': 'hsl(115 77.5% 27.8% / 0.8)',
+            '900a': 'hsl(115 77.5% 27.8% / 0.9)',
+            '950a': 'hsl(115 77.5% 27.8%)',
+        },
         red: {
+            '50': 'hsl(0 53.3% 94.1%)',
+            '100': 'hsl(358 55.6% 89.4%)',
+            '200': 'hsl(359 53.8% 84.7%)',
+            '300': 'hsl(358 54.9% 80%)',
+            '400': 'hsl(358 54% 75.3%)',
+            '500': 'hsl(357 54.7% 70.6%)',
+            '600': 'hsl(358 54.4% 64.7%)',
+            '700': 'hsl(357 54.3% 58.8%)',
+            '800': 'hsl(357 54.4% 52.7%)',
+            '900': 'hsl(357 61.5% 46.9%)',
             '950': 'hsl(357 78% 41%)',
             '50a': 'hsl(357 78% 41% / 0.1)',
             '100a': 'hsl(357 78% 41% / 0.18)',
-            '600a': 'hsl(357 78% 41% / 0.6)'},
+            '200a': 'hsl(357 78% 41% / 0.26)',
+            '300a': 'hsl(357 78% 41% / 0.34)',
+            '400a': 'hsl(357 78% 41% / 0.42)',
+            '500a': 'hsl(357 78% 41% / 0.5)',
+            '600a': 'hsl(357 78% 41% / 0.6)',
+            '700a': 'hsl(357 78% 41% / 0.7)',
+            '800a': 'hsl(357 78% 41% / 0.8)',
+            '900a': 'hsl(357 78% 41% / 0.9)',
+            '950a': 'hsl(357 78% 41%)',
+        },
         yellow: {
+            '50': 'hsl(25 51.5% 93.5%)',
+            '100': 'hsl(27 50.8% 88%)',
+            '200': 'hsl(27 50% 82.7%)',
+            '300': 'hsl(27 50.9% 77.6%)',
+            '400': 'hsl(27 50.4% 72.4%)',
+            '500': 'hsl(28 50.9% 67.3%)',
+            '600': 'hsl(28 50.5% 60.4%)',
+            '700': 'hsl(28 50.6% 53.9%)',
+            '800': 'hsl(27 56.2% 47.5%)',
+            '900': 'hsl(28 73.9% 40.6%)',
             '950': 'hsl(28 97.7% 34.1%)',
             '50a': 'hsl(28 97.7% 34.1% / 0.1)',
             '100a': 'hsl(28 97.7% 34.1% / 0.18)',
-            '600a': 'hsl(28 97.7% 34.1% / 0.6)'},
+            '200a': 'hsl(28 97.7% 34.1% / 0.26)',
+            '300a': 'hsl(28 97.7% 34.1% / 0.34)',
+            '400a': 'hsl(28 97.7% 34.1% / 0.42)',
+            '500a': 'hsl(28 97.7% 34.1% / 0.5)',
+            '600a': 'hsl(28 97.7% 34.1% / 0.6)',
+            '700a': 'hsl(28 97.7% 34.1% / 0.7)',
+            '800a': 'hsl(28 97.7% 34.1% / 0.8)',
+            '900a': 'hsl(28 97.7% 34.1% / 0.9)',
+            '950a': 'hsl(28 97.7% 34.1%)',
+        },
         blue: {
+            '50': 'hsl(229 84% 95.1%)',
+            '100': 'hsl(229 82.2% 91.2%)',
+            '200': 'hsl(228 84.6% 87.3%)',
+            '300': 'hsl(228 83.5% 83.3%)',
+            '400': 'hsl(228 82.9% 79.4%)',
+            '500': 'hsl(228 83.9% 75.7%)',
+            '600': 'hsl(228 82.7% 70.6%)',
+            '700': 'hsl(228 82.9% 65.7%)',
+            '800': 'hsl(228 83% 60.8%)',
+            '900': 'hsl(228 83.1% 55.9%)',
             '950': 'hsl(228 83.2% 51%)',
             '50a': 'hsl(228 83.2% 51% / 0.1)',
             '100a': 'hsl(228 83.2% 51% / 0.18)',
-            '600a': 'hsl(228 83.2% 51% / 0.6)'},
+            '200a': 'hsl(228 83.2% 51% / 0.26)',
+            '300a': 'hsl(228 83.2% 51% / 0.34)',
+            '400a': 'hsl(228 83.2% 51% / 0.42)',
+            '500a': 'hsl(228 83.2% 51% / 0.5)',
+            '600a': 'hsl(228 83.2% 51% / 0.6)',
+            '700a': 'hsl(228 83.2% 51% / 0.7)',
+            '800a': 'hsl(228 83.2% 51% / 0.8)',
+            '900a': 'hsl(228 83.2% 51% / 0.9)',
+            '950a': 'hsl(228 83.2% 51%)',
+        },
         grey: {
             '50': 'hsl(240 10% 95%)',
+            '100': 'hsl(240 8.1% 92.7%)',
+            '200': 'hsl(225 5.7% 86.3%)',
+            '300': 'hsl(240 2.7% 78.2%)',
+            '400': 'hsl(240 1.9% 68.8%)',
+            '500': 'hsl(240 0.9% 57.6%)',
+            '600': 'hsl(240 0.8% 47.8%)',
+            '700': 'hsl(240 1.6% 37.8%)',
+            '800': 'hsl(240 2.2% 27.3%)',
+            '900': 'hsl(240 4.8% 16.5%)',
             '950': 'hsl(225 66.7% 1.2%)',
             '50a': 'hsl(234 9.8% 60% / 0.06)',
             '100a': 'hsl(240 5% 70% / 0.148)',
             '200a': 'hsl(236 6.5% 42% / 0.236)',
             '300a': 'hsl(234 6% 32.9% / 0.324)',
+            '400a': 'hsl(233 6.6% 23.9% / 0.412)',
             '500a': 'hsl(240 5.3% 14.9% / 0.5)',
             '600a': 'hsl(240 6.1% 7% / 0.6)',
             '700a': 'hsl(240 7.1% 11% / 0.7)',
-            '800a': 'hsl(240 8.7% 9% / 0.8)'},
+            '800a': 'hsl(240 8.7% 9% / 0.8)',
+            '900a': 'hsl(240 11.1% 7.1% / 0.9)',
+            '950a': 'hsl(240 15.4% 5.1%)',
+        },
     },
     dark: {
         green: {
+            '50': 'hsl(157 33.3% 10.6%)',
+            '100': 'hsl(158 47.1% 13.3%)',
+            '200': 'hsl(157 58% 15.9%)',
+            '300': 'hsl(157 64.6% 18.8%)',
+            '400': 'hsl(157 69.1% 21.6%)',
+            '500': 'hsl(157 72.6% 24.3%)',
+            '600': 'hsl(157 76.1% 27.8%)',
+            '700': 'hsl(157 78.7% 31.4%)',
+            '800': 'hsl(157 81.8% 34.5%)',
+            '900': 'hsl(157 83.5% 38%)',
             '950': 'hsl(157 84.9% 41.6%)',
             '50a': 'hsl(157 84.9% 41.6% / 0.1)',
             '100a': 'hsl(157 84.9% 41.6% / 0.18)',
             '200a': 'hsl(157 84.9% 41.6% / 0.26)',
-            '600a': 'hsl(157 84.9% 41.6% / 0.6)'},
+            '300a': 'hsl(157 84.9% 41.6% / 0.34)',
+            '400a': 'hsl(157 84.9% 41.6% / 0.42)',
+            '500a': 'hsl(157 84.9% 41.6% / 0.5)',
+            '600a': 'hsl(157 84.9% 41.6% / 0.6)',
+            '700a': 'hsl(157 84.9% 41.6% / 0.7)',
+            '800a': 'hsl(157 84.9% 41.6% / 0.8)',
+            '900a': 'hsl(157 84.9% 41.6% / 0.9)',
+            '950a': 'hsl(157 84.9% 41.6%)',
+        },
         red: {
+            '50': 'hsl(0 28.1% 12.5%)',
+            '100': 'hsl(0 39.5% 16.9%)',
+            '200': 'hsl(0 45% 21.4%)',
+            '300': 'hsl(0 48.5% 25.9%)',
+            '400': 'hsl(0 51.6% 30%)',
+            '500': 'hsl(0 53.4% 34.5%)',
+            '600': 'hsl(0 54.9% 40%)',
+            '700': 'hsl(0 56.9% 45.5%)',
+            '800': 'hsl(0 60% 51%)',
+            '900': 'hsl(0 76.6% 56.5%)',
             '950': 'hsl(0 96.9% 62%)',
             '50a': 'hsl(0 96.9% 62% / 0.1)',
             '100a': 'hsl(0 96.9% 62% / 0.18)',
             '200a': 'hsl(0 96.9% 62% / 0.26)',
-            '600a': 'hsl(0 96.9% 62% / 0.6)'},
+            '300a': 'hsl(0 96.9% 62% / 0.34)',
+            '400a': 'hsl(0 96.9% 62% / 0.42)',
+            '500a': 'hsl(0 96.9% 62% / 0.5)',
+            '600a': 'hsl(0 96.9% 62% / 0.6)',
+            '700a': 'hsl(0 96.9% 62% / 0.7)',
+            '800a': 'hsl(0 96.9% 62% / 0.8)',
+            '900a': 'hsl(0 96.9% 62% / 0.9)',
+            '950a': 'hsl(0 96.9% 62%)',
+        },
         yellow: {
+            '50': 'hsl(29 34.4% 12%)',
+            '100': 'hsl(28 45.7% 15.9%)',
+            '200': 'hsl(28 52.5% 19.8%)',
+            '300': 'hsl(28 57% 23.7%)',
+            '400': 'hsl(28 60.3% 27.6%)',
+            '500': 'hsl(28 62.7% 31.6%)',
+            '600': 'hsl(28 65.6% 36.5%)',
+            '700': 'hsl(28 66.8% 41.4%)',
+            '800': 'hsl(28 68.6% 46.3%)',
+            '900': 'hsl(28 72.7% 51.2%)',
             '950': 'hsl(28 90.2% 56.1%)',
             '50a': 'hsl(28 90.2% 56.1% / 0.1)',
             '100a': 'hsl(28 90.2% 56.1% / 0.18)',
             '200a': 'hsl(28 90.2% 56.1% / 0.26)',
-            '600a': 'hsl(28 90.2% 56.1% / 0.6)'},
+            '300a': 'hsl(28 90.2% 56.1% / 0.34)',
+            '400a': 'hsl(28 90.2% 56.1% / 0.42)',
+            '500a': 'hsl(28 90.2% 56.1% / 0.5)',
+            '600a': 'hsl(28 90.2% 56.1% / 0.6)',
+            '700a': 'hsl(28 90.2% 56.1% / 0.7)',
+            '800a': 'hsl(28 90.2% 56.1% / 0.8)',
+            '900a': 'hsl(28 90.2% 56.1% / 0.9)',
+            '950a': 'hsl(28 90.2% 56.1%)',
+        },
         blue: {
+            '50': 'hsl(211 37.7% 12%)',
+            '100': 'hsl(210 52.5% 15.7%)',
+            '200': 'hsl(210 61.6% 19.4%)',
+            '300': 'hsl(210 66.4% 23.3%)',
+            '400': 'hsl(210 71% 27.1%)',
+            '500': 'hsl(210 73.4% 31%)',
+            '600': 'hsl(210 76.8% 35.5%)',
+            '700': 'hsl(210 78.6% 40.4%)',
+            '800': 'hsl(210 80.9% 45.1%)',
+            '900': 'hsl(210 81.9% 49.8%)',
             '950': 'hsl(210 100% 54.5%)',
             '50a': 'hsl(210 100% 54.5% / 0.1)',
             '100a': 'hsl(210 100% 54.5% / 0.18)',
             '200a': 'hsl(210 100% 54.5% / 0.26)',
-            '600a': 'hsl(210 100% 54.5% / 0.6)'},
+            '300a': 'hsl(210 100% 54.5% / 0.34)',
+            '400a': 'hsl(210 100% 54.5% / 0.42)',
+            '500a': 'hsl(210 100% 54.5% / 0.5)',
+            '600a': 'hsl(210 100% 54.5% / 0.6)',
+            '700a': 'hsl(210 100% 54.5% / 0.7)',
+            '800a': 'hsl(210 100% 54.5% / 0.8)',
+            '900a': 'hsl(210 100% 54.5% / 0.9)',
+            '950a': 'hsl(210 100% 54.5%)',
+        },
         grey: {
             '50': 'hsl(225 66.7% 1.2%)',
             '100': 'hsl(240 2% 10%)',
+            '200': 'hsl(240 1.3% 15.5%)',
+            '300': 'hsl(240 0.8% 23.7%)',
+            '400': 'hsl(240 0.6% 34.3%)',
+            '500': 'hsl(240 0.4% 47.6%)',
+            '600': 'hsl(240 0.5% 57.5%)',
+            '700': 'hsl(240 0.6% 67.3%)',
+            '800': 'hsl(240 0.9% 77.1%)',
+            '900': 'hsl(240 3% 87.1%)',
             '950': 'hsl(225 100% 99%)',
+            '50a': 'hsl(225 66.7% 1.2% / 0.08)',
             '100a': 'hsl(240 3.7% 26.5% / 0.154)',
             '200a': 'hsl(240 2% 43% / 0.228)',
             '300a': 'hsl(240 1.5% 61.8% / 0.302)',
+            '400a': 'hsl(240 2.9% 79.4% / 0.376)',
             '500a': 'hsl(240 12.5% 96.9% / 0.45)',
             '600a': 'hsl(240 12.5% 96.9% / 0.56)',
             '700a': 'hsl(240 12.5% 96.9% / 0.67)',
-            '800a': 'hsl(240 12.5% 96.9% / 0.78)'},
+            '800a': 'hsl(240 12.5% 96.9% / 0.78)',
+            '900a': 'hsl(240 12.5% 96.9% / 0.89)',
+            '950a': 'hsl(225 100% 99%)',
+        },
     },
 };