@pingux/astro 2.193.1-alpha.0 → 2.194.0-alpha.0

package/lib/styles/themeOverrides/onyxUiLibraryOverride.js

@@ -0,0 +1,210 @@
+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";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { astroTokens } from '@pingux/onyx-tokens';
+import theme from '../themes/next-gen';
+var buttons = {
+  critical: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.critical), theme.buttons.defaultHover)
+  },
+  danger: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.danger), theme.buttons.defaultHover)
+  },
+  success: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.success), theme.buttons.defaultHover)
+  },
+  "default": {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons["default"]), theme.buttons.defaultHover),
+    '&:focus': _objectSpread({}, theme.buttons.defaultHover)
+  },
+  inline: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.inline), theme.buttons.defaultHover)
+  },
+  inlinePrimary: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.inlinePrimary), theme.buttons.defaultHover)
+  },
+  text: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.text), theme.buttons.defaultHover)
+  },
+  inverted: _objectSpread(_objectSpread({}, theme.buttons.inverted), {}, {
+    ':focus': {
+      border: 'none'
+    }
+  }),
+  primary: {
+    '&:hover': _objectSpread({}, theme.buttons.primary)
+  },
+  link: {
+    'body &': theme.buttons.link,
+    'body &:hover': theme.buttons.link,
+    '&:not(.disabled):hover': {
+      color: 'active',
+      borderColor: 'transparent'
+    }
+  },
+  iconButtons: _objectSpread(_objectSpread({}, theme.buttons.iconButtons), {}, {
+    base: _objectSpread(_objectSpread({}, theme.buttons.iconButtons.base), {}, {
+      ':focus': _objectSpread(_objectSpread({}, theme.buttons.defaultFocus), {}, {
+        border: 'none'
+      })
+    }),
+    inverted: _objectSpread(_objectSpread({}, theme.buttons.iconButtons.inverted), {}, {
+      ':focus': {
+        border: 'none'
+      }
+    }),
+    datePicker: {
+      containedIcon: {
+        '&:not(.disabled):hover': {
+          border: 'none'
+        },
+        '&:focus': {
+          border: 'none'
+        }
+      }
+    }
+  }),
+  // not sure what this references/
+  filter: {
+    '&:not(.disabled):hover': {
+      borderColor: 'accent.40',
+      color: 'accent.40'
+    }
+  }
+};
+var forms = {
+  input: {
+    '&[type=password]': {
+      backgroundColor: 'white !important',
+      borderColor: '#caced3 !important'
+    },
+    '&[type=password]:focus': {
+      borderColor: "".concat(astroTokens.color.blue[500], " !important")
+    },
+    numberField: _objectSpread(_objectSpread(_objectSpread({}, theme.input), theme.numberFieldStyles), {}, {
+      '&[type=text]': _objectSpread(_objectSpread({}, theme.text.inputValue), {}, {
+        backgroundColor: 'white',
+        borderColor: astroTokens.color.input.border
+      }),
+      '&[type=text]:focus': {
+        outline: '1px solid',
+        outlineColor: "".concat(astroTokens.color.blue[500]),
+        outlineOffset: '0px',
+        borderColor: "".concat(astroTokens.color.blue[500], " !important")
+      }
+    })
+  },
+  select: {
+    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.text.inputValue), {}, {
+      borderColor: astroTokens.color.input.border
+    })
+  },
+  search: {
+    wrapper: {
+      '& input[type=search]': _objectSpread(_objectSpread({}, theme.text.inputValue), {}, {
+        borderColor: astroTokens.color.input.border,
+        fontSize: '15px',
+        bg: 'white',
+        '::placeholder': _objectSpread(_objectSpread({}, theme.text.placeholder), {}, {
+          fontStyle: 'unset',
+          fontSize: '15px'
+        })
+      }),
+      '& input[type=search]:focus': {
+        outline: '1px solid',
+        outlineColor: astroTokens.color.blue[500],
+        outlineOffset: '0px',
+        borderColor: "".concat(astroTokens.color.blue[500], " !important")
+      }
+    }
+  },
+  label: {
+    'body &': {
+      textTransform: 'none'
+    },
+    checkbox: {
+      textTransform: 'none'
+    }
+  }
+};
+var links = {
+  app: {
+    '&:hover': _objectSpread({}, theme.links.app)
+  },
+  skip: {
+    '&:hover': {
+      color: 'white',
+      textDecoration: 'none',
+      '&:focus': {
+        outline: '2px solid',
+        outlineColor: 'active',
+        color: 'white',
+        textDecoration: 'none'
+      }
+    },
+    '&:visited': {
+      color: 'white',
+      textDecoration: 'none'
+    },
+    '&.is-pressed': {
+      color: 'white',
+      textDecoration: 'none'
+    }
+  },
+  pingLogo: {
+    '&:hover': {
+      '&.is-focused': {
+        outline: '2px solid',
+        outlineColor: 'active',
+        outlineOffset: '-2px'
+      }
+    }
+  }
+};
+var variants = {
+  accordion: {
+    header: _objectSpread(_objectSpread({}, theme.variants.accordion.header), {}, {
+      '&:not(.disabled):hover': _objectSpread(_objectSpread({}, theme.buttons.defaultHover), {}, {
+        color: 'active'
+      }),
+      '&:focus': _objectSpread(_objectSpread({}, theme.buttons.defaultFocus), {}, {
+        border: 'none'
+      })
+    })
+  },
+  rockerButton: {
+    thumbSwitch: _objectSpread(_objectSpread({}, theme.variants.rockerButton.thumbSwitch), {}, {
+      ':focus': {
+        border: 'none'
+      },
+      '&.is-selected:hover': {
+        color: 'black'
+      },
+      ':not(.is-selected):hover': {
+        color: 'black'
+      }
+    })
+  },
+  environmentBreadcrumb: {
+    button: {
+      current: {
+        '&:hover:not(.disabled)': _objectSpread({}, theme.variants.environmentBreadcrumb.button.current),
+        '&:focus': _objectSpread({}, theme.variants.environmentBreadcrumb.button.current)
+      }
+    }
+  }
+};
+export default {
+  buttons: buttons,
+  forms: forms,
+  links: links,
+  variants: variants
+};

package/package.json

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