npm - @skodaflow/web-library - Versions diffs - 7.15.0 → 7.16.0 - Mend

@skodaflow/web-library 7.15.0 → 7.16.0

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 (4125) hide show

package/materialui/{theme/theme.typography.d.ts → typography/typography.theme.d.ts} RENAMED Viewed

@@ -15,6 +15,9 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     alignItems?: import("csstype").Property.AlignItems | undefined;
     alignSelf?: import("csstype").Property.AlignSelf | undefined;
     alignTracks?: import("csstype").Property.AlignTracks | undefined;
+    alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
+    anchorName?: import("csstype").Property.AnchorName | undefined;
+    anchorScope?: import("csstype").Property.AnchorScope | undefined;
     animationComposition?: import("csstype").Property.AnimationComposition | undefined;
     animationDelay?: import("csstype").Property.AnimationDelay<string & {}>;
     animationDirection?: import("csstype").Property.AnimationDirection | undefined;
@@ -41,17 +44,14 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     backgroundPositionY?: import("csstype").Property.BackgroundPositionY<string | number>;
     backgroundRepeat?: import("csstype").Property.BackgroundRepeat | undefined;
     backgroundSize?: import("csstype").Property.BackgroundSize<string | number>;
-    blockOverflow?: import("csstype").Property.BlockOverflow | undefined;
+    baselineShift?: import("csstype").Property.BaselineShift<string | number>;
     blockSize?: import("csstype").Property.BlockSize<string | number>;
-    borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
     borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
     borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
     borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number>;
     borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
     borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
     borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number>;
-    borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-    borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number>;
     borderBottomColor?: import("csstype").Property.BorderBottomColor | undefined;
     borderBottomLeftRadius?: import("csstype").Property.BorderBottomLeftRadius<string | number>;
     borderBottomRightRadius?: import("csstype").Property.BorderBottomRightRadius<string | number>;
@@ -65,15 +65,12 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     borderImageSlice?: import("csstype").Property.BorderImageSlice | undefined;
     borderImageSource?: import("csstype").Property.BorderImageSource | undefined;
     borderImageWidth?: import("csstype").Property.BorderImageWidth<string | number>;
-    borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
     borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
     borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
     borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number>;
     borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
     borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
     borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number>;
-    borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-    borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number>;
     borderLeftColor?: import("csstype").Property.BorderLeftColor | undefined;
     borderLeftStyle?: import("csstype").Property.BorderLeftStyle | undefined;
     borderLeftWidth?: import("csstype").Property.BorderLeftWidth<string | number>;
@@ -100,8 +97,10 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     caretShape?: import("csstype").Property.CaretShape | undefined;
     clear?: import("csstype").Property.Clear | undefined;
     clipPath?: import("csstype").Property.ClipPath | undefined;
+    clipRule?: import("csstype").Property.ClipRule | undefined;
     color?: import("csstype").Property.Color | undefined;
     colorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
+    colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | undefined;
     colorScheme?: import("csstype").Property.ColorScheme | undefined;
     columnCount?: import("csstype").Property.ColumnCount | undefined;
     columnFill?: import("csstype").Property.ColumnFill | undefined;
@@ -124,9 +123,17 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     counterReset?: import("csstype").Property.CounterReset | undefined;
     counterSet?: import("csstype").Property.CounterSet | undefined;
     cursor?: import("csstype").Property.Cursor | undefined;
+    cx?: import("csstype").Property.Cx<string | number>;
+    cy?: import("csstype").Property.Cy<string | number>;
+    d?: import("csstype").Property.D | undefined;
     direction?: import("csstype").Property.Direction | undefined;
     display?: import("csstype").Property.Display | undefined;
+    dominantBaseline?: import("csstype").Property.DominantBaseline | undefined;
     emptyCells?: import("csstype").Property.EmptyCells | undefined;
+    fieldSizing?: import("csstype").Property.FieldSizing | undefined;
+    fill?: import("csstype").Property.Fill | undefined;
+    fillOpacity?: import("csstype").Property.FillOpacity | undefined;
+    fillRule?: import("csstype").Property.FillRule | undefined;
     filter?: import("csstype").Property.Filter | undefined;
     flexBasis?: import("csstype").Property.FlexBasis<string | number>;
     flexDirection?: import("csstype").Property.FlexDirection | undefined;
@@ -134,6 +141,8 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     flexShrink?: import("csstype").Property.FlexShrink | undefined;
     flexWrap?: import("csstype").Property.FlexWrap | undefined;
     float?: import("csstype").Property.Float | undefined;
+    floodColor?: import("csstype").Property.FloodColor | undefined;
+    floodOpacity?: import("csstype").Property.FloodOpacity | undefined;
     fontFamily?: import("csstype").Property.FontFamily | undefined;
     fontFeatureSettings?: import("csstype").Property.FontFeatureSettings | undefined;
     fontKerning?: import("csstype").Property.FontKerning | undefined;
@@ -143,7 +152,6 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     fontSize?: import("csstype").Property.FontSize<string | number>;
     fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
     fontSmooth?: import("csstype").Property.FontSmooth<string | number>;
