react-magma-dom 3.0.0 → 3.1.0

package/dist/theme/ThemeContext.d.ts

@@ -8,38 +8,6 @@ export declare const ThemeContext: React.Context<{
     colors: {
         focus: string;
         focusInverse: string;
-        primaryInverse: string;
-        foundation: string;
-        foundation02: string;
-        foundation03: string;
-        foundation04: string;
-        pop: string;
-        pop02: string;
-        pop03: string;
-        pop04: string;
-        pop05: string;
-        pop06: string;
-        success02: string;
-        successInverse: string;
-        dangerInverse: string;
-        neutral02: string;
-        neutral03: string;
-        neutral04: string;
-        neutral05: string;
-        neutral06: string;
-        neutral07: string;
-        neutral08: string;
-        disabledText: string;
-        disabledInverseText: string;
-        toggleBoxShadow: string;
-        shade: string;
-        shade02: string;
-        tint: string;
-        tint02: string;
-        tint03: string;
-        tint04: string;
-        tone: string;
-        tone02: string;
         border: string;
         borderInverse: string;
         success100: string;
@@ -150,6 +118,7 @@ export declare const ThemeContext: React.Context<{
         };
         size03: {
             fontSize: string;
+            letterSpacing: string;
             lineHeight: string;
         };
         size04: {
@@ -192,6 +161,14 @@ export declare const ThemeContext: React.Context<{
             fontSize: string;
             lineHeight: string;
         };
+        size14: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        size15: {
+            fontSize: string;
+            lineHeight: string;
+        };
     };
     typographyVisualStyles: {
         headingXLarge: {
@@ -275,10 +252,12 @@ export declare const ThemeContext: React.Context<{
         bodyMedium: {
             mobile: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             desktop: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
         };
@@ -308,6 +287,17 @@ export declare const ThemeContext: React.Context<{
         };
     };
     typographyExpressiveVisualStyles: {
+        heading2XLarge: {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            fontWeight: number;
+        };
         headingXLarge: {
             mobile: {
                 fontSize: string;
@@ -366,10 +356,12 @@ export declare const ThemeContext: React.Context<{
         heading2XSmall: {
             mobile: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             desktop: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             fontWeight: number;
@@ -387,10 +379,12 @@ export declare const ThemeContext: React.Context<{
         bodyMedium: {
             mobile: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             desktop: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
         };
@@ -501,10 +495,12 @@ export declare const ThemeContext: React.Context<{
         bodyMedium: {
             mobile: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             desktop: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
         };

package/dist/theme/magma.d.ts

@@ -58,40 +58,8 @@ export interface Colors {
     success500: string;
     success600: string;
     success700: string;
-    primaryInverse: string;
     focus: string;
     focusInverse: string;
-    foundation: string;
-    foundation02: string;
-    foundation03: string;
-    foundation04: string;
-    pop: string;
-    pop02: string;
-    pop03: string;
-    pop04: string;
-    pop05: string;
-    pop06: string;
-    success02: string;
-    successInverse: string;
-    dangerInverse: string;
-    neutral02: string;
-    neutral03: string;
-    neutral04: string;
-    neutral05: string;
-    neutral06: string;
-    neutral07: string;
-    neutral08: string;
-    disabledText: string;
-    disabledInverseText: string;
-    toggleBoxShadow: string;
-    shade: string;
-    shade02: string;
-    tint: string;
-    tint02: string;
-    tint03: string;
-    tint04: string;
-    tone: string;
-    tone02: string;
     border: string;
     borderInverse: string;
 }
@@ -126,12 +94,13 @@ export interface SpacingScale {
     spacing14: string;
 }
 export interface TypographyExpressiveSizes {
+    heading2XLarge: any;
     headingXLarge: any;
     headingLarge: any;
     headingMedium: any;
     headingSmall: any;
     headingXSmall: any;
-    headingXXSmall: any;
+    heading2XSmall: any;
     bodyLarge: any;
     bodyMedium: any;
     bodySmall: any;
@@ -156,6 +125,8 @@ export interface TypeScale {
     size11: TypeScaleSize;
     size12: TypeScaleSize;
     size13: TypeScaleSize;
+    size14: TypeScaleSize;
+    size15: TypeScaleSize;
 }
 export interface VisualStyle {
     mobile: TypeScaleSize;
@@ -174,6 +145,19 @@ export interface TypographyVisualStyles {
     bodySmall: VisualStyle;
     bodyXSmall: VisualStyle;
 }
+export interface TypographyVisualStylesExpressive {
+    heading2XLarge: VisualStyle;
+    headingXLarge: VisualStyle;
+    headingLarge: VisualStyle;
+    headingMedium: VisualStyle;
+    headingSmall: VisualStyle;
+    headingXSmall: VisualStyle;
+    heading2XSmall: VisualStyle;
+    bodyLarge: VisualStyle;
+    bodyMedium: VisualStyle;
+    bodySmall: VisualStyle;
+    bodyXSmall: VisualStyle;
+}
 interface AppBar {
     backgroundColor: string;
     height: string;
@@ -286,7 +270,7 @@ export interface ThemeInterface {
     select: Select;
     typeScale: TypeScale;
     typographyVisualStyles: TypographyVisualStyles;
-    typographyExpressiveVisualStyles: TypographyVisualStyles;
+    typographyExpressiveVisualStyles: TypographyVisualStylesExpressive;
     typographyNarrativeVisualStyles: TypographyVisualStyles;
     modal: Modal;
     tabs: Tabs;
@@ -302,38 +286,6 @@ export declare const magma: {
     colors: {
         focus: string;
         focusInverse: string;
-        primaryInverse: string;
-        foundation: string;
-        foundation02: string;
-        foundation03: string;
-        foundation04: string;
-        pop: string;
-        pop02: string;
-        pop03: string;
-        pop04: string;
-        pop05: string;
-        pop06: string;
-        success02: string;
-        successInverse: string;
-        dangerInverse: string;
-        neutral02: string;
-        neutral03: string;
-        neutral04: string;
-        neutral05: string;
-        neutral06: string;
-        neutral07: string;
-        neutral08: string;
-        disabledText: string;
-        disabledInverseText: string;
-        toggleBoxShadow: string;
-        shade: string;
-        shade02: string;
-        tint: string;
-        tint02: string;
-        tint03: string;
-        tint04: string;
-        tone: string;
-        tone02: string;
         border: string;
         borderInverse: string;
         success100: string;
@@ -444,6 +396,7 @@ export declare const magma: {
         };
         size03: {
             fontSize: string;
+            letterSpacing: string;
             lineHeight: string;
         };
         size04: {
@@ -486,6 +439,14 @@ export declare const magma: {
             fontSize: string;
             lineHeight: string;
         };
+        size14: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        size15: {
+            fontSize: string;
+            lineHeight: string;
+        };
     };
     typographyVisualStyles: {
         headingXLarge: {
@@ -569,10 +530,12 @@ export declare const magma: {
         bodyMedium: {
             mobile: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             desktop: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
         };
@@ -602,6 +565,17 @@ export declare const magma: {
         };
     };
     typographyExpressiveVisualStyles: {
+        heading2XLarge: {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            fontWeight: number;
+        };
         headingXLarge: {
             mobile: {
                 fontSize: string;
@@ -660,10 +634,12 @@ export declare const magma: {
         heading2XSmall: {
             mobile: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             desktop: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             fontWeight: number;
@@ -681,10 +657,12 @@ export declare const magma: {
         bodyMedium: {
             mobile: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             desktop: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
         };
@@ -795,10 +773,12 @@ export declare const magma: {
         bodyMedium: {
             mobile: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
             desktop: {
                 fontSize: string;
+                letterSpacing: string;
                 lineHeight: string;
             };
         };

package/dist/utils/index.d.ts

@@ -21,4 +21,14 @@ export declare function convertStyleValueToString(value: string | number, defaul
 export declare function getNodeText(node: any): any;
 export declare function getTrapElements(container: any): Array<HTMLElement>;
 export declare function toCamelCase(str: any): any;
+declare type ResolvedProps = {
+    [key: string]: any;
+};
+/**
+ * Add keys & values of `defaultProps` that do not exist in `props`
+ * @param {object} defaultProps
+ * @param {object} props
+ * @returns {Person} resolved props
+ */
+export declare function resolveProps(defaultProps: object, props: object): ResolvedProps;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-magma-dom",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",

package/dist/components/FormFieldContainer/FormFieldContainer.stories.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-declare const _default: {
-    component: React.ForwardRefExoticComponent<import("./FormFieldContainer").FormFieldContainerProps & React.RefAttributes<HTMLDivElement>>;
-    title: string;
-    argTypes: {
-        isInverse: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        helperMessage: {
-            control: {
-                type: string;
-            };
-        };
-        labelText: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (args: any): JSX.Element;
-    args: {
-        labelText: string;
-    };
-};