@splunk/react-ui 5.0.0-rc.2 → 5.1.0

package/Calendar.js

@@ -68,11 +68,11 @@
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     var n =  e.n(r);
-    // CONCATENATED MODULE: external "prop-types"
-    const t = require("prop-types");
-    var l =  e.n(t);
     // CONCATENATED MODULE: external "moment"
-    const o = require("moment");
+    const t = require("moment");
+    var l =  e.n(t);
+    // CONCATENATED MODULE: external "prop-types"
+    const o = require("prop-types");
     var i =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const u = require("@splunk/ui-utils/id");
@@ -151,18 +151,18 @@
         return r;
     }
     var w = {
-        active: l().bool,
+        active: i().bool,
         /** @private. */
-        dayOfWeek: l().number,
-        locale: l().string,
-        onClick: l().func,
-        onKeydown: l().func,
-        selected: l().bool,
-        today: l().bool,
-        value: l().string
+        dayOfWeek: i().number,
+        locale: i().string,
+        onClick: i().func,
+        onKeydown: i().func,
+        selected: i().bool,
+        today: i().bool,
+        value: i().string
     };
     function C(e) {
-        var a = e.active, t = a === void 0 ? false : a, l = e.dayOfWeek, o = e.locale, u = o === void 0 ? "en_US" : o, c = e.onClick, d = e.onKeyDown, s = e.selected, v = s === void 0 ? false : s, f = e.today, y = f === void 0 ? false : f, Y = e.value, p = D(e, [ "active", "dayOfWeek", "locale", "onClick", "onKeyDown", "selected", "today", "value" ]);
+        var a = e.active, t = a === void 0 ? false : a, o = e.dayOfWeek, i = e.locale, u = i === void 0 ? "en_US" : i, c = e.onClick, d = e.onKeyDown, s = e.selected, v = s === void 0 ? false : s, f = e.today, y = f === void 0 ? false : f, Y = e.value, p = D(e, [ "active", "dayOfWeek", "locale", "onClick", "onKeyDown", "selected", "today", "value" ]);
         var g = (0, r.useCallback)((function(e) {
             e.preventDefault();
             c === null || c === void 0 ? void 0 : c(e, {
@@ -175,7 +175,7 @@
                 value: Y
             });
         }), [ d, Y ]);
-        var M = Y && i()(Y, "YYYY-MM-DD", u).format("D");
+        var M = Y && l()(Y, "YYYY-MM-DD", u).format("D");
         
         return n().createElement(h, m({
             tabIndex: t ? 0 : -1,
@@ -186,7 +186,7 @@
             "data-is-today": y,
             onClick: g,
             onKeyDown: b,
-            $dayOfWeek: l,
+            $dayOfWeek: o,
             $today: y,
             $selected: v
         }, p), M);
@@ -228,18 +228,18 @@
         return r;
     }
     var E = {
-        displayValue: l().string.isRequired,
-        highlightToday: l().bool,
-        labelledBy: l().string,
-        locale: l().string,
-        onChange: l().func,
-        onInternalChange: l().func,
-        selectedValue: l().string.isRequired,
-        todayValue: l().string
+        displayValue: i().string.isRequired,
+        highlightToday: i().bool,
+        labelledBy: i().string,
+        locale: i().string,
+        onChange: i().func,
+        onInternalChange: i().func,
+        selectedValue: i().string.isRequired,
+        todayValue: i().string
     };
     function j(e) {
-        var a = e.displayValue, r = e.endDate, t = e.highlightToday, l = e.locale, o = e.onChange, u = e.onKeyDown, c = e.selectedDate, d = e.selectedValue, s = e.startDate, v = e.todayValue;
-        var f = i()(s).locale(l).startOf("month");
+        var a = e.displayValue, r = e.endDate, t = e.highlightToday, o = e.locale, i = e.onChange, u = e.onKeyDown, c = e.selectedDate, d = e.selectedValue, s = e.startDate, v = e.todayValue;
+        var f = l()(s).locale(o).startOf("month");
         var y = [];
         while (f.isSameOrBefore(r)) {
             var Y = f.format("YYYY-MM-DD");
@@ -249,8 +249,8 @@
             var h = Number(f.format("e"));
             y.push( n().createElement(O, {
                 key: Y,
-                locale: l,
-                onClick: o,
+                locale: o,
+                onClick: i,
                 onKeyDown: u,
                 active: c ? b : p,
                 today: t && p,
@@ -264,23 +264,23 @@
     }
     function _(e, a) {
         return y()(7, (function(r) {
-            var t = i()().locale(e).weekday(r).format(a);
-            var l = i()().locale(e).weekday(r).format("dddd");
+            var t = l()().locale(e).weekday(r).format(a);
+            var o = l()().locale(e).weekday(r).format("dddd");
             
             return n().createElement(b, {
                 key: t
-            },  n().createElement(p(), null, l),  n().createElement("span", {
+            },  n().createElement(p(), null, o),  n().createElement("span", {
                 "aria-hidden": true
             }, t));
         }));
     }
     function P(e) {
-        var a = e.displayValue, r = e.highlightToday, t = r === void 0 ? false : r, l = e.labelledBy, o = e.locale, u = o === void 0 ? "en_US" : o, c = e.onChange, d = e.onInternalChange, s = e.selectedValue, v = e.todayValue, f = S(e, [ "displayValue", "highlightToday", "labelledBy", "locale", "onChange", "onInternalChange", "selectedValue", "todayValue" ]);
+        var a = e.displayValue, r = e.highlightToday, t = r === void 0 ? false : r, o = e.labelledBy, i = e.locale, u = i === void 0 ? "en_US" : i, c = e.onChange, d = e.onInternalChange, s = e.selectedValue, v = e.todayValue, f = S(e, [ "displayValue", "highlightToday", "labelledBy", "locale", "onChange", "onInternalChange", "selectedValue", "todayValue" ]);
         var y = "dd";
-        var Y = i()(a, "YYYY-MM-DD", u);
-        var p = i()(s, "YYYY-MM-DD", u);
-        var b = i()(Y).startOf("month");
-        var h = i()(Y).endOf("month").startOf("day");
+        var Y = l()(a, "YYYY-MM-DD", u);
+        var p = l()(s, "YYYY-MM-DD", u);
+        var b = l()(Y).startOf("month");
+        var h = l()(Y).endOf("month").startOf("day");
         var m = function e(a, r) {
             a.preventDefault();
             c === null || c === void 0 ? void 0 : c(a, r);
@@ -289,70 +289,70 @@
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").add(-1, "d").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").add(-1, "d").format("YYYY-MM-DD")
             });
         };
         var M = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").add(1, "d").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").add(1, "d").format("YYYY-MM-DD")
             });
         };
         var w = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").add(-1, "w").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").add(-1, "w").format("YYYY-MM-DD")
             });
         };
         var C = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").add(1, "w").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").add(1, "w").format("YYYY-MM-DD")
             });
         };
         var O = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").add(-1, "M").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").add(-1, "M").format("YYYY-MM-DD")
             });
         };
         var I = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").add(1, "M").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").add(1, "M").format("YYYY-MM-DD")
             });
         };
         var E = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").add(-1, "y").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").add(-1, "y").format("YYYY-MM-DD")
             });
         };
         var P = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").add(1, "y").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").add(1, "y").format("YYYY-MM-DD")
             });
         };
         var q = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").startOf("week").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").startOf("week").format("YYYY-MM-DD")
             });
         };
         var x = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