-    fontStretch?: import("csstype").Property.FontStretch | undefined;
     fontStyle?: import("csstype").Property.FontStyle | undefined;
     fontSynthesis?: import("csstype").Property.FontSynthesis | undefined;
     fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | undefined;
@@ -160,6 +168,7 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
     fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
     fontWeight?: import("csstype").Property.FontWeight | undefined;
+    fontWidth?: import("csstype").Property.FontWidth | undefined;
     forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
     gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number>;
     gridAutoFlow?: import("csstype").Property.GridAutoFlow | undefined;
@@ -180,12 +189,13 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     imageRendering?: import("csstype").Property.ImageRendering | undefined;
     imageResolution?: import("csstype").Property.ImageResolution | undefined;
     initialLetter?: import("csstype").Property.InitialLetter | undefined;
+    initialLetterAlign?: import("csstype").Property.InitialLetterAlign | undefined;
     inlineSize?: import("csstype").Property.InlineSize<string | number>;
-    inputSecurity?: import("csstype").Property.InputSecurity | undefined;
     insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number>;
     insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number>;
     insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number>;
     insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number>;
+    interpolateSize?: import("csstype").Property.InterpolateSize | undefined;
     isolation?: import("csstype").Property.Isolation | undefined;
     justifyContent?: import("csstype").Property.JustifyContent | undefined;
     justifyItems?: import("csstype").Property.JustifyItems | undefined;
@@ -193,6 +203,7 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     justifyTracks?: import("csstype").Property.JustifyTracks | undefined;
     left?: import("csstype").Property.Left<string | number>;
     letterSpacing?: import("csstype").Property.LetterSpacing<string | number>;
+    lightingColor?: import("csstype").Property.LightingColor | undefined;
     lineBreak?: import("csstype").Property.LineBreak | undefined;
     lineHeight?: import("csstype").Property.LineHeight<string | number>;
     lineHeightStep?: import("csstype").Property.LineHeightStep<string | number>;
@@ -208,6 +219,10 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     marginRight?: import("csstype").Property.MarginRight<string | number>;
     marginTop?: import("csstype").Property.MarginTop<string | number>;
     marginTrim?: import("csstype").Property.MarginTrim | undefined;
+    marker?: import("csstype").Property.Marker | undefined;
+    markerEnd?: import("csstype").Property.MarkerEnd | undefined;
+    markerMid?: import("csstype").Property.MarkerMid | undefined;
+    markerStart?: import("csstype").Property.MarkerStart | undefined;
     maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
     maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number>;
     maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
@@ -242,6 +257,7 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     motionRotation?: import("csstype").Property.OffsetRotate | undefined;
     objectFit?: import("csstype").Property.ObjectFit | undefined;
     objectPosition?: import("csstype").Property.ObjectPosition<string | number>;
+    objectViewBox?: import("csstype").Property.ObjectViewBox | undefined;
     offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number>;
     offsetDistance?: import("csstype").Property.OffsetDistance<string | number>;
     offsetPath?: import("csstype").Property.OffsetPath | undefined;
@@ -277,25 +293,32 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     paddingRight?: import("csstype").Property.PaddingRight<string | number>;
     paddingTop?: import("csstype").Property.PaddingTop<string | number>;
     page?: import("csstype").Property.Page | undefined;
-    pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
-    pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
-    pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
     paintOrder?: import("csstype").Property.PaintOrder | undefined;
     perspective?: import("csstype").Property.Perspective<string | number>;
     perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number>;
     pointerEvents?: import("csstype").Property.PointerEvents | undefined;
     position?: import("csstype").Property.Position | undefined;
+    positionAnchor?: import("csstype").Property.PositionAnchor | undefined;
+    positionArea?: import("csstype").Property.PositionArea | undefined;
+    positionTryFallbacks?: import("csstype").Property.PositionTryFallbacks | undefined;
+    positionTryOrder?: import("csstype").Property.PositionTryOrder | undefined;
+    positionVisibility?: import("csstype").Property.PositionVisibility | undefined;
     printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
     quotes?: import("csstype").Property.Quotes | undefined;
+    r?: import("csstype").Property.R<string | number>;
     resize?: import("csstype").Property.Resize | undefined;
     right?: import("csstype").Property.Right<string | number>;
     rotate?: import("csstype").Property.Rotate | undefined;
     rowGap?: import("csstype").Property.RowGap<string | number>;
     rubyAlign?: import("csstype").Property.RubyAlign | undefined;
     rubyMerge?: import("csstype").Property.RubyMerge | undefined;
+    rubyOverhang?: import("csstype").Property.RubyOverhang | undefined;
     rubyPosition?: import("csstype").Property.RubyPosition | undefined;
+    rx?: import("csstype").Property.Rx<string | number>;
+    ry?: import("csstype").Property.Ry<string | number>;
     scale?: import("csstype").Property.Scale | undefined;
     scrollBehavior?: import("csstype").Property.ScrollBehavior | undefined;
+    scrollInitialTarget?: import("csstype").Property.ScrollInitialTarget | undefined;
     scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number>;
     scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number>;
     scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number>;
@@ -327,10 +350,28 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     shapeImageThreshold?: import("csstype").Property.ShapeImageThreshold | undefined;
     shapeMargin?: import("csstype").Property.ShapeMargin<string | number>;
     shapeOutside?: import("csstype").Property.ShapeOutside | undefined;
