@pingux/astro 2.142.1-alpha.1 → 2.143.0-alpha.1

package/lib/cjs/styles/themes/next-gen/customProperties/customSizes.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var copyButtonSize = 'sm';
+var breadcrumbIconSize = 'sm';
+var breadcrumbIconMargin = 'sm';
+var accordionItemMarginLeft = 'md';
+var pageHeaderTitleMargin = 'md';
+var defaultLoaderSize = 32;
+var _default = {
+  copyButtonSize: copyButtonSize,
+  breadcrumbIconSize: breadcrumbIconSize,
+  breadcrumbIconMargin: breadcrumbIconMargin,
+  accordionItemMarginLeft: accordionItemMarginLeft,
+  pageHeaderTitleMargin: pageHeaderTitleMargin,
+  defaultLoaderSize: defaultLoaderSize
+};
+exports["default"] = _default;

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

@@ -1,6 +1,11 @@
 /// <reference types="react" />
 declare const _default: {
     [x: number]: import("@pingux/mdi-react").MdiReactIconComponentType;
+    ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+    WarningIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+    DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+    SuccessCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+    CreateIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
     MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
     pingLogoHorizontalSmall: import("react").JSX.Element;

package/lib/cjs/styles/themes/next-gen/customProperties/icons.js

@@ -14,19 +14,26 @@ var _AlertCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/
 var _AlertOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertOutlineIcon"));
 var _ArrowDownIcon = _interopRequireDefault(require("@pingux/mdi-react/ArrowDownIcon"));
 var _ArrowUpIcon = _interopRequireDefault(require("@pingux/mdi-react/ArrowUpIcon"));
+var _CheckboxBlankCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckboxBlankCircleOutlineIcon"));
 var _CheckCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckCircleOutlineIcon"));
 var _ChevronDownIcon = _interopRequireDefault(require("@pingux/mdi-react/ChevronDownIcon"));
 var _ChevronUpIcon = _interopRequireDefault(require("@pingux/mdi-react/ChevronUpIcon"));
 var _CloseOctagonOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CloseOctagonOutlineIcon"));
+var _CreateOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CreateOutlineIcon"));
 var _DotsHorizontalIcon = _interopRequireDefault(require("@pingux/mdi-react/DotsHorizontalIcon"));
 var _InformationOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationOutlineIcon"));
 var _logos = require("../../../../utils/devUtils/constants/logos");
 var _statuses = _interopRequireWildcard(require("../../../../utils/devUtils/constants/statuses"));
-var _MenuDown$MenuUp$stat;
+var _ErrorCircle$WarningI;
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = (_MenuDown$MenuUp$stat = {
+var _default = (_ErrorCircle$WarningI = {
+  ErrorCircle: _AlertCircleOutlineIcon["default"],
+  WarningIcon: _AlertOutlineIcon["default"],
+  DefaultCircle: _CheckboxBlankCircleOutlineIcon["default"],
+  SuccessCircle: _CheckCircleOutlineIcon["default"],
+  CreateIcon: _CreateOutlineIcon["default"],
   MenuDown: _ChevronDownIcon["default"],
   MenuUp: _ChevronUpIcon["default"]
-}, (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].DEFAULT, _InformationOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].ERROR, _AlertCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].SUCCESS, _CheckCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].WARNING, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.INFO, _InformationOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.CRITICAL, _AlertCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.MAJOR, _ArrowUpIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.MINOR, _ArrowDownIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.WARNING_NEUTRAL, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.FATAL, _CloseOctagonOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmall), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "listViewMenu", _DotsHorizontalIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "Ascending", _ArrowUpIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "Descending", _ArrowDownIcon["default"]), _MenuDown$MenuUp$stat);
+}, (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses["default"].DEFAULT, _InformationOutlineIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses["default"].ERROR, _AlertCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses["default"].SUCCESS, _CheckCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses["default"].WARNING, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses.statusIcon.INFO, _InformationOutlineIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses.statusIcon.CRITICAL, _AlertCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses.statusIcon.MAJOR, _ArrowUpIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses.statusIcon.MINOR, _ArrowDownIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses.statusIcon.WARNING_NEUTRAL, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, _statuses.statusIcon.FATAL, _CloseOctagonOutlineIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmall), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, "listViewMenu", _DotsHorizontalIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, "Ascending", _ArrowUpIcon["default"]), (0, _defineProperty2["default"])(_ErrorCircle$WarningI, "Descending", _ArrowDownIcon["default"]), _ErrorCircle$WarningI);
 exports["default"] = _default;

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

