@pingux/astro 2.75.0 → 2.76.0-alpha.0

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

@@ -0,0 +1,209 @@
+export declare const critical: {
+    bright: string;
+    dark: string;
+    light: string;
+};
+export declare const success: {
+    bright: string;
+    dark: string;
+    light: string;
+};
+export declare const warning: {
+    bright: string;
+    dark: string;
+    light: string;
+};
+declare const colors: {
+    critical: {
+        bright: string;
+        dark: string;
+        light: string;
+    };
+    success: {
+        bright: string;
+        dark: string;
+        light: string;
+    };
+    warning: {
+        bright: string;
+        dark: string;
+        light: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+    };
+    border: {
+        base: string;
+    };
+    active: string;
+    primary: string;
+    neutral: {
+        80: string;
+    };
+    focus: string;
+    white: string;
+    'blue-100': string;
+    'blue-200': string;
+    'blue-300': string;
+    'blue-400': string;
+    'blue-500': string;
+    'blue-600': string;
+    'blue-700': string;
+    'blue-800': string;
+    'blue-900': string;
+    blue: string;
+    'indigo-100': string;
+    'indigo-200': string;
+    'indigo-300': string;
+    'indigo-400': string;
+    'indigo-500': string;
+    'indigo-600': string;
+    'indigo-700': string;
+    'indigo-800': string;
+    'indigo-900': string;
+    indigo: string;
+    'purple-100': string;
+    'purple-200': string;
+    'purple-300': string;
+    'purple-400': string;
+    'purple-500': string;
+    'purple-600': string;
+    'purple-700': string;
+    'purple-800': string;
+    'purple-900': string;
+    purple: string;
+    'pink-100': string;
+    'pink-200': string;
+    'pink-300': string;
+    'pink-400': string;
+    'pink-500': string;
+    'pink-600': string;
+    'pink-700': string;
+    'pink-800': string;
+    'pink-900': string;
+    pink: string;
+    'red-100': string;
+    'red-200': string;
+    'red-300': string;
+    'red-400': string;
+    'red-500': string;
+    'red-600': string;
+    'red-700': string;
+    'red-800': string;
+    'red-900': string;
+    red: string;
+    'orange-100': string;
+    'orange-200': string;
+    'orange-300': string;
+    'orange-400': string;
+    'orange-500': string;
+    'orange-600': string;
+    'orange-700': string;
+    'orange-800': string;
+    'orange-900': string;
+    orange: string;
+    'yellow-100': string;
+    'yellow-200': string;
+    'yellow-300': string;
+    'yellow-400': string;
+    'yellow-500': string;
+    'yellow-600': string;
+    'yellow-700': string;
+    'yellow-800': string;
+    'yellow-900': string;
+    yellow: string;
+    'green-100': string;
+    'green-200': string;
+    'green-300': string;
+    'green-400': string;
+    'green-500': string;
+    'green-600': string;
+    'green-700': string;
+    'green-800': string;
+    'green-900': string;
+    green: string;
+    'teal-100': string;
+    'teal-200': string;
+    'teal-300': string;
+    'teal-400': string;
+    'teal-500': string;
+    'teal-600': string;
+    'teal-700': string;
+    'teal-800': string;
+    'teal-900': string;
+    teal: string;
+    'cyan-100': string;
+    'cyan-200': string;
+    'cyan-300': string;
+    'cyan-400': string;
+    'cyan-500': string;
+    'cyan-600': string;
+    'cyan-700': string;
+    'cyan-800': string;
+    'cyan-900': string;
+    cyan: string;
+    'gray-100': string;
+    'gray-200': string;
+    'gray-300': string;
+    'gray-400': string;
+    'gray-500': string;
+    'gray-600': string;
+    'gray-700': string;
+    'gray-800': string;
+    'gray-900': string;
+    common: {
+        background: {
+            base: string;
+            secondary: string;
+        };
+        border: string;
+        hairline: string;
+    };
+    font: {
+        base: string;
+        light: string;
+        link: string;
+        label: string;
+    };
+    active_light: string;
+    success_light: string;
+    critical_light: string;
+    warning_light: string;
+    lightblue: string;
+    lightindigo: string;
+    lightpurple: string;
+    lightpink: string;
+    lightred: string;
+    lightorange: string;
+    lightyellow: string;
+    lightgreen: string;
+    lightteal: string;
+    lightcyan: string;
+    darkblue: string;
+    darkindigo: string;
+    darkpurple: string;
+    darkpink: string;
+    darkred: string;
+    darkorange: string;
+    darkyellow: string;
+    darkgreen: string;
+    darkteal: string;
+    darkcyan: string;
+    mediumblue: string;
+    mediumindigo: string;
+    mediumpurple: string;
+    mediumpink: string;
+    mediumred: string;
+    mediumorange: string;
+    mediumyellow: string;
+    mediumgreen: string;
+    mediumteal: string;
+    mediumcyan: string;
+    secondary: string;
+    info: string;
+    danger: string;
+    light: string;
+    dark: string;
+};
+export default colors;

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