+    shapeRendering?: import("csstype").Property.ShapeRendering | undefined;
+    speakAs?: import("csstype").Property.SpeakAs | undefined;
+    stopColor?: import("csstype").Property.StopColor | undefined;
+    stopOpacity?: import("csstype").Property.StopOpacity | undefined;
+    stroke?: import("csstype").Property.Stroke | undefined;
+    strokeColor?: import("csstype").Property.StrokeColor | undefined;
+    strokeDasharray?: import("csstype").Property.StrokeDasharray<string | number>;
+    strokeDashoffset?: import("csstype").Property.StrokeDashoffset<string | number>;
+    strokeLinecap?: import("csstype").Property.StrokeLinecap | undefined;
+    strokeLinejoin?: import("csstype").Property.StrokeLinejoin | undefined;
+    strokeMiterlimit?: import("csstype").Property.StrokeMiterlimit | undefined;
+    strokeOpacity?: import("csstype").Property.StrokeOpacity | undefined;
+    strokeWidth?: import("csstype").Property.StrokeWidth<string | number>;
     tabSize?: import("csstype").Property.TabSize<string | number>;
     tableLayout?: import("csstype").Property.TableLayout | undefined;
     textAlign?: import("csstype").Property.TextAlign | undefined;
     textAlignLast?: import("csstype").Property.TextAlignLast | undefined;
+    textAnchor?: import("csstype").Property.TextAnchor | undefined;
+    textAutospace?: import("csstype").Property.TextAutospace | undefined;
+    textBox?: import("csstype").Property.TextBox | undefined;
+    textBoxEdge?: import("csstype").Property.TextBoxEdge | undefined;
+    textBoxTrim?: import("csstype").Property.TextBoxTrim | undefined;
     textCombineUpright?: import("csstype").Property.TextCombineUpright | undefined;
     textDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
     textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
@@ -348,10 +389,12 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     textRendering?: import("csstype").Property.TextRendering | undefined;
     textShadow?: import("csstype").Property.TextShadow | undefined;
     textSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
+    textSpacingTrim?: import("csstype").Property.TextSpacingTrim | undefined;
     textTransform?: import("csstype").Property.TextTransform | undefined;
     textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number>;
     textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
-    textWrap?: import("csstype").Property.TextWrap | undefined;
+    textWrapMode?: import("csstype").Property.TextWrapMode | undefined;
+    textWrapStyle?: import("csstype").Property.TextWrapStyle | undefined;
     timelineScope?: import("csstype").Property.TimelineScope | undefined;
     top?: import("csstype").Property.Top<string | number>;
     touchAction?: import("csstype").Property.TouchAction | undefined;
@@ -367,15 +410,16 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     translate?: import("csstype").Property.Translate<string | number>;
     unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
     userSelect?: import("csstype").Property.UserSelect | undefined;
+    vectorEffect?: import("csstype").Property.VectorEffect | undefined;
     verticalAlign?: import("csstype").Property.VerticalAlign<string | number>;
     viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | undefined;
     viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number>;
     viewTimelineName?: import("csstype").Property.ViewTimelineName | undefined;
+    viewTransitionClass?: import("csstype").Property.ViewTransitionClass | undefined;
     viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
     visibility?: import("csstype").Property.Visibility | undefined;
     whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
     whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | undefined;
-    whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | undefined;
     widows?: import("csstype").Property.Widows | undefined;
     width?: import("csstype").Property.Width<string | number>;
     willChange?: import("csstype").Property.WillChange | undefined;
@@ -383,6 +427,8 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     wordSpacing?: import("csstype").Property.WordSpacing<string | number>;
     wordWrap?: import("csstype").Property.WordWrap | undefined;
     writingMode?: import("csstype").Property.WritingMode | undefined;
+    x?: import("csstype").Property.X<string | number>;
+    y?: import("csstype").Property.Y<string | number>;
     zIndex?: import("csstype").Property.ZIndex | undefined;
     zoom?: import("csstype").Property.Zoom | undefined;
     all?: import("csstype").Property.All | undefined;
@@ -392,14 +438,20 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number>;
     border?: import("csstype").Property.Border<string | number>;
     borderBlock?: import("csstype").Property.BorderBlock<string | number>;
+    borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
     borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number>;
     borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number>;
+    borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
+    borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number>;
     borderBottom?: import("csstype").Property.BorderBottom<string | number>;
     borderColor?: import("csstype").Property.BorderColor | undefined;
     borderImage?: import("csstype").Property.BorderImage | undefined;
     borderInline?: import("csstype").Property.BorderInline<string | number>;
+    borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
     borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number>;
     borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number>;
+    borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
+    borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number>;
     borderLeft?: import("csstype").Property.BorderLeft<string | number>;
     borderRadius?: import("csstype").Property.BorderRadius<string | number>;
     borderRight?: import("csstype").Property.BorderRight<string | number>;
@@ -441,6 +493,7 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     placeContent?: import("csstype").Property.PlaceContent | undefined;
     placeItems?: import("csstype").Property.PlaceItems | undefined;
     placeSelf?: import("csstype").Property.PlaceSelf | undefined;
