@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/Heading.js

@@ -24,11 +24,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ e.d = (t, r) => {
-            /******/ for (var i in r) {
-                /******/ if (e.o(r, i) && !e.o(t, i)) {
-                    /******/ Object.defineProperty(t, i, {
+            /******/ for (var n in r) {
+                /******/ if (e.o(r, n) && !e.o(t, n)) {
+                    /******/ Object.defineProperty(t, n, {
                         enumerable: true,
-                        get: r[i]
+                        get: r[n]
                     });
                     /******/                }
                 /******/            }
@@ -61,123 +61,82 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ d
+        StyledHeading: () => /* reexport */ f,
+        default: () => /* reexport */ g,
+        levelToElement: () => /* reexport */ h
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
-    var i =  e.n(r);
+    var n =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
-    const n = require("prop-types");
-    var a =  e.n(n);
+    const l = require("prop-types");
+    var i =  e.n(l);
     // CONCATENATED MODULE: external "styled-components"
-    const l = require("styled-components");
-    var o =  e.n(l);
+    const a = require("styled-components");
+    var o =  e.n(a);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Typography"
+    const u = require("@splunk/react-ui/Typography");
+    var s =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const s = require("@splunk/themes");
+    const c = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
-    var c = o().h2.withConfig({
-        displayName: "HeadingStyles__StyledHeading",
+    var f = o()(s()).withConfig({
+        displayName: "HeadingStyles__StyledTypography",
         componentId: "sc-15s3yx3-0"
-    })([ "", ";color:", ";margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", "" ], (function(e) {
+    })([ "", " ", "" ], c.mixins.reset("block"), (function(e) {
         var t = e.$variant;
-        if (t === "title4") {
-            return (0, s.pickVariant)("$isSection", {
-                true: {
-                    enterprise: {
-                        compact: s.mixins.typography("title4", {
-                            weight: "semiBold"
-                        }),
-                        comfortable: s.mixins.typography("title4", {
-                            size: 14,
-                            weight: "semiBold"
-                        })
-                    },
-                    prisma: s.mixins.typography("title4", {
-                        color: "default",
-                        size: 14
-                    })
-                },
-                false: {
-                    enterprise: {
-                        compact: s.mixins.typography("title4"),
-                        comfortable: s.mixins.typography("title4", {
-                            size: 14
-                        })
-                    },
-                    prisma: s.mixins.typography("title4")
-                }
-            });
-        }
-        return s.mixins.typography(t);
-    }), (0, s.pick)({
-        prisma: (0, s.pickVariant)("$variant", {
-            title5: s.mixins.typography("title5", {
-                color: "default"
-            })
-        })
-    }), (0, s.pickVariant)("$isSection", {
-        true: {
-            enterprise: {
-                dark: (0, l.css)([ "color:", ";" ], s.variables.gray80),
-                light: (0, l.css)([ "color:", ";" ], s.variables.gray45)
-            }
-        }
-    }), (function(e) {
-        var t = e.$isSection;
-        return t && (0, l.css)([ "margin:0.707em 0 0.2em;" ]);
+        return t && (0, a.css)([ "", "" ], c.mixins.typography(t));
     }));
     // CONCATENATED MODULE: ./src/Heading/Heading.tsx
-    function p() {
-        return p = Object.assign ? Object.assign.bind() : function(e) {
+    function d() {
+        return d = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
-                for (var i in r) {
-                    ({}).hasOwnProperty.call(r, i) && (e[i] = r[i]);
+                for (var n in r) {
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        }, p.apply(null, arguments);
+        }, d.apply(null, arguments);
     }
-    function u(e, t) {
+    function p(e, t) {
         if (null == e) return {};
-        var r, i, n = f(e, t);
+        var r, n, l = v(e, t);
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < a.length; i++) {
-                r = a[i], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+            var i = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < i.length; n++) {
+                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
             }
         }
-        return n;
+        return l;
     }
-    function f(e, t) {
+    function v(e, t) {
         if (null == e) return {};
         var r = {};
-        for (var i in e) {
-            if ({}.hasOwnProperty.call(e, i)) {
-                if (t.includes(i)) continue;
-                r[i] = e[i];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (t.includes(n)) continue;
+                r[n] = e[n];
             }
         }
         return r;
     }
     var y = {
-        children: a().node,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        level: a().oneOf([ 1, 2, 3, 4, "s", "ss", 5, 6 ]),
-        variant: a().oneOf([ "title1", "title2", "title3", "title4", "title5", "title6", "title7" ])
+        children: i().node.isRequired,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        level: i().oneOf([ 1, 2, 3, 4, 5, 6 ]).isRequired,
+        variant: i().oneOf([ "title1", "title2", "title3", "title4", "title5", "title6", "title7" ])
     };
     // h1-h6 use the same intrinsic element type
-        var m = {
+        var h = {
         1: "h1",
         2: "h2",
         3: "h3",
         4: "h4",
-        s: "h4",
-        ss: "h5",
         5: "h5",
         6: "h6"
     };
-    var h = {
+    var m = {
         h1: "title1",
         h2: "title2",
         h3: "title3",
@@ -185,26 +144,21 @@
         h5: "title5",
         h6: "title6"
     };
-    function v(e) {
-        var t = e.children, r = e.elementRef, n = e.level, a = n === void 0 ? 2 : n, l = e.variant, o = u(e, [ "children", "elementRef", "level", "variant" ]);
+    function b(e) {
+        var t = e.level, r = e.elementRef, l = e.children, i = e.variant, a = p(e, [ "level", "elementRef", "children", "variant" ]);
         // @docs-props-type HeadingPropsBase
-                var s = function e(t) {
-            return t.toString().charAt(0) === "s";
-        };
-        var f = m[a];
-        var y = l || h[f];
-        if (false) {}
+                var o = h[t];
+        var u = i || m[o];
         
-        return i().createElement(c, p({
-            $isSection: s(a),
+        return n().createElement(f, d({
+            forwardedAs: o,
             "data-test": "heading",
-            ref: r,
-            as: f,
-            $variant: y
-        }, o), t);
+            elementRef: r,
+            $variant: u
+        }, a), l);
     }
-    v.propTypes = y;
-    /* harmony default export */    const d = v;
+    b.propTypes = y;
+    /* harmony default export */    const g = b;
     // CONCATENATED MODULE: ./src/Heading/index.ts
     module.exports = t;
     /******/})();