-                value: i()(n, "YYYY-MM-DD").endOf("week").format("YYYY-MM-DD")
+                value: l()(n, "YYYY-MM-DD").endOf("week").format("YYYY-MM-DD")
             });
         };
         var V = function e(a, r) {
@@ -409,7 +409,7 @@
         
         return n().createElement(g, k({
             role: "grid",
-            "aria-labelledby": l
+            "aria-labelledby": o
         }, f), _(u, y), j({
             displayValue: a,
             endDate: h,
@@ -476,10 +476,10 @@
         return r;
     }
     var G = {
-        headingId: l().string,
-        locale: l().string,
-        onChange: l().func,
-        value: l().string.isRequired
+        headingId: i().string,
+        locale: i().string,
+        onChange: i().func,
+        value: i().string.isRequired
     };
     var X = {
         default: "MMM YYYY",
@@ -497,22 +497,22 @@
         X["default"];
     }
     function J(e) {
-        var a = e.headingId, t = e.locale, l = t === void 0 ? "en_US" : t, o = e.onChange, u = e.value, c = L(e, [ "headingId", "locale", "onChange", "value" ]);
+        var a = e.headingId, t = e.locale, o = t === void 0 ? "en_US" : t, i = e.onChange, u = e.value, c = L(e, [ "headingId", "locale", "onChange", "value" ]);
         var d = (0, r.useCallback)((function(e, a) {
             e.stopPropagation();
-            var r = i()(u, "YYYY-MM-DD").add(a, "M").format("YYYY-MM-DD");
-            o === null || o === void 0 ? void 0 : o(e, {
+            var r = l()(u, "YYYY-MM-DD").add(a, "M").format("YYYY-MM-DD");
+            i === null || i === void 0 ? void 0 : i(e, {
                 value: r
             });
-        }), [ o, u ]);
+        }), [ i, u ]);
         var s = (0, r.useCallback)((function(e) {
             d(e, -1);
         }), [ d ]);
         var v = (0, r.useCallback)((function(e) {
             d(e, 1);
         }), [ d ]);
-        var f = i()(u, "YYYY-MM-DD", l);
-        var y = f.format(F(l));
+        var f = l()(u, "YYYY-MM-DD", o);
+        var y = f.format(F(o));
         var Y = (0, H._)("Previous month");
         var p = (0, H._)("Next month");
         
@@ -637,19 +637,19 @@
     }
     var ce = '[data-active-day="true"]';
     var de = {
-        describedBy: l().string,
-        highlightToday: l().bool,
-        labelledBy: l().string,
-        locale: l().string,
-        mockDate: l().string,
-        onChange: l().func,
+        describedBy: i().string,
+        highlightToday: i().bool,
+        labelledBy: i().string,
+        locale: i().string,
+        mockDate: i().string,
+        onChange: i().func,
         /** @private. */
-        required: l().bool,
-        value: l().string,
-        elementRef: l().oneOfType([ l().func, l().object ])
+        required: i().bool,
+        value: i().string,
+        elementRef: i().oneOfType([ i().func, i().object ])
     };
     var se = function e(a) {
-        return i()().locale(a).format("YYYY-MM-DD");
+        return l()().locale(a).format("YYYY-MM-DD");
     };
     var ve = function e(a) {
         if (!moment(a, "YYYY-MM-DD").isValid()) {
@@ -664,7 +664,7 @@
         r === null || r === void 0 ? void 0 : r.focus();
     };
     function ye(e) {
-        var a = e.describedBy, t = e.elementRef, l = e.highlightToday, o = e.labelledBy, c = e.locale, d = c === void 0 ? "en_US" : c, s = e.mockDate, f = e.onChange, y = e.required, Y = e.value, p = Y === void 0 ? i()().format("YYYY-MM-DD") : Y, g = ie(e, [ "describedBy", "elementRef", "highlightToday", "labelledBy", "locale", "mockDate", "onChange", "required", "value" ]);
+        var a = e.describedBy, t = e.elementRef, o = e.highlightToday, i = e.labelledBy, c = e.locale, d = c === void 0 ? "en_US" : c, s = e.mockDate, f = e.onChange, y = e.required, Y = e.value, p = Y === void 0 ? l()().format("YYYY-MM-DD") : Y, g = ie(e, [ "describedBy", "elementRef", "highlightToday", "labelledBy", "locale", "mockDate", "onChange", "required", "value" ]);
         var b = (0, r.useState)(p), h = ae(b, 2), m = h[0], D = h[1];
         var M = (0, r.useState)(s || se(d)), w = ae(M, 2), C = w[0], O = w[1];
         var k = (0, r.useState)(null), S = ae(k, 2), I = S[0], E = S[1];
@@ -710,7 +710,7 @@
         }), [ t ]);
         
         return n().createElement(v, ee({
-            "aria-labelledby": o,
+            "aria-labelledby": i,
             "aria-describedby": a,
             "aria-required": y,
             "data-test": "calendar",
@@ -722,7 +722,7 @@
             value: m
         }),  n().createElement(q, {
             displayValue: m,
-            highlightToday: l,
+            highlightToday: o,
             labelledBy: j.current,
             locale: d,
             onChange: f,

package/Card.js

@@ -62,8 +62,8 @@
     // EXPORTS
         e.d(r, {
         Body: () => /* reexport */ x,
-        Footer: () => /* reexport */ _,
-        Header: () => /* reexport */ G,
+        Footer: () => /* reexport */ H,
+        Header: () => /* reexport */ re,
         default: () => /* reexport */ xe
     });
     // CONCATENATED MODULE: external "react"
@@ -170,14 +170,31 @@
     }
     S.propTypes = O;
     /* harmony default export */    const x = S;
+    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+    const j = require("@splunk/react-ui/Clickable");
+    var k =  e.n(j);
+    // CONCATENATED MODULE: ./src/Card/CardStyles.ts
+    var C = "0.2s";
+    var P = (0, a.css)([ "", ";gap:", " 0;grid-template-rows:min-content;background-color:", ";min-width:100px;flex:1;vertical-align:top;border:1px solid ", ";border-radius:", ";box-shadow:", ";transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";&[data-clickable='true']{cursor:pointer;border-color:", ";", " &:hover{background-color:", ";box-shadow:", ";", "{text-decoration:underline;}}&:focus{box-shadow:", ";", "{text-decoration:underline;}}}" ], u.mixins.reset("inline-grid"), u.variables.spacingLarge, u.variables.backgroundColorSection, u.variables.transparent, u.variables.borderRadius, u.variables.embossShadow, C, C, C, C, C, C, C, u.variables.borderColorWeak, (function(e) {
+        var r = e.$selected;
+        return r && (0, a.css)([ "background-color:", ";" ], u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlaySelected));
+    }), u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover), u.variables.overlayShadow, /* sc-sel */ f, u.variables.focusShadow, /* sc-sel */ f);
+    var E = l().article.withConfig({
+        displayName: "CardStyles__Styled",
+        componentId: "ola3x0-0"
+    })([ "", "" ], P);
+    var T = l()(k()).withConfig({
+        displayName: "CardStyles__StyledClickable",
+        componentId: "ola3x0-1"
+    })([ "", "" ], P);
     // CONCATENATED MODULE: ./src/Card/FooterStyles.ts