+    positionTry?: import("csstype").Property.PositionTry | undefined;
     scrollMargin?: import("csstype").Property.ScrollMargin<string | number>;
     scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number>;
     scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number>;
@@ -451,6 +504,7 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
     textDecoration?: import("csstype").Property.TextDecoration<string | number>;
     textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
+    textWrap?: import("csstype").Property.TextWrap | undefined;
     transition?: import("csstype").Property.Transition<string & {}>;
     viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
     MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}>;
@@ -462,6 +516,7 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
     MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
     MozAppearance?: import("csstype").Property.MozAppearance | undefined;
+    MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
     MozBinding?: import("csstype").Property.MozBinding | undefined;
     MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
     MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
@@ -473,8 +528,6 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     MozBorderStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
     MozBorderTopColors?: import("csstype").Property.MozBorderTopColors | undefined;
     MozBoxSizing?: import("csstype").Property.BoxSizing | undefined;
-    MozColumnCount?: import("csstype").Property.ColumnCount | undefined;
-    MozColumnFill?: import("csstype").Property.ColumnFill | undefined;
     MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
     MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
     MozColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number>;
@@ -483,7 +536,6 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     MozFontFeatureSettings?: import("csstype").Property.FontFeatureSettings | undefined;
     MozFontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
     MozHyphens?: import("csstype").Property.Hyphens | undefined;
-    MozImageRegion?: import("csstype").Property.MozImageRegion | undefined;
     MozMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number>;
     MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number>;
     MozOrient?: import("csstype").Property.MozOrient | undefined;
@@ -494,11 +546,15 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number>;
     MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number>;
     MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number>;
+    MozPerspective?: import("csstype").Property.Perspective<string | number>;
+    MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number>;
     MozStackSizing?: import("csstype").Property.MozStackSizing | undefined;
     MozTabSize?: import("csstype").Property.TabSize<string | number>;
     MozTextBlink?: import("csstype").Property.MozTextBlink | undefined;
     MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
-    MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
+    MozTransform?: import("csstype").Property.Transform | undefined;
+    MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number>;
+    MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
     MozUserModify?: import("csstype").Property.MozUserModify | undefined;
     MozUserSelect?: import("csstype").Property.UserSelect | undefined;
     MozWindowDragging?: import("csstype").Property.MozWindowDragging | undefined;
@@ -617,6 +673,8 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     WebkitJustifyContent?: import("csstype").Property.JustifyContent | undefined;
     WebkitLineBreak?: import("csstype").Property.LineBreak | undefined;
     WebkitLineClamp?: import("csstype").Property.WebkitLineClamp | undefined;
+    WebkitLogicalHeight?: import("csstype").Property.BlockSize<string | number>;
+    WebkitLogicalWidth?: import("csstype").Property.InlineSize<string | number>;
     WebkitMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number>;
     WebkitMarginStart?: import("csstype").Property.MarginInlineStart<string | number>;
     WebkitMaskAttachment?: import("csstype").Property.WebkitMaskAttachment | undefined;
@@ -671,13 +729,14 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     WebkitTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
     WebkitTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
     WebkitUserModify?: import("csstype").Property.WebkitUserModify | undefined;
-    WebkitUserSelect?: import("csstype").Property.UserSelect | undefined;
+    WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | undefined;
     WebkitWritingMode?: import("csstype").Property.WritingMode | undefined;
     MozAnimation?: import("csstype").Property.Animation<string & {}>;
     MozBorderImage?: import("csstype").Property.BorderImage | undefined;
     MozColumnRule?: import("csstype").Property.ColumnRule<string | number>;
     MozColumns?: import("csstype").Property.Columns<string | number>;
     MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number>;
+    MozTransition?: import("csstype").Property.Transition<string & {}>;
     msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
     msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
     msFlex?: import("csstype").Property.Flex<string | number>;
@@ -698,7 +757,6 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     WebkitTextEmphasis?: import("csstype").Property.TextEmphasis | undefined;
     WebkitTextStroke?: import("csstype").Property.WebkitTextStroke<string | number>;
     WebkitTransition?: import("csstype").Property.Transition<string & {}>;
-    azimuth?: import("csstype").Property.Azimuth | undefined;
     boxAlign?: import("csstype").Property.BoxAlign | undefined;
     boxDirection?: import("csstype").Property.BoxDirection | undefined;
     boxFlex?: import("csstype").Property.BoxFlex | undefined;
@@ -708,16 +766,22 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     boxOrient?: import("csstype").Property.BoxOrient | undefined;
     boxPack?: import("csstype").Property.BoxPack | undefined;
     clip?: import("csstype").Property.Clip | undefined;
+    fontStretch?: import("csstype").Property.FontStretch | undefined;
     gridColumnGap?: import("csstype").Property.GridColumnGap<string | number>;
     gridGap?: import("csstype").Property.GridGap<string | number>;
     gridRowGap?: import("csstype").Property.GridRowGap<string | number>;
     imeMode?: import("csstype").Property.ImeMode | undefined;