@@ -0,0 +1,112 @@
+"use strict";
+
+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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.warning = exports.success = exports["default"] = exports.critical = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _colorTokens = require("../tokens/colorTokens");
+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 subColors = {
+  lightblue: _colorTokens.nextGenColors['blue-100'],
+  lightindigo: _colorTokens.nextGenColors['indigo-100'],
+  lightpurple: _colorTokens.nextGenColors['purple-100'],
+  lightpink: _colorTokens.nextGenColors['pink-100'],
+  lightred: _colorTokens.nextGenColors['red-100'],
+  lightorange: _colorTokens.nextGenColors['orange-100'],
+  lightyellow: _colorTokens.nextGenColors['yellow-100'],
+  lightgreen: _colorTokens.nextGenColors['green-100'],
+  lightteal: _colorTokens.nextGenColors['teal-100'],
+  lightcyan: _colorTokens.nextGenColors['cyan-100'],
+  darkblue: _colorTokens.nextGenColors['blue-600'],
+  darkindigo: _colorTokens.nextGenColors['indigo-700'],
+  darkpurple: _colorTokens.nextGenColors['purple-500'],
+  darkpink: _colorTokens.nextGenColors['pink-600'],
+  darkred: _colorTokens.nextGenColors['red-700'],
+  darkorange: _colorTokens.nextGenColors['orange-700'],
+  darkyellow: _colorTokens.nextGenColors['yellow-800'],
+  darkgreen: _colorTokens.nextGenColors['green-800'],
+  darkteal: _colorTokens.nextGenColors['teal-700'],
+  darkcyan: _colorTokens.nextGenColors['cyan-800'],
+  mediumblue: _colorTokens.nextGenColors['blue-600'],
+  mediumindigo: _colorTokens.nextGenColors['indigo-600'],
+  mediumpurple: _colorTokens.nextGenColors['purple-600'],
+  mediumpink: _colorTokens.nextGenColors['pink-600'],
+  mediumred: _colorTokens.nextGenColors['red-600'],
+  mediumorange: _colorTokens.nextGenColors['orange-600'],
+  mediumyellow: _colorTokens.nextGenColors['yellow-600'],
+  mediumgreen: _colorTokens.nextGenColors['green-700'],
+  mediumteal: _colorTokens.nextGenColors['teal-600'],
+  mediumcyan: _colorTokens.nextGenColors['cyan-700'],
+  primary: _colorTokens.nextGenColors.blue,
+  secondary: _colorTokens.nextGenColors['gray-600'],
+  info: _colorTokens.nextGenColors.blue,
+  danger: _colorTokens.nextGenColors.red,
+  light: _colorTokens.nextGenColors['gray-100'],
+  dark: _colorTokens.nextGenColors['gray-800']
+};
+var colorsObject = {
+  blue: '#1a73e8',
+  indigo: '#BA4DE1',
+  purple: '#6f42c1',
+  pink: '#d63384',
+  red: '#da3a2b',
+  orange: '#fd7e14',
+  yellow: '#ffb946',
+  green: '#22a75f',
+  teal: '#17A2B8',
+  cyan: '#0dcaf0',
+  active: '#1a73e8'
+};
+var critical = {
+  bright: colorsObject.red,
+  dark: _colorTokens.nextGenColors['red-600'],
+  light: colorsObject.red
+};
+exports.critical = critical;
+var success = {
+  bright: _colorTokens.nextGenColors['green-600'],
+  dark: _colorTokens.nextGenColors['green-800'],
+  light: _colorTokens.nextGenColors['green-100']
+};
+exports.success = success;
+var warning = {
+  bright: colorsObject.yellow,
+  dark: _colorTokens.nextGenColors['yellow-800'],
+  light: _colorTokens.nextGenColors['yellow-100']
+};
+exports.warning = warning;
+var text = {
+  primary: _colorTokens.nextGenColors['gray-900'],
+  secondary: _colorTokens.nextGenColors['gray-500']
+};
+var border = {
+  base: _colorTokens.nextGenColors['gray-500']
+};
+var overrides = {
+  neutral: {
+    80: '#69788B'
+  },
+  focus: colorsObject.active
+};
+var colors = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, subColors), _colorTokens.nextGenColors), overrides), {}, {
+  critical: critical,
+  success: success,
+  warning: warning,
+  text: text,
+  border: border,
+  active: colorsObject.blue,
+  primary: colorsObject.blue
+});
+var _default = colors;
+exports["default"] = _default;

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

