@pingux/astro 2.44.0-alpha.0 → 2.44.0-alpha.2

package/lib/components/Loader/Loader.stories.js

@@ -1,4 +1,15 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+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 _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
@@ -6,6 +17,7 @@ import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Loader } from '../../index';
 import { flatColorList } from '../../styles/colors';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { sizeArgTypes } from '../../utils/docUtils/iconSizeProps';
 import LoaderReadme from './Loader.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -30,12 +42,9 @@ export default {
         })
       }
     },
-    size: {
-      control: {
-        type: 'text'
-      },
-      description: 'The size of the loader. Sizes can either be a string such as xs, sm, md, etc or numeric size with unit such as 15px. Default size inherits the font size. ' + 'Numeric value paired with a unit. https://www.w3schools.com/cssref/css_units.asp'
-    }
+    size: _objectSpread(_objectSpread({}, sizeArgTypes.size), {}, {
+      description: 'The size of the loader. Sizes can either be a string such as xs, sm, md, etc or numeric size with unit such as 15px. Default size inherits the font size. Numeric value paired with a unit. https://www.w3schools.com/cssref/css_units.asp'
+    })
   },
   args: {
     color: 'active'

package/lib/types/iconButton.js

@@ -0,0 +1 @@
+export {};

package/lib/types/index.js

@@ -6,6 +6,7 @@ export * from './card';
 export * from './fieldHelperText';
 export * from './icon';
 export * from './iconBadge';
+export * from './iconButton';
 export * from './item';
 export * from './link';
 export * from './loader';

package/lib/utils/designUtils/figmaLinks.js

@@ -59,6 +59,7 @@ export var FIGMA_LINKS = {
   },
   card: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=335%3A1780&mode=dev',
+    cardWidth: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46142%3A6241&mode=dev',
     cardRow: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46142%3A6248&mode=dev',
     interactiveCard: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46142%3A6279&mode=dev'
   },

package/lib/utils/docUtils/iconSizeProps.js

@@ -0,0 +1,12 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import PropTypes from 'prop-types';
+import { tShirtSizes } from '../devUtils/constants/tShirtSizes';
+export var sizeArgTypes = {
+  size: {
+    options: _Object$keys(tShirtSizes),
+    description: "The size of the icon container. If given a number value, it will be converted to pixels. \n    Tshirt sizing is recommended and can be passed to the size prop as \"xs\", \"sm\" , \"md\" \n    rendering 15, 20, and 25 pixel svg containers."
+  }
+};
+export var sizePropTypes = {
+  size: PropTypes.oneOf(_Object$keys(tShirtSizes))
+};

package/package.json

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