+    insetArea?: import("csstype").Property.PositionArea | undefined;
     offsetBlock?: import("csstype").Property.InsetBlock<string | number>;
     offsetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number>;
     offsetBlockStart?: import("csstype").Property.InsetBlockStart<string | number>;
     offsetInline?: import("csstype").Property.InsetInline<string | number>;
     offsetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number>;
     offsetInlineStart?: import("csstype").Property.InsetInlineStart<string | number>;
+    pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
+    pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
+    pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
+    positionTryOptions?: import("csstype").Property.PositionTryFallbacks | undefined;
     scrollSnapCoordinate?: import("csstype").Property.ScrollSnapCoordinate<string | number>;
     scrollSnapDestination?: import("csstype").Property.ScrollSnapDestination<string | number>;
     scrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
@@ -735,9 +799,7 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     KhtmlLineBreak?: import("csstype").Property.LineBreak | undefined;
     KhtmlOpacity?: import("csstype").Property.Opacity | undefined;
     KhtmlUserSelect?: import("csstype").Property.UserSelect | undefined;
-    MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
     MozBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
-    MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
     MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
     MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number>;
     MozBorderRadius?: import("csstype").Property.BorderRadius<string | number>;
@@ -752,6 +814,8 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     MozBoxOrient?: import("csstype").Property.BoxOrient | undefined;
     MozBoxPack?: import("csstype").Property.BoxPack | undefined;
     MozBoxShadow?: import("csstype").Property.BoxShadow | undefined;
+    MozColumnCount?: import("csstype").Property.ColumnCount | undefined;
+    MozColumnFill?: import("csstype").Property.ColumnFill | undefined;
     MozFloatEdge?: import("csstype").Property.MozFloatEdge | undefined;
     MozForceBrokenImageIcon?: import("csstype").Property.MozForceBrokenImageIcon | undefined;
     MozOpacity?: import("csstype").Property.Opacity | undefined;
@@ -759,20 +823,15 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     MozOutlineColor?: import("csstype").Property.OutlineColor | undefined;
     MozOutlineStyle?: import("csstype").Property.OutlineStyle | undefined;
     MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number>;
-    MozPerspective?: import("csstype").Property.Perspective<string | number>;
-    MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number>;
     MozTextAlignLast?: import("csstype").Property.TextAlignLast | undefined;
     MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
     MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
     MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
-    MozTransform?: import("csstype").Property.Transform | undefined;
-    MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number>;
-    MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
-    MozTransition?: import("csstype").Property.Transition<string & {}>;
     MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}>;
     MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}>;
     MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
     MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
+    MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
     MozUserInput?: import("csstype").Property.MozUserInput | undefined;
     msImeMode?: import("csstype").Property.ImeMode | undefined;
     OAnimation?: import("csstype").Property.Animation<string & {}>;
@@ -805,36 +864,9 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
     WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
     WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
     WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
-    alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
-    baselineShift?: import("csstype").Property.BaselineShift<string | number>;
-    clipRule?: import("csstype").Property.ClipRule | undefined;
     colorInterpolation?: import("csstype").Property.ColorInterpolation | undefined;
     colorRendering?: import("csstype").Property.ColorRendering | undefined;
-    dominantBaseline?: import("csstype").Property.DominantBaseline | undefined;
-    fill?: import("csstype").Property.Fill | undefined;
-    fillOpacity?: import("csstype").Property.FillOpacity | undefined;
-    fillRule?: import("csstype").Property.FillRule | undefined;
-    floodColor?: import("csstype").Property.FloodColor | undefined;
-    floodOpacity?: import("csstype").Property.FloodOpacity | undefined;
     glyphOrientationVertical?: import("csstype").Property.GlyphOrientationVertical | undefined;