@@ -0,0 +1,2 @@
+declare const nextGenConvertedComponents: string[];
+export default nextGenConvertedComponents;

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

@@ -0,0 +1,10 @@
+"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 nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'ComboBoxField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView'];
+var _default = nextGenConvertedComponents;
+exports["default"] = _default;

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

@@ -0,0 +1,235 @@
+export declare const checkbox: {
+    height: string;
+    width: string;
+    color: string;
+    mr: string;
+    'input ~ &.is-focused': {
+        outline: string;
+        outlineColor: string;
+        outlineOffset: string;
+    };
+};
+export declare const select: {
+    borderRadius: string;
+    borderColor: string;
+    color: string;
+    height: string;
+    '&.is-disabled': {
+        opacity: number;
+        borderColor: string;
+        backgroundColor: string;
+    };
+    currentValue: {
+        color: string;
+    };
+};
+export declare const search: {
+    wrapper: {
+        opacity: number;
+    };
+};
+export declare const comboBox: {
+    input: {
+        borderStyle: string;
+        borderWidth: string;
+        borderRadius: string;
+        height: string;
+    };
+};
+export declare const numberField: {
+    arrowsWrapper: {
+        '> textarea': {
+            borderRadius: string;
+            border: string;
+            borderColor: string;
+            outline: string;
+        };
+        '&.is-disabled': {
+            '> label': {
+                opacity: number;
+            };
+            opacity: number;
+            '> input': {
+                backgroundColor: string;
+                border: string;
+                borderColor: string;
+                opacity: number;
+                fontWeight: number;
+            };
+            '> textarea': {
+                backgroundColor: string;
+                border: string;
+                borderColor: string;
+                opacity: number;
+                fontWeight: number;
+            };
+            '&:after': {
+                display: string;
+            };
+        };
+        '&:after': {
+            display: string;
+        };
+        '& > input': {
+            borderLeftWidth: number;
+        };
+        '> button': {
+            borderLeftWidth: number;
+            borderRadius: string;
+            border: string;
+            borderColor: string;
+        };
+        '&.is-read-only': {
+            '> input': {
+                backgroundColor: string;
+                border: string;
+                borderColor: string;
+            };
+            '> textarea': {
+                backgroundColor: string;
+                border: string;
+                borderColor: string;
+            };
+            '&:after': {
+                display: string;
+            };
+        };
+        '&.is-focused': {
+            '> textarea': {
+                boxShadow: string;
+                outline: string;
+            };
+        };
+    };
+};
+export declare const radio: {
+    base: {
+        color: string;
+        mr: string;
+        'input ~ &.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+    };
+};
+declare const _default: {
+    input: import("theme-ui").ThemeUICSSObject;
+    label: import("theme-ui").ThemeUICSSObject;
+    checkbox: {
+        height: string;
+        width: string;
+        color: string;
+        mr: string;
+        'input ~ &.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+    };
+    comboBox: {
+        input: {
+            borderStyle: string;
+            borderWidth: string;
+            borderRadius: string;
+            height: string;
+        };
+    };
+    select: {
+        borderRadius: string;
+        borderColor: string;
+        color: string;
+        height: string;
+        '&.is-disabled': {
+            opacity: number;
+            borderColor: string;
+            backgroundColor: string;
+        };
+        currentValue: {
+            color: string;
+        };
+    };
+    radio: {
+        base: {
+            color: string;
+            mr: string;
+            'input ~ &.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+        };
+    };
+    search: {
+        wrapper: {
+            opacity: number;
+        };
+    };
+    numberField: {
+        arrowsWrapper: {
+            '> textarea': {
+                borderRadius: string;
+                border: string;
+                borderColor: string;
+                outline: string;
+            };
+            '&.is-disabled': {
+                '> label': {
+                    opacity: number;
+                };
+                opacity: number;
+                '> input': {
+                    backgroundColor: string;
+                    border: string;
+                    borderColor: string;
+                    opacity: number;
+                    fontWeight: number;
+                };
+                '> textarea': {
+                    backgroundColor: string;
+                    border: string;
+                    borderColor: string;
+                    opacity: number;
+                    fontWeight: number;
+                };
+                '&:after': {
+                    display: string;
+                };
+            };
+            '&:after': {
+                display: string;
+            };
+            '& > input': {
+                borderLeftWidth: number;
+            };
+            '> button': {
+                borderLeftWidth: number;
+                borderRadius: string;
+                border: string;
+                borderColor: string;
+            };
+            '&.is-read-only': {
+                '> input': {
+                    backgroundColor: string;
+                    border: string;
+                    borderColor: string;
+                };
+                '> textarea': {
+                    backgroundColor: string;
+                    border: string;
+                    borderColor: string;
+                };
+                '&:after': {
+                    display: string;
+                };
+            };
+            '&.is-focused': {
+                '> textarea': {
+                    boxShadow: string;
+                    outline: string;
+                };
+            };
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,89 @@
+"use strict";
+
+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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.select = exports.search = exports.radio = exports.numberField = exports["default"] = exports.comboBox = exports.checkbox = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _input = require("./variants/input");
+var _label = require("./variants/label");
+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 = {
+  height: '19.25px',
+  width: '19.25px',
+  color: 'text.secondary',
+  mr: '8px',
+  'input ~ &.is-focused': {
+    outline: '1px solid',
+    outlineColor: '#1a73e8',
+    outlineOffset: '-3px'
+  }
+};
+exports.checkbox = checkbox;
+var select = {
+  borderRadius: '4px',
+  borderColor: 'border.base',
+  color: 'text.primary',
+  height: '50px',
+  '&.is-disabled': {
+    opacity: 1,
+    borderColor: 'border.base',
+    backgroundColor: 'gray-100'
+  },
+  currentValue: {
+    color: 'text.primary'
+  }
+};
+exports.select = select;
+var search = {
+  wrapper: {
+    opacity: 1
+  }
+};
+exports.search = search;
+var comboBox = {
+  input: {
+    borderStyle: 'solid',
+    borderWidth: '1px',
+    borderRadius: '4px',
+    height: '50px'
+  }
+};
+exports.comboBox = comboBox;
+var numberField = {
+  arrowsWrapper: _objectSpread({}, _input.fieldControlWrapper)
+};
+exports.numberField = numberField;
+var radio = {
+  base: {
+    color: 'text.secondary',
+    mr: '8px',
+    'input ~ &.is-focused': {
+      outline: '1px solid',
+      outlineColor: '#1a73e8',
+      outlineOffset: '-3px'
+    }
+  }
+};
+exports.radio = radio;
+var _default = {
+  input: _input.input,
+  label: _label.label,
+  checkbox: checkbox,
+  comboBox: comboBox,
+  select: select,
+  radio: radio,
+  search: search,
+  numberField: numberField
+};
+exports["default"] = _default;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _nextGen["default"];
+  }
+});
+var _nextGen = _interopRequireDefault(require("./next-gen"));