@pingux/astro 2.116.0 → 2.116.1-alpha.1

package/lib/cjs/components/Link/Link.stories.js

@@ -8,6 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
 var _react = _interopRequireDefault(require("react"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
@@ -18,6 +19,7 @@ var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
 var _Link = _interopRequireDefault(require("./Link.mdx"));
 var _Link2 = _interopRequireDefault(require("./Link.styles"));
 var _react2 = require("@emotion/react");
+var _context;
 var _default = {
   title: 'Components/Link',
   component: _index.Link,
@@ -55,7 +57,7 @@ var _default = {
     variant: {
       control: {
         type: 'select',
-        options: (0, _keys["default"])(_Link2["default"])
+        options: (0, _concat["default"])(_context = []).call(_context, (0, _keys["default"])(_Link2["default"]), ['button'])
       }
     }
   },

package/lib/cjs/components/Messages/utils/messagesReducer.d.ts

@@ -15,32 +15,27 @@ export declare const messagesActions: {
     MULTI_SHOW_CRITICAL_MESSAGE: string;
     MULTI_SHOW_WARNING_MESSAGE: string;
 };
-export interface Message extends MessageItem {
-    isHidden?: boolean;
-}
-type MessageAction = {
-    message?: Message;
-    key?: Key;
-};
-export interface AddMessageAction extends MessageAction {
+interface AddMessageAction {
     type: typeof messagesActions.ADD_MESSAGE;
+    message: MessageItem;
 }
-export interface HideMessageAction extends MessageAction {
+interface HideMessageAction {
     type: typeof messagesActions.HIDE_MESSAGE;
+    key: Key;
 }
-export interface RemoveMessageAction extends MessageAction {
+interface RemoveMessageAction {
     type: typeof messagesActions.REMOVE_MESSAGE;
+    key: Key;
 }
-export interface ClearMessagesAction extends MessageAction {
-    type?: typeof messagesActions.CLEAR_MESSAGES;
+interface ClearMessagesAction {
+    type: typeof messagesActions.CLEAR_MESSAGES;
 }
 export type MessageActions = AddMessageAction | HideMessageAction | RemoveMessageAction | ClearMessagesAction;
-export type MessagesState = Message[];
 /**
  * Create an action to add a message
  * The message object to be added
  */
-export declare const addMessage: (message: Message) => AddMessageAction;
+export declare const addMessage: (message: MessageItem) => AddMessageAction;
 /**
  * Create an action to hide a message by key
  */
@@ -52,55 +47,55 @@ export declare const removeMessage: (key: Key) => RemoveMessageAction;
 /**
  * Create an action to add a message and then remove it if there's a timeout
  */
-export declare const showMessage: (messageArg: Message, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
-    isHidden?: boolean | undefined;
+export declare const showMessage: (messageArg: MessageItem, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
     text?: string | undefined;
     node?: import("react").ReactNode;
     key: Key;
     props?: import("../../../types").MessageItemProps | undefined;
     status?: Status | undefined;
+    isHidden?: boolean | undefined;
 };
 /** Create an action to clear all messages */
 export declare const clearMessages: () => ClearMessagesAction;
 /** Reducer to store a list of messages */
-declare const messagesReducer: {
-    (state: MessagesState | [], action: MessageActions): any[];
+export declare const messagesReducer: {
+    (state: MessageItem[] | undefined, action: MessageActions): Array<MessageItem>;
     actions: {
-        addMessage: (message: Message) => AddMessageAction;
+        addMessage: (message: MessageItem) => AddMessageAction;
         hideMessage: (key: Key) => HideMessageAction;
         removeMessage: (key: Key) => RemoveMessageAction;
-        showMessage: (messageArg: Message, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
+        showMessage: (messageArg: MessageItem, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: Key;
             props?: import("../../../types").MessageItemProps | undefined;
             status?: Status | undefined;
+            isHidden?: boolean | undefined;
         };
         clearMessages: () => ClearMessagesAction;
         showSuccessMessage: (text: string) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: Key;
             props?: import("../../../types").MessageItemProps | undefined;
             status?: Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showErrorMessage: (text: string) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: Key;
             props?: import("../../../types").MessageItemProps | undefined;
             status?: Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showWarningMessage: (text: string) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: Key;
             props?: import("../../../types").MessageItemProps | undefined;
             status?: Status | undefined;
+            isHidden?: boolean | undefined;
         };
     };
 };

package/lib/cjs/components/Messages/utils/messagesReducer.js

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showMessage = exports.removeMessage = exports.messagesActions = exports.hideMessage = exports["default"] = exports.clearMessages = exports.addMessage = void 0;
+exports.showMessage = exports.removeMessage = exports.messagesReducer = exports.messagesActions = exports.hideMessage = exports["default"] = exports.clearMessages = exports.addMessage = void 0;
 var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
@@ -114,14 +114,20 @@ var makeShowMessage = function makeShowMessage(status, timeout) {
 };
 
 /** Reducer to store a list of messages */
-var messagesReducer = function messagesReducer(state, action) {
-  var _context;
+var messagesReducer = function messagesReducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case messagesActions.ADD_MESSAGE:
-      return (0, _concat["default"])(_context = []).call(_context, state, [_objectSpread({}, action.message)]);
+      {
+        var _context;
+        var _ref = action,
+          message = _ref.message;
+        return (0, _concat["default"])(_context = []).call(_context, state, [_objectSpread({}, message !== null && message !== void 0 ? message : {})]);
+      }
     case messagesActions.HIDE_MESSAGE:
       return (0, _map["default"])(state).call(state, function (search) {
-        if (search.key === action.key) {
+        if ('key' in action && search.key === action.key) {
           return _objectSpread(_objectSpread({}, search), {}, {
             isHidden: true
           });
@@ -129,15 +135,20 @@ var messagesReducer = function messagesReducer(state, action) {
         return search;
       });
     case messagesActions.REMOVE_MESSAGE:
-      return (0, _filter["default"])(state).call(state, function (search) {
-        return action.key !== search.key;
-      });
+      {
+        var _ref2 = action,
+          key = _ref2.key;
+        return (0, _filter["default"])(state).call(state, function (search) {
+          return key !== search.key;
+        });
+      }
     case messagesActions.CLEAR_MESSAGES:
       return [];
     default:
       return state;
   }
 };
+exports.messagesReducer = messagesReducer;
 messagesReducer.actions = {
   addMessage: addMessage,
   hideMessage: hideMessage,

package/lib/cjs/components/Messages/utils/multiMessagesReducer.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { Message, MessageActions } from './messagesReducer';
+import { MessageItem } from '../../../types';
+import { MessageActions } from './messagesReducer';
 export declare const withContainer: (container: any, action: any) => any;
 export declare const createMultiple: (actionCreator: any) => (container: any, ...args: any[]) => any;
 /**
@@ -21,62 +22,59 @@ export declare const clearMessages: (container: any, ...args: any[]) => any;
 /**
  * Create an action to add a message and then remove it if there's a timeout
  */
-export declare const showMessage: (container: any, messageArg: Message, timeout?: number) => (dispatch: any) => {
-    isHidden?: boolean | undefined;
+export declare const showMessage: (container: any, messageArg: MessageItem, timeout?: number) => (dispatch: any) => {
     text?: string | undefined;
     node?: import("react").ReactNode;
     key: import("react").Key;
-    props?: import("../../..").MessageItemProps | undefined;
-    status?: import("../../..").Status | undefined;
+    props?: import("../../../types").MessageItemProps | undefined;
+    status?: import("../../../types").Status | undefined;
+    isHidden?: boolean | undefined;
 };
 export interface MultiMessagesReducerState {
     container?: string;
 }
 export interface MultiMessagesReducerActions {
     container?: string;
-    action: MessageActions;
+    action?: MessageActions;
 }
 declare const multiMessagesReducer: {
-    (state: any, { container, ...action }: {
-        [x: string]: any;
-        container: any;
-    }): any;
+    (state: any, action: any): any;
     actions: {
         removeMessage: (container: any, ...args: any[]) => any;
         addMessage: (container: any, ...args: any[]) => any;
         hideMessage: (container: any, ...args: any[]) => any;
         clearMessages: (container: any, ...args: any[]) => any;
-        showMessage: (container: any, messageArg: Message, timeout?: number) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
+        showMessage: (container: any, messageArg: MessageItem, timeout?: number) => (dispatch: any) => {
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
+            props?: import("../../../types").MessageItemProps | undefined;
+            status?: import("../../../types").Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showSuccessMessage: (container: any, text: any) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
+            props?: import("../../../types").MessageItemProps | undefined;
+            status?: import("../../../types").Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showCriticalMessage: (container: any, text: any) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
+            props?: import("../../../types").MessageItemProps | undefined;
+            status?: import("../../../types").Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showWarningMessage: (container: any, text: any) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
+            props?: import("../../../types").MessageItemProps | undefined;
+            status?: import("../../../types").Status | undefined;
+            isHidden?: boolean | undefined;
         };
     };
 };

package/lib/cjs/components/Messages/utils/multiMessagesReducer.js

@@ -92,10 +92,13 @@ var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
     }, timeout);
   };
 };
-var multiMessagesReducer = function multiMessagesReducer(state, _ref) {
-  var container = _ref.container,
-    action = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return container ? _objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2["default"])({}, container, (0, _messagesReducer["default"])(state[container], action))) : state;
+var multiMessagesReducer = function multiMessagesReducer(state, action) {
+  var container = action.container,
+    rest = (0, _objectWithoutProperties2["default"])(action, _excluded);
+  if (container) {
+    return _objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2["default"])({}, container, (0, _messagesReducer["default"])(state[container], rest)));
+  }
+  return state;
 };
 multiMessagesReducer.actions = {
   removeMessage: removeMessage,

package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js

@@ -83,4 +83,15 @@ test('should show and hide a message', function () {
     jest.runAllTimers();
   });
   expect((_screen$queryByTestId2 = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
+});
+test('should initialize the reducer as an empty array', function () {
+  var state = (0, _messagesReducer["default"])(undefined, {});
+  expect(state.length).toBe(0);
+});
+test('should add message in empty state', function () {
+  var state = (0, _messagesReducer["default"])(undefined, (0, _messagesReducer.addMessage)({
+    key: 1,
+    text: 'quatro'
+  }));
+  expect(state.length).toBe(1);
 });

package/lib/cjs/styles/themes/next-gen/next-gen.d.ts

@@ -1827,6 +1827,88 @@ declare const _default: {
                 color: string;
             };
         };
+        button: {
+            textDecoration: string;
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+                color: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        primaryButton: {
+            textDecoration: string;
+            color: string;
+            backgroundColor: string;
+            borderColor: string;
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
     };
     cards: {
         interactive: {

package/lib/cjs/styles/themes/next-gen/variants/links.d.ts

@@ -147,5 +147,87 @@ declare const _default: {
             color: string;
         };
     };
+    button: {
+        textDecoration: string;
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+            color: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: string;
+        fontWeight: number;
+        textAlign: string;
+        verticalAlign: string;
+        lineHeight: number;
+        borderRadius: string;
+        border: string;
+        px: string;
+        py: string;
+        height: string;
+        '&.is-disabled': {
+            opacity: number;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        transition: string;
+    };
+    primaryButton: {
+        textDecoration: string;
+        color: string;
+        backgroundColor: string;
+        borderColor: string;
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: string;
+        fontWeight: number;
+        textAlign: string;
+        verticalAlign: string;
+        lineHeight: number;
+        borderRadius: string;
+        border: string;
+        px: string;
+        py: string;
+        height: string;
+        '&.is-disabled': {
+            opacity: number;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        transition: string;
+    };
 };
 export default _default;

package/lib/cjs/styles/themes/next-gen/variants/links.js

@@ -14,6 +14,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _button = _interopRequireDefault(require("./button"));
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var nextGen = {
@@ -62,11 +63,19 @@ var footerLinks = _objectSpread({}, sideNav);
 var footerHeader = _objectSpread(_objectSpread({}, footerLinks), {}, {
   fontWeight: '2'
 });
+var button = _objectSpread(_objectSpread({}, _button["default"]["default"]), {}, {
+  textDecoration: 'none'
+});
+var primaryButton = _objectSpread(_objectSpread({}, _button["default"].primary), {}, {
+  textDecoration: 'none'
+});
 var _default = {
   nextGen: nextGen,
   onyx: onyx,
   sideNav: sideNav,
   footerLinks: footerLinks,
-  footerHeader: footerHeader
+  footerHeader: footerHeader,
+  button: button,
+  primaryButton: primaryButton
 };
 exports["default"] = _default;

package/lib/cjs/types/messages.d.ts

@@ -17,6 +17,7 @@ export interface MessageItem {
     key?: Key;
     props?: MessageItemProps;
     status?: Status;
+    isHidden?: boolean;
 }
 export interface CollectionOptions<T, C extends Collection<Node<T>>> extends Omit<CollectionStateBase<T, C>, 'children'> {
     children?: ReactElement | ReactElement[] | ((item: T) => ReactElement);

package/lib/components/Link/Link.stories.js

@@ -1,5 +1,7 @@
 import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+var _context;
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
@@ -47,7 +49,7 @@ export default {
     variant: {
       control: {
         type: 'select',
-        options: _Object$keys(variants)
+        options: _concatInstanceProperty(_context = []).call(_context, _Object$keys(variants), ['button'])
       }
     }
   },

package/lib/components/Messages/utils/messagesReducer.js

@@ -101,14 +101,20 @@ var makeShowMessage = function makeShowMessage(status, timeout) {
 };
 
 /** Reducer to store a list of messages */
-var messagesReducer = function messagesReducer(state, action) {
-  var _context;
+export var messagesReducer = function messagesReducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case messagesActions.ADD_MESSAGE:
-      return _concatInstanceProperty(_context = []).call(_context, state, [_objectSpread({}, action.message)]);
+      {
+        var _context;
+        var _ref = action,
+          message = _ref.message;
+        return _concatInstanceProperty(_context = []).call(_context, state, [_objectSpread({}, message !== null && message !== void 0 ? message : {})]);
+      }
     case messagesActions.HIDE_MESSAGE:
       return _mapInstanceProperty(state).call(state, function (search) {
-        if (search.key === action.key) {
+        if ('key' in action && search.key === action.key) {
           return _objectSpread(_objectSpread({}, search), {}, {
             isHidden: true
           });
@@ -116,9 +122,13 @@ var messagesReducer = function messagesReducer(state, action) {
         return search;
       });
     case messagesActions.REMOVE_MESSAGE:
-      return _filterInstanceProperty(state).call(state, function (search) {
-        return action.key !== search.key;
-      });
+      {
+        var _ref2 = action,
+          key = _ref2.key;
+        return _filterInstanceProperty(state).call(state, function (search) {
+          return key !== search.key;
+        });
+      }
     case messagesActions.CLEAR_MESSAGES:
       return [];
     default:

package/lib/components/Messages/utils/multiMessagesReducer.js

@@ -78,10 +78,13 @@ var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
     }, timeout);
   };
 };
-var multiMessagesReducer = function multiMessagesReducer(state, _ref) {
-  var container = _ref.container,
-    action = _objectWithoutProperties(_ref, _excluded);
-  return container ? _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, container, messagesReducer(state[container], action))) : state;
+var multiMessagesReducer = function multiMessagesReducer(state, action) {
+  var container = action.container,
+    rest = _objectWithoutProperties(action, _excluded);
+  if (container) {
+    return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, container, messagesReducer(state[container], rest)));
+  }
+  return state;
 };
 multiMessagesReducer.actions = {
   removeMessage: removeMessage,

package/lib/components/Messages/utils/tests/messagesReducer.test.js

@@ -74,4 +74,15 @@ test('should show and hide a message', function () {
     jest.runAllTimers();
   });
   expect((_screen$queryByTestId2 = screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
+});
+test('should initialize the reducer as an empty array', function () {
+  var state = messagesReducer(undefined, {});
+  expect(state.length).toBe(0);
+});
+test('should add message in empty state', function () {
+  var state = messagesReducer(undefined, addMessage({
+    key: 1,
+    text: 'quatro'
+  }));
+  expect(state.length).toBe(1);
 });

package/lib/styles/themes/next-gen/variants/links.js

@@ -9,6 +9,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+import buttons from './button';
 var nextGen = {
   color: 'gray-800',
   fontSize: 'md',
@@ -55,10 +56,18 @@ var footerLinks = _objectSpread({}, sideNav);
 var footerHeader = _objectSpread(_objectSpread({}, footerLinks), {}, {
   fontWeight: '2'
 });
+var button = _objectSpread(_objectSpread({}, buttons["default"]), {}, {
+  textDecoration: 'none'
+});
+var primaryButton = _objectSpread(_objectSpread({}, buttons.primary), {}, {
+  textDecoration: 'none'
+});
 export default {
   nextGen: nextGen,
   onyx: onyx,
   sideNav: sideNav,
   footerLinks: footerLinks,
-  footerHeader: footerHeader
+  footerHeader: footerHeader,
+  button: button,
+  primaryButton: primaryButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.116.0",
+  "version": "2.116.1-alpha.1",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",