-    lightingColor?: import("csstype").Property.LightingColor | undefined;
-    marker?: import("csstype").Property.Marker | undefined;
-    markerEnd?: import("csstype").Property.MarkerEnd | undefined;
-    markerMid?: import("csstype").Property.MarkerMid | undefined;
-    markerStart?: import("csstype").Property.MarkerStart | undefined;
-    shapeRendering?: import("csstype").Property.ShapeRendering | undefined;
-    stopColor?: import("csstype").Property.StopColor | undefined;
-    stopOpacity?: import("csstype").Property.StopOpacity | undefined;
-    stroke?: import("csstype").Property.Stroke | undefined;
-    strokeDasharray?: import("csstype").Property.StrokeDasharray<string | number>;
-    strokeDashoffset?: import("csstype").Property.StrokeDashoffset<string | number>;
-    strokeLinecap?: import("csstype").Property.StrokeLinecap | undefined;
-    strokeLinejoin?: import("csstype").Property.StrokeLinejoin | undefined;
-    strokeMiterlimit?: import("csstype").Property.StrokeMiterlimit | undefined;
-    strokeOpacity?: import("csstype").Property.StrokeOpacity | undefined;
-    strokeWidth?: import("csstype").Property.StrokeWidth<string | number>;
-    textAnchor?: import("csstype").Property.TextAnchor | undefined;
-    vectorEffect?: import("csstype").Property.VectorEffect | undefined;
 };
 /**
  * Build the typography theme options

package/materialui/typography/typography.theme.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createBreakpoints as t}from"@mui/system";import e from"@skodaflow/web-tokens/src/tokens.json";const n=(t,n,i)=>{const s=null!=i?i:"small",o=e["flow-typography"].find(e=>e.name===`${s}-${t}`);return o?Object.assign(Object.assign({},o.style),n?{fontFamily:"SKODA Next R2L"}:{}):null},i=(e,i,s)=>{const o=t(i);return Object.assign(Object.assign({},n(e,s,"small")),{[o.up("md")]:Object.assign({},n(e,s,"medium")),[o.up("xl")]:Object.assign({},n(e,s,"large"))})},s=(t,e)=>{const n=i("body",t,e);return Object.assign(Object.assign({fontFamily:["SKODA Next"+(e?" R2L":""),"sans-serif","Arial"].join(","),body:n},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(n=>[n,i(n,t,e)]))),{body1:n,body2:n,h5:i("subheadline",t,e),h6:i("caption1",t,e),caption:i("caption2",t,e),overline:i("caption1",t,e),button:{fontFamily:e?"SKODA Next R2L":"SKODA Next",letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}})};export{i as generateTypography,n as getTypography,s as getTypographyOptions};
2	+ //# sourceMappingURL=typography.theme.js.map

package/materialui/typography/typography.theme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TypographyOptions } from '@mui/material/styles/createTypography';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' | 'medium' | 'large';\n\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const screen = size ?? 'small';\n const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n // replace font for rtl variant\n ...(rtl\n ? {\n fontFamily: 'SKODA Next R2L',\n }\n : {}),\n } as CSSProperties;\n else return null;\n};\n\n/**\n * Generate responsive typography style with the media queries\n */\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean): TypographyOptions => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","find","el","name","Object","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","assign","up","getTypographyOptions","bodyTypo","join","body","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGAUO,MAAMA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,QAAAA,EAAQ,QACjBE,EAAOC,EAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUH,KAC7E,OAAII,EACKK,+BACFL,EAAY,OAEXH,EACA,CACES,WAAY,kBAEd,IAEI,MAMDC,EAAqB,CAACX,EAAiBY,EAAwCX,KAC1F,MAAMY,EAAcC,EAAkBF,GAEtC,OAAAH,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EACKhB,EAAcC,EAASC,EAAK,UAAQ,CACvC,CAACY,EAAYG,GAAG,OAAMP,OAAAM,OAAA,CAAA,EACjBhB,EAAcC,EAASC,EAAK,WAEjC,CAACY,EAAYG,GAAG,OAAMP,OAAAM,OAAA,CAAA,EACjBhB,EAAcC,EAASC,EAAK,aAQxBgB,EAAuB,CAACL,EAAwCX,KAC3E,MAAMiB,EAAWP,EAAmB,OAAQC,EAAoBX,GAEhE,OAAAQ,OAAAM,OAAAN,OAAAM,OAAA,CACEL,WAAY,CAAC,cAAaT,EAAM,OAAS,IAAM,aAAc,SAASkB,KAAK,KAC3EC,KAAMF,GACHT,OAAOY,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,IAAKtB,GAAY,CAACA,EAASW,EAAmBX,EAASY,EAAoBX,OAC9E,CAEDsB,MAAOL,EACPM,MAAON,EACPO,GAAId,EAAmB,cAAeC,EAAoBX,GAC1DyB,GAAIf,EAAmB,WAAYC,EAAoBX,GACvD0B,QAAShB,EAAmB,WAAYC,EAAoBX,GAC5D2B,SAAUjB,EAAmB,WAAYC,EAAoBX,GAE7D4B,OAAQ,CACNnB,WAAYT,EAAM,iBAAmB,aACrC6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}

package/organisms/cardOwnedVehicle/cardOwnedVehicle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{CardOwnedVehicleComponent as o}from"./cardOwnedVehicleComponent.js";import{CardStandardWrapperStyled as i}from"../common/styled/cardStandardWrapperStyled.js";const t=e(((e,t)=>r(i,{isBorderRadius:e.isBorderRadius,size:e.size,ref:t,children:r(o,Object.assign({isCompact:!0},e))})));export{t as CardOwnedVehicle};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{CardOwnedVehicleComponent as o}from"./cardOwnedVehicleComponent.js";import{CardStandardWrapperStyled as i}from"../common/styled/cardStandardWrapperStyled.js";const t=e((e,t)=>r(i,{isBorderRadius:e.isBorderRadius,size:e.size,ref:t,children:r(o,Object.assign({isCompact:!0},e))}));export{t as CardOwnedVehicle};
 //# sourceMappingURL=cardOwnedVehicle.js.map

