@pingux/astro 2.91.0 → 2.92.0-alpha.0

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/message.d.ts

@@ -0,0 +1,52 @@
+export declare const message: {
+    item: {
+        backgroundColor: string;
+        color: string;
+        '> span': {
+            color: string;
+        };
+        '&.is-success': {
+            bg: string;
+            borderLeftColor: string;
+            color: string;
+        };
+        '&.is-success, > .is-success': {
+            bg: string;
+            color: string;
+        };
+        '&.is-warning': {
+            bg: string;
+            borderLeftColor: string;
+            color: string;
+        };
+        '&.is-warning, > .is-warning': {
+            bg: string;
+            color: string;
+        };
+        '&.is-error, > .is-error': {
+            bg: string;
+            color: string;
+        };
+        '&.is-error, > button > svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-warning, > button > svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-success, > button > svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-error': {
+            borderLeftColor: string;
+        };
+    };
+};

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/message.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.message = void 0;
+var message = {
+  item: {
+    backgroundColor: 'background.secondary',
+    color: 'white !important',
+    '> span': {
+      color: 'text.message'
+    },
+    '&.is-success': {
+      bg: 'background.secondary',
+      borderLeftColor: 'green-500',
+      color: 'text.message'
+    },
+    '&.is-success, > .is-success': {
+      bg: 'background.secondary',
+      color: 'text.message'
+    },
+    '&.is-warning': {
+      bg: 'background.secondary',
+      borderLeftColor: 'yellow-500',
+      color: 'text.message'
+    },
+    '&.is-warning, > .is-warning': {
+      bg: 'background.secondary',
+      color: 'text.message'
+    },
+    '&.is-error, > .is-error': {
+      bg: 'background.secondary',
+      color: 'text.message'
+    },
+    '&.is-error, > button > svg': {
+      color: 'white !important',
+      path: {
+        fill: 'white !important'
+      }
+    },
+    '&.is-warning, > button > svg': {
+      color: 'white !important',
+      path: {
+        fill: 'text.message'
+      }
+    },
+    '&.is-success, > button > svg': {
+      color: 'white !important',
+      path: {
+        fill: 'text.message'
+      }
+    },
+    '&.is-error': {
+      borderLeftColor: 'red-500'
+    }
+  }
+};
+exports.message = message;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/navbar.d.ts