@@ -1,10 +1,23 @@
 /// <reference types="react" />
 export declare const nextGenThemeValues: {
+    copyButtonSize: import("../../../..").IconSize;
+    breadcrumbIconSize: import("../../../..").IconSize;
+    breadcrumbIconMargin: string;
+    accordionItemMarginLeft: string;
+    pageHeaderTitleMargin: string;
+    defaultLoaderSize: number;
+    activeColor: string;
+    backgroundBaseColor: string;
     styles: {
         navButtonEstHeight: number;
     };
     icons: {
         [x: number]: import("@pingux/mdi-react").MdiReactIconComponentType;
+        ErrorCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        WarningIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        DefaultCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        SuccessCircle: import("@pingux/mdi-react").MdiReactIconComponentType;
+        CreateIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
         pingLogoHorizontalSmall: import("react").JSX.Element;
@@ -27,10 +40,14 @@ export declare const nextGenThemeValues: {
         'icon-800': string;
         'icon-900': string;
     };
+    iconBadgeCircleColor: string;
     iconWrapperSizes: {
         sm: number;
         md: number;
         lg: number;
     };
+    defaultIconColor: string;
+    accordionItemDefaultLabelTag: string;
+    iFrameContentDivBackgroundColor: string;
     rockerButtonGap: string;
 };

package/lib/cjs/styles/themes/next-gen/customProperties/index.js

@@ -1,24 +1,46 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nextGenThemeValues = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _customSizes = _interopRequireDefault(require("./customSizes"));
 var _icons = _interopRequireDefault(require("./icons"));
 var _styles = _interopRequireDefault(require("./styles"));
 var _tShirtSizes = _interopRequireWildcard(require("./tShirtSizes"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var nextGenThemeValues = {
+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 accordionItemDefaultLabelTag = 'h2';
+var iconBadgeCircleColor = 'badge.iconBadge';
+var activeColor = '#1a73e8';
+var backgroundBaseColor = 'white';
+var iFrameContentDivBackgroundColor = backgroundBaseColor;
+var defaultIconColor = 'gray-800';
+var nextGenThemeValues = _objectSpread({
+  activeColor: activeColor,
+  backgroundBaseColor: backgroundBaseColor,
   styles: _styles["default"],
   icons: _icons["default"],
   tShirtSizes: _tShirtSizes["default"],
+  iconBadgeCircleColor: iconBadgeCircleColor,
   iconWrapperSizes: _tShirtSizes.iconWrapperSizes,
+  defaultIconColor: defaultIconColor,
+  accordionItemDefaultLabelTag: accordionItemDefaultLabelTag,
+  iFrameContentDivBackgroundColor: iFrameContentDivBackgroundColor,
   rockerButtonGap: '0px'
-};
+}, _customSizes["default"]);
 exports.nextGenThemeValues = nextGenThemeValues;

package/lib/cjs/styles/themes/next-gen/customProperties/tShirtSizes.js

@@ -6,13 +6,13 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports.iconWrapperSizes = exports["default"] = void 0;
 var _default = {
-  xxs: '.875rem',
+  xxs: '8px',
   'icon-100': '.875rem',
-  xs: '1.125rem',
+  xs: '15px',
   'icon-200': '1.125rem',
-  sm: '1.5rem',
+  sm: '20px',
   'icon-300': '1.5rem',
-  md: '2.25rem',
+  md: '25px',
   'icon-400': '2.25rem',
   'icon-500': '3rem',
   'icon-600': '3.75rem',

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

@@ -48,6 +48,9 @@ export declare const comboBox: {
         borderRadius: string;
         height: string;
     };
+    button: {
+        border: string;
+    };
 };
 export declare const numberField: {
     arrowsWrapper: {
@@ -161,6 +164,9 @@ declare const _default: {
             borderRadius: string;
             height: string;
         };
+        button: {
+            border: string;
+        };
     };
     select: {
         borderRadius: string;
@@ -223,6 +229,42 @@ declare const _default: {
             ml: string;
         };
     };
+    switch: {
+        container: {
+            minWidth: string;
+            color: string;
+            bg: string;
+            border: string;
+            borderColor: string;
+            borderRadius: number;
+            '&.is-selected': {
+                bg: string;
+                borderColor: string;
+            };
+        };
+        thumbContainer: {
+            bg: string;
+            border: string;
+            maxWidth: number;
+            height: number;
+            py: string;
+            px: string;
+            'label.is-selected &': {
+                bg: string;
+            };
+        };
+        thumb: {
+            bg: string;
+            minHeight: number;
+            maxHeight: number;
+            width: number;
+            border: string;
+            '&.is-selected': {
+                bg: string;
+                transform: string;
+            };
+        };
+    };
     numberField: {
         arrowsWrapper: {
             '> textarea': {

package/lib/cjs/styles/themes/next-gen/forms.js

@@ -19,6 +19,7 @@ var _colors = _interopRequireDefault(require("./colors/colors"));
 var _tShirtSizes = _interopRequireDefault(require("./customProperties/tShirtSizes"));
 var _input = require("./variants/input");
 var _label = require("./variants/label");
+var _switch = require("./variants/switch");
 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 checkbox = {
@@ -73,6 +74,9 @@ var comboBox = {
     borderWidth: '1px',
     borderRadius: '4px',
     height: '50px'
+  },
+  button: {
+    border: 'none !important'
   }
 };
 exports.comboBox = comboBox;
@@ -109,6 +113,7 @@ var _default = {
   select: select,
   radio: radio,
   search: search,
+  "switch": _switch.switchable,
   numberField: numberField
 };
 exports["default"] = _default;