@abgov/react-components 3.4.0-alpha.14 → 3.4.0-alpha.15

package/lib/badge/badge.d.ts

@@ -1,6 +1,5 @@
 import React, { FC } from 'react';
 import { GoAIconType } from '../icons';
-import './badge.scss';
 export declare type GoABadgeType = 'information' | 'success' | 'warning' | 'emergency' | 'dark' | 'midtone' | 'light' | 'inactive';
 interface GoABadgeProps {
     type: GoABadgeType;

package/lib/flex/row.d.ts

@@ -1,5 +1,4 @@
 import { FC } from "react";
-import './row.scss';
 interface Props {
     gap?: 'small' | 'medium' | 'large';
     minWidth?: number | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "3.4.0-alpha.14",
+  "version": "3.4.0-alpha.15",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/react-components.esm.js

@@ -15,36 +15,6 @@ const GoAAppHeader = ({
   }), void 0);
 };
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$3 = "goa-badge {\n  margin-left: 0.25rem;\n}";
-styleInject(css_248z$3);
-
 const GoABadge = ({
   type,
   content,
@@ -103,8 +73,35 @@ const GoAEmergencyBadge = ({
   }, void 0);
 };
 
-var css_248z$2 = "goa-button + goa-button {\n  margin-top: 1.5rem;\n}\n\n/* TODO: these margins need to match UI specs */\n@media (min-width: 480px) {\n  goa-button + goa-button {\n    margin-left: 1rem;\n  }\n}\n";
-styleInject(css_248z$2);
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$1 = "goa-button + goa-button {\n  margin-top: 1.5rem;\n}\n\n/* TODO: these margins need to match UI specs */\n@media (min-width: 480px) {\n  goa-button + goa-button {\n    margin-left: 1rem;\n  }\n}\n";
+styleInject(css_248z$1);
 
 const GoAButton = ({
   title,
@@ -144,8 +141,8 @@ const GoAButton = ({
   }), void 0);
 };
 
-var css_248z$1 = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 320px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n    /* margin-left: 0.25rem; */\n  }\n}\n";
-styleInject(css_248z$1);
+var css_248z = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 320px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n    /* margin-left: 0.25rem; */\n  }\n}\n";
+styleInject(css_248z);
 
 const GoAButtonGroup = ({
   alignment,
@@ -220,7 +217,7 @@ const GoAContainer = ({
   title,
   children,
   actions,
-  variant: _variant = 'primary'
+  variant: _variant = 'default'
 }) => {
   return jsxs("goa-container", Object.assign({
     variant: _variant,
@@ -287,9 +284,6 @@ const GoADropdown = props => {
   }), void 0);
 };
 
-var css_248z = "";
-styleInject(css_248z);
-
 const GoAFlexRow = ({
   gap,
   minWidth,

package/react-components.umd.js

@@ -58,36 +58,6 @@
       }), void 0);
     };
 
-    function styleInject(css, ref) {
-      if ( ref === void 0 ) ref = {};
-      var insertAt = ref.insertAt;
-
-      if (!css || typeof document === 'undefined') { return; }
-
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var style = document.createElement('style');
-      style.type = 'text/css';
-
-      if (insertAt === 'top') {
-        if (head.firstChild) {
-          head.insertBefore(style, head.firstChild);
-        } else {
-          head.appendChild(style);
-        }
-      } else {
-        head.appendChild(style);
-      }
-
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(document.createTextNode(css));
-      }
-    }
-
-    var css_248z$3 = "goa-badge {\n  margin-left: 0.25rem;\n}";
-    styleInject(css_248z$3);
-
     var GoABadge = function GoABadge(_a) {
       var type = _a.type,
           content = _a.content,
@@ -141,8 +111,35 @@
       }, void 0);
     };
 
-    var css_248z$2 = "goa-button + goa-button {\n  margin-top: 1.5rem;\n}\n\n/* TODO: these margins need to match UI specs */\n@media (min-width: 480px) {\n  goa-button + goa-button {\n    margin-left: 1rem;\n  }\n}\n";
-    styleInject(css_248z$2);
+    function styleInject(css, ref) {
+      if ( ref === void 0 ) ref = {};
+      var insertAt = ref.insertAt;
+
+      if (!css || typeof document === 'undefined') { return; }
+
+      var head = document.head || document.getElementsByTagName('head')[0];
+      var style = document.createElement('style');
+      style.type = 'text/css';
+
+      if (insertAt === 'top') {
+        if (head.firstChild) {
+          head.insertBefore(style, head.firstChild);
+        } else {
+          head.appendChild(style);
+        }
+      } else {
+        head.appendChild(style);
+      }
+
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(document.createTextNode(css));
+      }
+    }
+
+    var css_248z$1 = "goa-button + goa-button {\n  margin-top: 1.5rem;\n}\n\n/* TODO: these margins need to match UI specs */\n@media (min-width: 480px) {\n  goa-button + goa-button {\n    margin-left: 1rem;\n  }\n}\n";
+    styleInject(css_248z$1);
 
     var GoAButton = function GoAButton(_a) {
       var title = _a.title,
@@ -185,8 +182,8 @@
       }), void 0);
     };
 
-    var css_248z$1 = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 320px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n    /* margin-left: 0.25rem; */\n  }\n}\n";
-    styleInject(css_248z$1);
+    var css_248z = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 320px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n    /* margin-left: 0.25rem; */\n  }\n}\n";
+    styleInject(css_248z);
 
     var GoAButtonGroup = function GoAButtonGroup(_a) {
       var alignment = _a.alignment,
@@ -261,7 +258,7 @@
           children = _a.children,
           actions = _a.actions,
           _b = _a.variant,
-          variant = _b === void 0 ? 'primary' : _b;
+          variant = _b === void 0 ? 'default' : _b;
       return jsxRuntime.jsxs("goa-container", __assign({
         variant: variant,
         headingsize: headingSize
@@ -326,9 +323,6 @@
       }), void 0);
     };
 
-    var css_248z = "";
-    styleInject(css_248z);
-
     var GoAFlexRow = function GoAFlexRow(_a) {
       var gap = _a.gap,
           minWidth = _a.minWidth,