@pingux/astro 2.121.1-alpha.3 → 2.122.0-alpha.1

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

@@ -115,6 +115,7 @@ var card = {
   blue: _colorTokens.nextGenColors['blue-100'],
   gray: _colorTokens.nextGenColors['gray-100']
 };
+var tooltip = 'black';
 var colors = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, subColors), _colorTokens.nextGenColors), overrides), {}, {
   card: card,
   critical: critical,
@@ -125,7 +126,8 @@ var colors = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, subColo
   active: colorsObject.blue,
   primary: colorsObject.blue,
   background: background,
-  iconWrapper: _iconWrapper.iconWrapper
+  iconWrapper: _iconWrapper.iconWrapper,
+  tooltip: tooltip
 });
 var _default = colors;
 exports["default"] = _default;

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

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nextGenOnlyComponents = exports["default"] = exports.componentSpecificNextGenBlacklist = exports.astroBlacklistStory = void 0;
-var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem', 'Skeleton', 'ListViewItem', 'Pagination'];
+var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem', 'Skeleton', 'TooltipTrigger', 'ListViewItem', 'Pagination'];
 var componentSpecificNextGenBlacklist = {
   AstroProvider: ['Default', 'With Custom Theme Override'],
   Badge: ['Status Badge Variants', 'Badge With Left Slot And Icon', 'Callout Badges', 'Removable'],

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

@@ -76,6 +76,7 @@ declare const _default: {
                 lightIndigo: string;
             };
         };
+        tooltip: string;
         neutral: {
             80: string;
         };
@@ -2925,6 +2926,24 @@ declare const _default: {
                 lineHeight: string;
             };
         };
+        popoverMenu: {
+            container: {
+                transition: string;
+                opacity: number;
+                '&.is-mounted.is-transitioning': {
+                    opacity: string;
+                };
+            };
+            arrow: {
+                color: string;
+                '&:before': {
+                    content: string;
+                    position: string;
+                    borderColor: string;
+                    borderStyle: string;
+                };
+            };
+        };
         prompt: {
             container: {
                 backgroundColor: string;
@@ -3215,6 +3234,13 @@ declare const _default: {
                 };
             };
         };