package/organisms/cardOwnedVehicle/cardOwnedVehicle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardOwnedVehicle.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicle.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport CardOwnedVehicleComponent from './cardOwnedVehicleComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../../components/button';\nimport { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\n\n/*\n @interface CardOwnedVehicleProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface CardOwnedVehicleProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n label: string;\n /\n Variants of the label\n /\n labelVariant: 'general' \| 'feature';\n /\n Vehicle name text\n /\n vehicleName?: string;\n /\n Vehicle equipment text\n /\n equipment?: string;\n /\n Vehicle status\n /\n vehicleStatus?: string;\n /\n Vehicle status variant\n * As: Alert,Warning,Positive, Neutral, Custom\n /\n vehicleStatusVariant?: string;\n /\n An image of the component\n /\n image?: string;\n /\n The source of the onError image.\n /\n fallbackImage?: string;\n /\n Alternative description Image\n /\n altDescriptionImage?: string;\n /\n Mandatory button object. The button is displayed if the label text is present\n /\n mandatoryButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n Optional button object. The button is displayed if the label text is present\n /\n optionalButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n /\n Set element's opacity.\n /\n darkOpacityLayer: DarkOpacity;\n /\n Set element's opacity.\n /\n lightOpacityLayer: LightOpacity;\n /\n If true, menu is showing\n /\n isMenuDropdown: boolean;\n /\n if true, vehicleSpecs section is showing\n /\n vehicleSpecs?: boolean;\n /\n vehicleSpecs information\n /\n vehicleSpecsObject?: [\n {\n subtitle: string;\n value: string;\n },\n ];\n /\n Size of the component's height\n /\n size?: 'fixed' \| 'adjustable';\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardOwnedVehicle = forwardRef<HTMLDivElement, CardOwnedVehicleProps>((props, ref) => {\n return (\n <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} size={props.size} ref={ref}>\n <CardOwnedVehicleComponent isCompact={true} {...props} />\n </CardStandardWrapperStyled>\n );\n});\n"],"names":["CardOwnedVehicle","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardOwnedVehicleComponent","Object","assign","isCompact"],"mappings":"~~gPA4Ha~~,~~MAAAA~~,EAAmBC,~~GAAkD~~,CAACC,EAAOC,IAEtFC,EAACC,EAAyB,CAACC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAAMJ,IAAKA,~~EACtFK~~,~~SAAAJ~~,EAACK,~~EAA0BC~~,OAAAC,OAAA,~~CAAAC~~,WAAW,GAAUV"}
1	+ {"version":3,"file":"cardOwnedVehicle.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicle.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport CardOwnedVehicleComponent from './cardOwnedVehicleComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../../components/button';\nimport { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\n\n/*\n @interface CardOwnedVehicleProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface CardOwnedVehicleProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n label: string;\n /\n Variants of the label\n /\n labelVariant: 'general' \| 'feature';\n /\n Vehicle name text\n /\n vehicleName?: string;\n /\n Vehicle equipment text\n /\n equipment?: string;\n /\n Vehicle status\n /\n vehicleStatus?: string;\n /\n Vehicle status variant\n * As: Alert,Warning,Positive, Neutral, Custom\n /\n vehicleStatusVariant?: string;\n /\n An image of the component\n /\n image?: string;\n /\n The source of the onError image.\n /\n fallbackImage?: string;\n /\n Alternative description Image\n /\n altDescriptionImage?: string;\n /\n Mandatory button object. The button is displayed if the label text is present\n /\n mandatoryButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n Optional button object. The button is displayed if the label text is present\n /\n optionalButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n /\n Set element's opacity.\n /\n darkOpacityLayer: DarkOpacity;\n /\n Set element's opacity.\n /\n lightOpacityLayer: LightOpacity;\n /\n If true, menu is showing\n /\n isMenuDropdown: boolean;\n /\n if true, vehicleSpecs section is showing\n /\n vehicleSpecs?: boolean;\n /\n vehicleSpecs information\n /\n vehicleSpecsObject?: [\n {\n subtitle: string;\n value: string;\n },\n ];\n /\n Size of the component's height\n /\n size?: 'fixed' \| 'adjustable';\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardOwnedVehicle = forwardRef<HTMLDivElement, CardOwnedVehicleProps>((props, ref) => {\n return (\n <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} size={props.size} ref={ref}>\n <CardOwnedVehicleComponent isCompact={true} {...props} />\n </CardStandardWrapperStyled>\n );\n});\n"],"names":["CardOwnedVehicle","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardOwnedVehicleComponent","Object","assign","isCompact"],"mappings":"gPA4HO,MAAMA,EAAmBC,EAAkD,CAACC,EAAOC,IAEtFC,EAACC,EAAyB,CAACC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAAMJ,IAAKA,EAAGK,SACzFJ,EAACK,EAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUV"}

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{Indicator as t}from"../../components/indicator/indicator.js";import n from"../common/menuCardComponent/menuCardComponent.js";import o from"../common/buttonCardComponent/buttonCardComponent.js";import{styled as r,Card as l}from"@mui/material";import{handleMaxChars as p}from"../../utils/utilities.js";import c from"../../components/common/imageComponent.js";import{Label as m}from"../../components/label/label.js";const d=({label:e,labelVariant:r,vehicleName:l,equipment:d,vehicleStatus:g,vehicleStatusVariant:h,image:b,fallbackImage:u,altDescriptionImage:x,mandatoryButtonObject:f,optionalButtonObject:y,darkOpacityLayer:v,lightOpacityLayer:w,menuCardComponentProps:C,isMenuDropdown:k,vehicleSpecs:N,vehicleSpecsObject:O,isCompact:S,size:j})=>i(s,{size:j,darkOpacityLayer:v,lightOpacityLayer:w,children:[a("div",{className:"CardImageOverlayTheme"}),a("div",{className:"ownedVehicleContainer",children:i("div",{className:"ownedVehicleContainerContent",children:[i("div",{className:"vehicleTitleContainer",children:[e&&a(m,"feature"===r?{type:"feature",className:"CardImageLabelFeature",variant:"primary",children:p(e,30)}:{className:"CardImageLabel",label:p(e,30)}),l&&a("h2",{style:{margin:0},className:"vehicleName",children:p(l,20)}),d&&a("h4",{style:{margin:0},className:"vehicleEquipment",children:p(d,20)}),g&&a(t,{className:"disclamer",label:g,color:h})]}),a("div",{className:"ownedVehicleImage",children:a(c,{image:b,alt:x,fallbackImage:u})}),i("div",{className:"ownedVehicleSpecsContainer",children:[i("div",{className:"ownedVehicleButtons",children:[(null==f?void 0:f.label)&&a(o,{className:"button-component",buttonObject:f,compact:S}),(null==y?void 0:y.label)&&a(o,{className:"button-component",buttonObject:y,compact:S})]}),N&&a("div",{className:"ownedVehicleSpecs",children:O.map((e=>i("div",{children:[e.subtitle&&a("p",{children:e.subtitle}),e.value&&a("p",{children:a("b",{children:e.value})})]},e.value)))})]}),k&&a(n,Object.assign({},C))]})})]}),s=r(l,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((i=>{var{theme:a}=i,t=e(i,["theme"]);const n=((e,i)=>{let a="";switch(i){case"opacity25":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return a})(t.darkOpacityLayer,t.lightOpacityLayer),o=((e,i,a)=>{let t="";return"opacity0"!==i&&"opacity0"===e&&(t=a.palette.onSurface.os900),t="opacity0"!==e?a.palette.onSurface.os0:a.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,a);let r={};return r={position:"relative",width:"100%",padding:"24px",backgroundColor:a.palette.transparent.primary,color:o,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[a.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:o},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[a.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[a.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[a.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[a.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[a.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:a.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},r}));export{d as CardOwnedVehicleComponent,d as default};
+import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{Indicator as t}from"../../components/indicator/indicator.js";import n from"../common/menuCardComponent/menuCardComponent.js";import o from"../common/buttonCardComponent/buttonCardComponent.js";import{styled as r,Card as l}from"@mui/material";import{handleMaxChars as p}from"../../utils/utilities.js";import c from"../../components/common/imageComponent.js";import{Label as m}from"../../components/label/label.js";const d=({label:e,labelVariant:r,vehicleName:l,equipment:d,vehicleStatus:g,vehicleStatusVariant:h,image:b,fallbackImage:u,altDescriptionImage:x,mandatoryButtonObject:f,optionalButtonObject:y,darkOpacityLayer:v,lightOpacityLayer:w,menuCardComponentProps:C,isMenuDropdown:k,vehicleSpecs:N,vehicleSpecsObject:O,isCompact:S,size:j})=>i(s,{size:j,darkOpacityLayer:v,lightOpacityLayer:w,children:[a("div",{className:"CardImageOverlayTheme"}),a("div",{className:"ownedVehicleContainer",children:i("div",{className:"ownedVehicleContainerContent",children:[i("div",{className:"vehicleTitleContainer",children:[e&&a(m,"feature"===r?{type:"feature",className:"CardImageLabelFeature",variant:"primary",children:p(e,30)}:{className:"CardImageLabel",label:p(e,30)}),l&&a("h2",{style:{margin:0},className:"vehicleName",children:p(l,20)}),d&&a("h4",{style:{margin:0},className:"vehicleEquipment",children:p(d,20)}),g&&a(t,{className:"disclamer",label:g,color:h})]}),a("div",{className:"ownedVehicleImage",children:a(c,{image:b,alt:x,fallbackImage:u})}),i("div",{className:"ownedVehicleSpecsContainer",children:[i("div",{className:"ownedVehicleButtons",children:[(null==f?void 0:f.label)&&a(o,{className:"button-component",buttonObject:f,compact:S}),(null==y?void 0:y.label)&&a(o,{className:"button-component",buttonObject:y,compact:S})]}),N&&a("div",{className:"ownedVehicleSpecs",children:O.map(e=>i("div",{children:[e.subtitle&&a("p",{children:e.subtitle}),e.value&&a("p",{children:a("b",{children:e.value})})]},e.value))})]}),k&&a(n,Object.assign({},C))]})})]}),s=r(l,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})(i=>{var{theme:a}=i,t=e(i,["theme"]);const n=((e,i)=>{let a="";switch(i){case"opacity25":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return a})(t.darkOpacityLayer,t.lightOpacityLayer),o=((e,i,a)=>{let t="";return"opacity0"!==i&&"opacity0"===e&&(t=a.palette.onSurface.os900),t="opacity0"!==e?a.palette.onSurface.os0:a.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,a);let r={};return r={position:"relative",width:"100%",padding:"24px",backgroundColor:a.palette.transparent.primary,color:o,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[a.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:o},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[a.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[a.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[a.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[a.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[a.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:a.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},r});export{d as CardOwnedVehicleComponent,d as default};
 //# sourceMappingURL=cardOwnedVehicleComponent.js.map