-    var j = l()(s()).withConfig({
+    var _ = l()(s()).withConfig({
         displayName: "FooterStyles__StyledBox",
         componentId: "sc-1yu3r4s-0"
     })([ "", " ", " text-align:right;align-self:end;" ], u.mixins.typography("body"), d);
     // CONCATENATED MODULE: ./src/Card/Footer.tsx
-    function k() {
-        return k = Object.assign ? Object.assign.bind() : function(e) {
+    function I() {
+        return I = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -185,11 +202,11 @@
                 }
             }
             return e;
-        }, k.apply(null, arguments);
+        }, I.apply(null, arguments);
     }
-    function C(e, r) {
+    function q(e, r) {
         if (null == e) return {};
-        var t, n, o = P(e, r);
+        var t, n, o = N(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
@@ -198,7 +215,7 @@
         }
         return o;
     }
-    function P(e, r) {
+    function N(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -209,43 +226,43 @@
         }
         return t;
     }
-    var E = {
+    var R = {
         children: i().node,
         elementRef: i().oneOfType([ i().func, i().object ])
     };
     /**
  * A styled container for `Card` footer content.
- */    function T(e) {
-        var r = e.children, t = C(e, [ "children" ]);
+ */    function A(e) {
+        var r = e.children, t = q(e, [ "children" ]);
         // @docs-props-type FooterPropsBase
                 
-        return n().createElement(j, k({
+        return n().createElement(_, I({
             "data-test": "footer"
         }, t), r);
     }
-    T.propTypes = E;
-    /* harmony default export */    const _ = T;
+    A.propTypes = R;
+    /* harmony default export */    const H = A;
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
-    const I = require("@splunk/react-icons/DotsThreeVertical");
-    var q =  e.n(I);
+    const W = require("@splunk/react-icons/DotsThreeVertical");
+    var B =  e.n(W);
     // CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
-    const N = require("@splunk/react-ui/Anchor");
-    var R =  e.n(N);
+    const $ = require("@splunk/react-ui/Anchor");
+    var D =  e.n($);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const A = require("@splunk/react-ui/Button");
-    var H =  e.n(A);
+    const F = require("@splunk/react-ui/Button");
+    var L =  e.n(F);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const W = require("@splunk/react-ui/Dropdown");
-    var B =  e.n(W);
+    const M = require("@splunk/react-ui/Dropdown");
+    var U =  e.n(M);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const $ = require("@splunk/react-ui/Tooltip");
-    var D =  e.n($);
+    const V = require("@splunk/react-ui/Tooltip");
+    var X =  e.n(V);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const F = require("@splunk/ui-utils/i18n");
+    const Y = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: ./src/Card/Header.tsx
-    function L(e, r) {
+    function z(e, r) {
         if (null == e) return {};
-        var t, n, o = M(e, r);
+        var t, n, o = G(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
@@ -254,7 +271,7 @@
         }
         return o;
     }
-    function M(e, r) {
+    function G(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -265,8 +282,8 @@
         }
         return t;
     }
-    function U() {
-        return U = Object.assign ? Object.assign.bind() : function(e) {
+    function J() {
+        return J = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -274,9 +291,9 @@
                 }
             }
             return e;
-        }, U.apply(null, arguments);
+        }, J.apply(null, arguments);
     }
-    var V = {
+    var K = {
         actionPrimary: i().node,
         actionsSecondary: i().node,
         anchor: i().string,
@@ -289,24 +306,24 @@
     // The order of the interfaces is necessary to maintain proper error messages: HeaderWithActions then HeaderWithActionsRenderProp
     // If the actions comes first the error will report that actions should be undefined
     // when we want actions to be the intended use case
-        var X =  n().createElement(q(), null);
+        var Q =  n().createElement(B(), null);
     // `forwardRef` is used to enable focus on toggle when Dropdown is closing
-        var Y =  n().forwardRef((function(e, r) {
+        var Z =  n().forwardRef((function(e, r) {
         
-        return n().createElement(D(), U({
-            content: (0, F._)("Actions"),
+        return n().createElement(X(), J({
+            content: (0, Y._)("Actions"),
             contentRelationship: "label"
-        }, e),  n().createElement(H(), {
+        }, e),  n().createElement(L(), {
             appearance: "secondary",
             "data-test": "actions-secondary-toggle",
-            icon: X,
+            icon: Q,
             elementRef: r
         }));
     }));
     /**
  * A styled container for `Card` header content.
- */    function z(e) {
-        var r = e.actions, t = e.actionPrimary, o = e.actionsSecondary, i = e.anchor, a = e.children, l = e.subtitle, c = e.title, s = e.truncateTitle, u = s === void 0 ? true : s, d = L(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
+ */    function ee(e) {
+        var r = e.actions, t = e.actionPrimary, o = e.actionsSecondary, i = e.anchor, a = e.children, l = e.subtitle, c = e.title, s = e.truncateTitle, u = s === void 0 ? true : s, d = z(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
         // @docs-props-type HeaderPropsBase
                 if (false) {}
         if (false) {}
@@ -314,38 +331,21 @@
         if (r) {
             m = r();
         } else if (t || o) {
-            m =  n().createElement(n().Fragment, null, t, o &&  n().createElement(B(), {
-                toggle:  n().createElement(Y, null)
+            m =  n().createElement(n().Fragment, null, t, o &&  n().createElement(U(), {
+                toggle:  n().createElement(Z, null)
             }, o));
         }
         
-        return n().createElement(v, U({
+        return n().createElement(v, J({
             "data-test": "header"
         }, d), (c || l) &&  n().createElement(y, {
             $truncateTitle: u
-        }, c &&  n().createElement(f, null, i ?  n().createElement(R(), {
+        }, c &&  n().createElement(f, null, i ?  n().createElement(D(), {
             name: i
         }, c) : c), l &&  n().createElement(p, null, l)), a, m &&  n().createElement(b, null, m));
     }
-    z.propTypes = V;
-    /* harmony default export */    const G = z;
-    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const J = require("@splunk/react-ui/Clickable");
-    var K =  e.n(J);
-    // CONCATENATED MODULE: ./src/Card/CardStyles.ts
-    var Q = "0.2s";
-    var Z = (0, a.css)([ "", ";gap:", " 0;grid-template-rows:min-content;background-color:", ";min-width:100px;flex:1;vertical-align:top;border:1px solid ", ";border-radius:", ";box-shadow:", ";transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";&[data-clickable='true']{cursor:pointer;border-color:", ";", " &:hover{background-color:", ";box-shadow:", ";", "{text-decoration:underline;}}&:focus{box-shadow:", ";", "{text-decoration:underline;}}}" ], u.mixins.reset("inline-grid"), u.variables.spacingLarge, u.variables.backgroundColorSection, u.variables.transparent, u.variables.borderRadius, u.variables.embossShadow, Q, Q, Q, Q, Q, Q, Q, u.variables.borderColorWeak, (function(e) {
-        var r = e.$selected;
-        return r && (0, a.css)([ "background-color:", ";" ], u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlaySelected));
-    }), u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover), u.variables.overlayShadow, /* sc-sel */ f, u.variables.focusShadow, /* sc-sel */ f);
-    var ee = l().article.withConfig({
-        displayName: "CardStyles__Styled",
-        componentId: "ola3x0-0"
-    })([ "", "" ], Z);
-    var re = l()(K()).withConfig({
-        displayName: "CardStyles__StyledClickable",
-        componentId: "ola3x0-1"
-    })([ "", "" ], Z);
+    ee.propTypes = K;
+    /* harmony default export */    const re = ee;
     // CONCATENATED MODULE: ./src/Card/Card.tsx
     function te(e) {
         "@babel/helpers - typeof";
@@ -518,7 +518,7 @@
             });
         }), [ s, d, p ]);
         
-        return n().createElement(re, ne({
+        return n().createElement(T, ne({
             "data-clickable": true,
             $selected: d || false,
             elementRef: c
@@ -532,7 +532,7 @@
         var r = he(e), t = oe(r, 2), o = t[0], i = t[1];
         var a = i.children, l = i.elementRef, c = i.tag, s = be(i, [ "children", "elementRef", "tag" ]);
         
-        return n().createElement(ee, ne({
+        return n().createElement(E, ne({
             $selected: false,
             ref: l,
             as: c
@@ -546,9 +546,9 @@
         return ge(e) ?  n().createElement(we, e) :  n().createElement(Oe, e);
     }
     Se.propTypes = me;
-    Se.Header = G;
+    Se.Header = re;
     Se.Body = x;
-    Se.Footer = _;
+    Se.Footer = H;
     /* harmony default export */    const xe = Se;
     // CONCATENATED MODULE: ./src/Card/index.ts
     module.exports = r;