+        tooltip: {
+            container: {
+                backgroundColor: string;
+                borderRadius: string;
+                fontSize: string;
+            };
+        };
         footer: {
             container: {
                 fontFamily: string;

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

@@ -0,0 +1,19 @@
+declare const _default: {
+    container: {
+        transition: string;
+        opacity: number;
+        '&.is-mounted.is-transitioning': {
+            opacity: string;
+        };
+    };
+    arrow: {
+        color: string;
+        '&:before': {
+            content: string;
+            position: string;
+            borderColor: string;
+            borderStyle: string;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,28 @@
+"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 container = {
+  transition: 'opacity 200ms ease',
+  opacity: 0,
+  '&.is-mounted.is-transitioning': {
+    opacity: '100%'
+  }
+};
+var arrow = {
+  color: 'white',
+  '&:before': {
+    content: '""',
+    position: 'absolute',
+    borderColor: 'transparent',
+    borderStyle: 'solid'
+  }
+};
+var _default = {
+  container: container,
+  arrow: arrow
+};
+exports["default"] = _default;

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

@@ -0,0 +1,8 @@
+declare const _default: {
+    container: {
+        backgroundColor: string;
+        borderRadius: string;
+        fontSize: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+"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 container = {
+  backgroundColor: '#000000',
+  borderRadius: '4px',
+  fontSize: 'xs'
+};
+var _default = {
+  container: container
+};
+exports["default"] = _default;

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

@@ -925,6 +925,24 @@ declare const _default: {
             lineHeight: string;
         };
     };
+    popoverMenu: {
+        container: {
+            transition: string;
+            opacity: number;
+            '&.is-mounted.is-transitioning': {
+                opacity: string;
+            };
+        };
+        arrow: {
+            color: string;
+            '&:before': {
+                content: string;
+                position: string;
+                borderColor: string;
+                borderStyle: string;
+            };
+        };
+    };
     prompt: {
         container: {
             backgroundColor: string;
@@ -1215,6 +1233,13 @@ declare const _default: {
             };
         };
     };
+    tooltip: {
+        container: {
+            backgroundColor: string;
+            borderRadius: string;
+            fontSize: string;
+        };
+    };
     footer: {
         container: {
             fontFamily: string;

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

@@ -26,11 +26,13 @@ var _listview = require("./listview");
 var _menu = require("./menu");
 var _messages = require("./messages");
 var _navbar = require("./navbar");
+var _popoverMenu = _interopRequireDefault(require("./popoverMenu"));
 var _prompt = _interopRequireDefault(require("./prompt"));
 var _response = _interopRequireDefault(require("./response"));
 var _suggestion = _interopRequireDefault(require("./suggestion"));
 var _suggestions = _interopRequireDefault(require("./suggestions"));
 var _tabs = require("./tabs");
+var _tooltip = _interopRequireDefault(require("./tooltip"));
 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 fieldHelperText = {
@@ -325,6 +327,7 @@ var _default = {
   lisViewItemChart: _listview.lisViewItemChart,
   dataTable: _dataTable.dataTable,
   codeView: _codeView["default"],
+  popoverMenu: _popoverMenu["default"],
   prompt: _prompt["default"],
   tabs: _tabs.tabs,
   menu: _menu.menu,
@@ -334,6 +337,7 @@ var _default = {
   suggestion: _suggestion["default"],
   response: _response["default"],
   skeleton: _Skeleton["default"],
+  tooltip: _tooltip["default"],
   footer: _footer.footer,
   loader: loader
 };

package/lib/cjs/styles/variants/variants.js

@@ -24,6 +24,7 @@ var _Breadcrumb = _interopRequireDefault(require("../../components/Breadcrumbs/B
 var _ButtonBar = _interopRequireDefault(require("../../components/ButtonBar/ButtonBar.styles"));
 var _Calendar = _interopRequireDefault(require("../../components/Calendar/Calendar.styles"));
 var _Callout = _interopRequireDefault(require("../../components/Callout/Callout.styles"));
+var _CodeEditor = _interopRequireDefault(require("../../components/CodeEditor/CodeEditor.styles"));
 var _CodeView = _interopRequireDefault(require("../../components/CodeView/CodeView.styles"));
 var _CollapsiblePanel = _interopRequireDefault(require("../../components/CollapsiblePanel/CollapsiblePanel.styles"));
 var _CopyText = _interopRequireDefault(require("../../components/CopyText/CopyText.styles"));
@@ -77,6 +78,7 @@ var _default = _objectSpread({
   calendar: _Calendar["default"],
   rangeCalendar: _RangeCalendar["default"],
   callout: _Callout["default"],
+  codeEditor: _CodeEditor["default"],
   codeView: _CodeView["default"],
   collapsiblePanel: _CollapsiblePanel["default"],
   copyText: _CopyText["default"],

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

@@ -0,0 +1,15 @@
+import { type editor } from 'monaco-editor';
+import * as monaco from 'monaco-editor';
+import { DOMAttributes, StyleProps } from './shared';
+import { FocusableElement } from '.';
+export interface CodeEditorProps extends Omit<DOMAttributes<FocusableElement>, 'onChange'>, StyleProps {
+    value?: string;
+    language?: string;
+    onChange?: (value: string | undefined) => void;
+    onValidate?: (markers: editor.IMarker[]) => void;
+}
+export interface CustomEditorOptions extends monaco.editor.IStandaloneEditorConstructionOptions {
+    stickyScroll?: {
+        enabled: boolean;
+    };
+}

package/lib/cjs/types/codeEditor.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -9,6 +9,7 @@ export * from './buttonBar';
 export * from './calendar';
 export * from './card';
 export * from './checkboxField';
+export * from './codeEditor';
 export * from './collapsiblePanel';
 export * from './colorField';
 export * from './copyText';