@@ -0,0 +1,132 @@
+export declare const navBar: {
+    container: {
+        width: string;
+        p: string;
+        backgroundColor: string;
+        boxShadow: string;
+    };
+    sectionButton: {
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        '&.is-pressed': {
+            backgroundColor: string;
+            color: string;
+            fontFamily: string;
+            '> div > span': {
+                color: string;
+            };
+            '> div > svg': {
+                fill: string;
+            };
+        };
+        '&.is-hovered': {
+            '> div': {
+                backgroundColor: string;
+            };
+        };
+    };
+    itemButton: {
+        color: string;
+        fontFamily: string;
+        '&.is-selected': {
+            backgroundColor: string;
+            color: string;
+            '> div > span': {
+                color: string;
+            };
+            '> div > svg': {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+        };
+        '&.is-pressed': {
+            backgroundColor: string;
+            color: string;
+        };
+    };
+    subtitle: {
+        fontFamily: string;
+        color: string;
+    };
+    headerText: {
+        color: string;
+        fontFamily: string;
+        '.is-selected &': {
+            color: string;
+        };
+    };
+    headerNav: {
+        color: string;
+        fontFamily: string;
+        '&.is-hovered': {
+            backgroundColor: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            WebkitBoxShadow: string;
+            MozBoxShadow: string;
+        };
+    };
+    item: {
+        px: string;
+        py: string;
+        color: string;
+        fontFamily: string;
+        '&.is-hovered': {
+            backgroundColor: string;
+        };
+        '> div > svg': {
+            fill: string;
+        };
+        '&.is-selected': {
+            '> div > svg': {
+                fill: string;
+            };
+            backgroundColor: string;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+            boxShadow: string;
+            WebkitBoxShadow: string;
+            MozBoxShadow: string;
+        };
+        '&.is-pressed': {
+            backgroundColor: string;
+            '> div > span': {
+                color: string;
+            };
+            '> div > svg': {
+                fill: string;
+            };
+        };
+    };
+    itemHeaderContainer: {
+        px: string;
+        py: string;
+        backgroundColor: string;
+        '> svg': {
+            fill: string;
+        };
+        '> div > svg': {
+            fill: string;
+        };
+        '&.is-selected': {
+            '> svg': {
+                fill: string;
+            };
+            backgroundColor: string;
+        };
+    };
+};

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/navbar.js

@@ -0,0 +1,149 @@
+"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.navBar = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+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 navBarFocus = {
+  outline: '2px solid',
+  outlineColor: 'active',
+  outlineOffset: '-2px'
+};
+var navBarSelected = {
+  backgroundColor: 'background.hover'
+};
+var navBar = {
+  container: {
+    width: '252px',
+    p: 'sm',
+    backgroundColor: 'background.base',
+    boxShadow: '0 .5rem 1rem rgba(0, 0, 0, .15)'
+  },
+  sectionButton: {
+    '&.is-focused': _objectSpread({}, navBarFocus),
+    '&.is-pressed': {
+      backgroundColor: 'background.hover',
+      color: 'white',
+      fontFamily: 'standard',
+      '> div > span': {
+        color: 'white'
+      },
+      '> div > svg': {
+        fill: 'white'
+      }
+    },
+    '&.is-hovered': {
+      '> div': {
+        backgroundColor: 'background.hover'
+      }
+    }
+  },
+  itemButton: {
+    color: 'text.primary',
+    fontFamily: 'standard',
+    '&.is-selected': {
+      backgroundColor: 'background.hover',
+      color: 'white',
+      '> div > span': {
+        color: 'white'
+      },
+      '> div > svg': {
+        fill: 'white'
+      }
+    },
+    '&.is-focused': _objectSpread({}, navBarFocus),
+    '&.is-hovered': {
+      backgroundColor: 'background.hover'
+    },
+    '&.is-pressed': {
+      backgroundColor: 'background.hover',
+      color: 'white'
+    }
+  },
+  subtitle: {
+    fontFamily: 'standard',
+    color: 'text.primary'
+  },
+  headerText: {
+    color: 'text.primary',
+    fontFamily: 'standard',
+    '.is-selected &': {
+      color: 'white'
+    }
+  },
+  headerNav: {
+    color: 'text.primary',
+    fontFamily: 'standard',
+    '&.is-hovered': {
+      backgroundColor: 'light'
+    },
+    '&.is-focused': {
+      boxShadow: 'none',
+      WebkitBoxShadow: 'none',
+      MozBoxShadow: 'none'
+    }
+  },
+  item: {
+    px: '1rem',
+    py: '.75rem',
+    color: 'magenta !important',
+    fontFamily: 'standard',
+    '&.is-hovered': {
+      backgroundColor: 'background.hover'
+    },
+    '> div > svg': {
+      fill: 'text.primary'
+    },
+    '&.is-selected': _objectSpread(_objectSpread({}, navBarSelected), {}, {
+      '> div > svg': {
+        fill: 'white'
+      }
+    }),
+    '&.is-focused': {
+      outline: '2px solid',
+      outlineColor: 'active',
+      outlineOffset: '-2px',
+      boxShadow: 'none',
+      WebkitBoxShadow: 'none',
+      MozBoxShadow: 'none'
+    },
+    '&.is-pressed': {
+      backgroundColor: 'background.hover',
+      '> div > span': {
+        color: 'white'
+      },
+      '> div > svg': {
+        fill: 'white'
+      }
+    }
+  },
+  itemHeaderContainer: {
+    px: '1rem',
+    py: '.75rem',
+    backgroundColor: 'transparent',
+    '> svg': {
+      fill: 'text.primary'
+    },
+    '> div > svg': {
+      fill: 'text.primary'
+    },
+    '&.is-selected': _objectSpread(_objectSpread({}, navBarSelected), {}, {
+      '> svg': {
+        fill: 'white'
+      }
+    })
+  }
+};
+exports.navBar = navBar;