@pingux/astro 2.150.0-alpha.2 → 2.150.0

package/lib/cjs/components/Box/Box.js

@@ -26,7 +26,7 @@ var _styledSystem = require("styled-system");
 var _themeUi = require("theme-ui");
 var _hooks = require("../../hooks");
 var _react2 = require("@emotion/react");
-var _excluded = ["as", "flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx", "variant"];
+var _excluded = ["as", "flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx"];
 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; }
 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; }
@@ -36,7 +36,7 @@ var ExtendedBox = /*#__PURE__*/(0, _base["default"])(_themeUi.Box, process.env.N
 } : {
   target: "ejf9h0h0",
   label: "ExtendedBox"
-})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNvQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgZmxleGJveCwgbGF5b3V0LCB0eXBvZ3JhcGh5IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgeyBCb3ggYXMgVGhlbWVVSUJveCB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgdXNlUHJvcFdhcm5pbmcsIHVzZVN0YXR1c0NsYXNzZXMgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5pbXBvcnQgeyBCb3hQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuY29uc3QgRXh0ZW5kZWRCb3ggPSBzdHlsZWQoVGhlbWVVSUJveCkoXG4gIGxheW91dCxcbiAgZmxleGJveCxcbiAgdHlwb2dyYXBoeSxcbik7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEJveFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgYXMgPSAnZGl2JyxcbiAgICBmbGV4RGlyZWN0aW9uLFxuICAgIGdhcCxcbiAgICBpc1JvdyA9IGZhbHNlLFxuICAgIGlzRGlzYWJsZWQgPSBmYWxzZSxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsXG4gICAgdmFyaWFudCA9ICdib3guYmFzZScsXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgZmQgPSBmbGV4RGlyZWN0aW9uIHx8IGlzUm93ID8gJ3JvdycgOiAnY29sdW1uJztcbiAgY29uc3QgY3VzdG9tID0geyAuLi5zeCB9O1xuXG4gIGNvbnN0IHsgY2xhc3NOYW1lcyB9ID0gdXNlU3RhdHVzQ2xhc3NlcyhjbGFzc05hbWUsIHsgaXNEaXNhYmxlZCB9KTtcbiAgdXNlUHJvcFdhcm5pbmcocHJvcHMsICdkaXNhYmxlZCcsICdpc0Rpc2FibGVkJyk7XG5cbiAgaWYgKGdhcCkge1xuICAgIGN1c3RvbVsnJiA+ICogKyAqOm5vdCg6Zmlyc3Qtb2YtdHlwZTpub3Qoc3R5bGUpOm5vdCg6Zmlyc3Qtb2YtdHlwZSB+ICopKSddID0ge1xuICAgICAgW2ZkID09PSAncm93JyA/ICdtYXJnaW5MZWZ0JyA6ICdtYXJnaW5Ub3AnXTogZ2FwLFxuICAgIH07XG4gIH1cblxuICBjb25zdCBjdXN0b21Gb250U2l6ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG51bWVyaWNhbEZvbnRTaXplID0gdG9OdW1iZXIoZm9udFNpemUpO1xuICAgIGlmIChOdW1iZXIuaXNOYU4obnVtZXJpY2FsRm9udFNpemUpKSB7XG4gICAgICByZXR1cm4gZm9udFNpemU7XG4gICAgfVxuICAgIHJldHVybiBudW1lcmljYWxGb250U2l6ZTtcbiAgfSwgW2ZvbnRTaXplXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RXh0ZW5kZWRCb3hcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgZmxleERpcmVjdGlvbj17ZmR9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgZm9udFNpemU9e2N1c3RvbUZvbnRTaXplfVxuICAgICAgYXM9e2FzfVxuICAgICAgey4uLm90aGVyc31cbiAgICAgIHN4PXtjdXN0b219XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5Cb3guZGlzcGxheU5hbWUgPSAnQm94JztcblxuZXhwb3J0IGRlZmF1bHQgQm94O1xuIl19 */");
+})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNvQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgZmxleGJveCwgbGF5b3V0LCB0eXBvZ3JhcGh5IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgeyBCb3ggYXMgVGhlbWVVSUJveCB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgdXNlUHJvcFdhcm5pbmcsIHVzZVN0YXR1c0NsYXNzZXMgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5pbXBvcnQgeyBCb3hQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuY29uc3QgRXh0ZW5kZWRCb3ggPSBzdHlsZWQoVGhlbWVVSUJveCkoXG4gIGxheW91dCxcbiAgZmxleGJveCxcbiAgdHlwb2dyYXBoeSxcbik7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEJveFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgYXMgPSAnZGl2JyxcbiAgICBmbGV4RGlyZWN0aW9uLFxuICAgIGdhcCxcbiAgICBpc1JvdyA9IGZhbHNlLFxuICAgIGlzRGlzYWJsZWQgPSBmYWxzZSxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgZmQgPSBmbGV4RGlyZWN0aW9uIHx8IGlzUm93ID8gJ3JvdycgOiAnY29sdW1uJztcbiAgY29uc3QgY3VzdG9tID0geyAuLi5zeCB9O1xuXG4gIGNvbnN0IHsgY2xhc3NOYW1lcyB9ID0gdXNlU3RhdHVzQ2xhc3NlcyhjbGFzc05hbWUsIHsgaXNEaXNhYmxlZCB9KTtcbiAgdXNlUHJvcFdhcm5pbmcocHJvcHMsICdkaXNhYmxlZCcsICdpc0Rpc2FibGVkJyk7XG5cbiAgaWYgKGdhcCkge1xuICAgIGN1c3RvbVsnJiA+ICogKyAqOm5vdCg6Zmlyc3Qtb2YtdHlwZTpub3Qoc3R5bGUpOm5vdCg6Zmlyc3Qtb2YtdHlwZSB+ICopKSddID0ge1xuICAgICAgW2ZkID09PSAncm93JyA/ICdtYXJnaW5MZWZ0JyA6ICdtYXJnaW5Ub3AnXTogZ2FwLFxuICAgIH07XG4gIH1cblxuICBjb25zdCBjdXN0b21Gb250U2l6ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG51bWVyaWNhbEZvbnRTaXplID0gdG9OdW1iZXIoZm9udFNpemUpO1xuICAgIGlmIChOdW1iZXIuaXNOYU4obnVtZXJpY2FsRm9udFNpemUpKSB7XG4gICAgICByZXR1cm4gZm9udFNpemU7XG4gICAgfVxuICAgIHJldHVybiBudW1lcmljYWxGb250U2l6ZTtcbiAgfSwgW2ZvbnRTaXplXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RXh0ZW5kZWRCb3hcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgZmxleERpcmVjdGlvbj17ZmR9XG4gICAgICB2YXJpYW50PVwiYm94LmJhc2VcIlxuICAgICAgZm9udFNpemU9e2N1c3RvbUZvbnRTaXplfVxuICAgICAgYXM9e2FzfVxuICAgICAgey4uLm90aGVyc31cbiAgICAgIHN4PXtjdXN0b219XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5Cb3guZGlzcGxheU5hbWUgPSAnQm94JztcblxuZXhwb3J0IGRlZmF1bHQgQm94O1xuIl19 */");
 var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$as = props.as,
     as = _props$as === void 0 ? 'div' : _props$as,
@@ -49,8 +49,6 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className = props.className,
     fontSize = props.fontSize,
     sx = props.sx,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'box.base' : _props$variant,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var fd = flexDirection || isRow ? 'row' : 'column';
   var custom = _objectSpread({}, sx);
@@ -74,7 +72,7 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: ref,
     display: "flex",
     flexDirection: fd,
-    variant: variant,
+    variant: "box.base",
     fontSize: customFontSize,
     as: as
   }, others, {

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js

@@ -24,8 +24,7 @@ var IconButtonToggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     iconProps = props.iconProps,
     isToggled = props.isToggled,
     onToggle = props.onToggle,
-    title = props.title,
-    variant = props.variant;
+    title = props.title;
   var conditionalRenderProps = {
     ComponentToRenderIfTrue: toggledIcon,
     ComponentToRenderIfFalse: defaultIcon,
@@ -38,8 +37,7 @@ var IconButtonToggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   return (0, _react2.jsx)(_IconButton["default"], (0, _extends2["default"])({
     onPress: handleConditionChange,
     ref: ref,
-    title: title,
-    variant: variant
+    title: title
   }, buttonProps), (0, _react2.jsx)(_Icon["default"], (0, _extends2["default"])({
     icon: RenderedComponent
   }, iconProps)));

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

@@ -28,7 +28,7 @@ var astroBlacklistStory = {
   Loader: ['Circular', 'Custom Circular']
 };
 exports.astroBlacklistStory = astroBlacklistStory;
-var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input', 'Footer', 'Onyx Input Patterns'];
+var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input', 'Footer'];
 exports.nextGenOnlyComponents = nextGenOnlyComponents;
 var _default = nextGenConvertedComponents;
 exports["default"] = _default;

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

@@ -431,20 +431,8 @@ declare const _default: {
             backgroundColor: string;
             borderColor: string;
             color: string;
-            '&.is-focused': {
-                outlineColor: string;
-                backgroundColor: string;
-                outline: string;
-                outlineOffset: string;
-            };
-            '&.is-pressed': {
-                backgroundColor: string;
-                color: string;
-            };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                color: string;
             };
             alignItems: string;
             justifyContent: string;
@@ -468,6 +456,11 @@ declare const _default: {
             '&.is-disabled': {
                 opacity: number;
             };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
             transition: string;
         };
         inverse: {
@@ -1483,47 +1476,6 @@ declare const _default: {
                     outlineOffset: string;
                 };
             };
-            passwordVisibilityIcon: {
-                right: number;
-                padding: string;
-                border: string;
-                '&:hover, &.is-pressed': {
-                    background: string;
-                    boxShadow: string;
-                };
-                '&.is-focused': {
-                    outline: string;
-                    outlineOffset: string;
-                    outlineColor: string;
-                };
-                position: string;
-                top: string;
-                transform: string;
-                height: string;
-                width: string;
-                justifyContent: string;
-                path: {
-                    fill: string;
-                };
-                '&.is-hovered': {
-                    backgroundColor: string;
-                    path: {
-                        fill: string;
-                    };
-                };
-                '&.is-pressed': {
-                    backgroundColor: string;
-                    path: {
-                        fill: string;
-                    };
-                };
-                p: string;
-                transition: string;
-                outline: string;
-                borderRadius: string;
-                cursor: string;
-                boxShadow: string;
-            };
         };
         modalCloseButton: {
             position: string;
@@ -1623,59 +1575,6 @@ declare const _default: {
                 outline: string;
             };
         };
-        ButtonInputGroupContentRight: {
-            right: number;
-            padding: string;
-            borderRadius: string;
-            borderWidth: string;
-            borderLeftWidth: string;
-            borderRightWidth: string;
-            borderLeftColor: string;
-            position: string;
-            top: string;
-            transform: string;
-            height: string;
-            width: string;
-            justifyContent: string;
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-            '&.is-focused': {
-                outlineColor: string;
-                backgroundColor: string;
-                outline: string;
-                outlineOffset: string;
-            };
-            '&.is-pressed': {
-                backgroundColor: string;
-                color: string;
-            };
-            '&.is-hovered': {
-                boxShadow: string;
-                backgroundColor: string;
-                color: string;
-            };
-            alignItems: string;
-            flexShrink: number;
-            minWidth: string;
-            cursor: string;
-            display: string;
-            maxWidth: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            textAlign: string;
-            verticalAlign: string;
-            lineHeight: number;
-            border: string;
-            px: string;
-            py: string;
-            maxHeight: string;
-            '&.is-disabled': {
-                opacity: number;
-            };
-            transition: string;
-        };
     };
     forms: {
         input: import("theme-ui").ThemeUICSSObject;
@@ -3663,44 +3562,6 @@ declare const _default: {
                     boxShadow: string;
                 };
             };
-            inputDropDownContentLeft: {
-                left: number;
-                position: string;
-                top: string;
-                transform: string;
-                height: string;
-                width: string;
-                justifyContent: string;
-            };
-            inputGroupContentLeft: {
-                left: number;
-                borderRight: string;
-                position: string;
-                top: string;
-                transform: string;
-                height: string;
-                width: string;
-                justifyContent: string;
-            };
-            inputDropDownContentRight: {
-                right: number;
-                position: string;
-                top: string;
-                transform: string;
-                height: string;
-                width: string;
-                justifyContent: string;
-            };
-            inputGroupContentRight: {
-                right: number;
-                borderLeft: string;
-                position: string;
-                top: string;
-                transform: string;
-                height: string;
-                width: string;
-                justifyContent: string;
-            };
         };
         buttonBar: {
             container: {

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

@@ -139,20 +139,8 @@ declare const buttons: {
         backgroundColor: string;
         borderColor: string;
         color: string;
-        '&.is-focused': {
-            outlineColor: string;
-            backgroundColor: string;
-            outline: string;
-            outlineOffset: string;
-        };
-        '&.is-pressed': {
-            backgroundColor: string;
-            color: string;
-        };
         '&.is-hovered': {
             boxShadow: string;
-            backgroundColor: string;
-            color: string;
         };
         alignItems: string;
         justifyContent: string;
@@ -176,6 +164,11 @@ declare const buttons: {
         '&.is-disabled': {
             opacity: number;
         };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
         transition: string;
     };
     inverse: {
@@ -1191,47 +1184,6 @@ declare const buttons: {
                 outlineOffset: string;
             };
         };
-        passwordVisibilityIcon: {
-            right: number;
-            padding: string;
-            border: string;
-            '&:hover, &.is-pressed': {
-                background: string;
-                boxShadow: string;
-            };
-            '&.is-focused': {
-                outline: string;
-                outlineOffset: string;
-                outlineColor: string;
-            };
-            position: string;
-            top: string;
-            transform: string;
-            height: string;
-            width: string;
-            justifyContent: string;
-            path: {
-                fill: string;
-            };
-            '&.is-hovered': {
-                backgroundColor: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-pressed': {
-                backgroundColor: string;
-                path: {
-                    fill: string;
-                };
-            };
-            p: string;
-            transition: string;
-            outline: string;
-            borderRadius: string;
-            cursor: string;
-            boxShadow: string;
-        };
     };
     modalCloseButton: {
         position: string;
@@ -1331,58 +1283,5 @@ declare const buttons: {
             outline: string;
         };
     };
-    ButtonInputGroupContentRight: {
-        right: number;
-        padding: string;
-        borderRadius: string;
-        borderWidth: string;
-        borderLeftWidth: string;
-        borderRightWidth: string;
-        borderLeftColor: string;
-        position: string;
-        top: string;
-        transform: string;
-        height: string;
-        width: string;
-        justifyContent: string;
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-        '&.is-focused': {
-            outlineColor: string;
-            backgroundColor: string;
-            outline: string;
-            outlineOffset: string;
-        };
-        '&.is-pressed': {
-            backgroundColor: string;
-            color: string;
-        };
-        '&.is-hovered': {
-            boxShadow: string;
-            backgroundColor: string;
-            color: string;
-        };
-        alignItems: string;
-        flexShrink: number;
-        minWidth: string;
-        cursor: string;
-        display: string;
-        maxWidth: string;
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: number;
-        textAlign: string;
-        verticalAlign: string;
-        lineHeight: number;
-        border: string;
-        px: string;
-        py: string;
-        maxHeight: string;
-        '&.is-disabled': {
-            opacity: number;
-        };
-        transition: string;
-    };
 };
 export default buttons;

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

@@ -18,7 +18,6 @@ var _chromaJs = _interopRequireDefault(require("chroma-js"));
 var _codeView = require("../codeView/codeView");
 var _colors = _interopRequireDefault(require("../colors/colors"));
 var _tShirtSizes = _interopRequireDefault(require("../customProperties/tShirtSizes"));
-var _box = require("./box");
 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 primaryBlue = _colors["default"].primary,
@@ -118,19 +117,8 @@ var secondary = _objectSpread(_objectSpread({}, buttonBase), {}, {
 var tertiary = _objectSpread(_objectSpread({}, buttonBase), {}, {
   backgroundColor: 'transparent',
   borderColor: 'border.base',
-  color: 'font.base',
-  '&.is-focused': _objectSpread(_objectSpread({}, defaultFocus), {}, {
-    outlineColor: 'gray-700',
-    backgroundColor: 'background.secondary'
-  }),
-  '&.is-pressed': {
-    backgroundColor: 'background.secondary',
-    color: 'font.base'
-  },
-  '&.is-hovered': _objectSpread({
-    backgroundColor: 'background.secondary',
-    color: 'font.base'
-  }, boxShadowNone)
+  color: 'text.secondary',
+  '&.is-hovered': _objectSpread({}, boxShadowNone)
 });
 var outlineCritical = _objectSpread(_objectSpread({}, buttonBase), {}, {
   backgroundColor: 'transparent',
@@ -520,21 +508,7 @@ var iconButtons = {
       }
     }
   }),
-  hintButton: _objectSpread({}, hintButton),
-  passwordVisibilityIcon: _objectSpread(_objectSpread(_objectSpread({}, baseIconButton), _box.commonContentProps), {}, {
-    right: 0,
-    padding: '12px 20px',
-    border: '0px solid !important',
-    '&:hover, &.is-pressed': {
-      background: 'transparent',
-      boxShadow: 'none'
-    },
-    '&.is-focused': {
-      outline: '2px solid',
-      outlineOffset: '2px',
-      outlineColor: 'gray-700'
-    }
-  })
+  hintButton: _objectSpread({}, hintButton)
 };
 var listBoxLink = {
   color: 'active',
@@ -563,15 +537,6 @@ var listBoxLink = {
     }
   })
 };
-var ButtonInputGroupContentRight = _objectSpread(_objectSpread(_objectSpread({}, tertiary), _box.commonContentProps), {}, {
-  right: 0,
-  padding: '12px 20px',
-  borderRadius: '0px 4px 4px 0px !important',
-  borderWidth: '0px !important',
-  borderLeftWidth: '1px !important',
-  borderRightWidth: '1px !important',
-  borderLeftColor: 'gray-500'
-});
 var buttons = {
   neutral: neutral,
   primary: primary,
@@ -595,8 +560,7 @@ var buttons = {
   iconButtons: iconButtons,
   modalCloseButton: modalCloseButton,
   aiChat: aiChat,
-  paginationMenu: paginationMenu,
-  ButtonInputGroupContentRight: ButtonInputGroupContentRight
+  paginationMenu: paginationMenu
 };
 var _default = buttons;
 exports["default"] = _default;

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

@@ -201,25 +201,4 @@ input.promptInputAttachmentWrapper = {
   overflowY: 'hidden',
   whiteSpace: 'nowrap',
   px: '.75rem'
-};
-input.dropDownContentRight = {
-  background: 'inherit',
-  '& button': {
-    borderRadius: '0px 4px 4px 0px !important',
-    '&.is-focused': {
-      outline: '2px solid',
-      outlineOffset: '2px',
-      outlineColor: 'gray-700'
-    }
-  }
-};
-input.dropDownContentLeft = {
-  '& button': {
-    borderRadius: '4px 0px 0px 4px !important',
-    '&.is-focused': {
-      outline: '2px solid',
-      outlineOffset: '2px',
-      outlineColor: 'gray-700'
-    }
-  }
 };

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

@@ -168,44 +168,6 @@ declare const _default: {
                 boxShadow: string;
             };
         };
-        inputDropDownContentLeft: {
-            left: number;
-            position: string;
-            top: string;
-            transform: string;
-            height: string;
-            width: string;
-            justifyContent: string;
-        };
-        inputGroupContentLeft: {
-            left: number;
-            borderRight: string;
-            position: string;
-            top: string;
-            transform: string;
-            height: string;
-            width: string;
-            justifyContent: string;
-        };
-        inputDropDownContentRight: {
-            right: number;
-            position: string;
-            top: string;
-            transform: string;
-            height: string;
-            width: string;
-            justifyContent: string;
-        };
-        inputGroupContentRight: {
-            right: number;
-            borderLeft: string;
-            position: string;
-            top: string;
-            transform: string;
-            height: string;
-            width: string;
-            justifyContent: string;
-        };
     };
     buttonBar: {
         container: {

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

@@ -19,9 +19,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _Attachment = _interopRequireDefault(require("../../../../components/AIComponents/Attachment/Attachment.styles"));
 var _Skeleton = _interopRequireDefault(require("../../../../components/Skeleton/Skeleton.styles"));
 var _codeView = _interopRequireDefault(require("../codeView/codeView"));
+var _colors = _interopRequireDefault(require("../colors/colors"));
 var _accordion = _interopRequireDefault(require("./accordion"));
 var _avatar = require("./avatar");
-var _box = require("./box");
 var _button = _interopRequireWildcard(require("./button"));
 var _callout = _interopRequireDefault(require("./callout"));
 var _dataTable = require("./dataTable");
@@ -394,7 +394,21 @@ var _default = {
   attachment: _Attachment["default"],
   avatar: _avatar.avatar,
   breadcrumb: breadcrumb,
-  box: _box.box,
+  box: {
+    indeterminateCheckboxIcon: {
+      height: '19.25px',
+      width: '19.25px',
+      '&.is-disabled': {
+        '& rect[id="indeterminate-checkbox-icon-wrapper"]': {
+          fill: 'gray-500',
+          stroke: 'gray-500'
+        }
+      },
+      '&.is-focused': {
+        boxShadow: "inset 0px 0px 0px 1px ".concat(_colors["default"].focus)
+      }
+    }
+  },
   buttonBar: buttonBar,
   callout: _callout["default"],
   codeView: _codeView["default"],

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

@@ -17,6 +17,4 @@ export interface IconButtonToggleProps extends TestingAttributes {
     onToggle?: () => void;
     /** Content will be displayed in a tooltip on hover or focus. */
     title?: string;
-    /** The styling variation of the element. */
-    variant?: string;
 }

package/lib/components/Box/Box.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _styled from "@emotion/styled/base";
-var _excluded = ["as", "flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx", "variant"];
+var _excluded = ["as", "flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx"];
 import _Number$isNaN from "@babel/runtime-corejs3/core-js-stable/number/is-nan";
 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";
@@ -25,7 +25,7 @@ var ExtendedBox = /*#__PURE__*/_styled(ThemeUIBox, process.env.NODE_ENV === "pro
 } : {
   target: "ejf9h0h0",
   label: "ExtendedBox"
-})(layout, flexbox, typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgZmxleGJveCwgbGF5b3V0LCB0eXBvZ3JhcGh5IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgeyBCb3ggYXMgVGhlbWVVSUJveCB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgdXNlUHJvcFdhcm5pbmcsIHVzZVN0YXR1c0NsYXNzZXMgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5pbXBvcnQgeyBCb3hQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuY29uc3QgRXh0ZW5kZWRCb3ggPSBzdHlsZWQoVGhlbWVVSUJveCkoXG4gIGxheW91dCxcbiAgZmxleGJveCxcbiAgdHlwb2dyYXBoeSxcbik7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEJveFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgYXMgPSAnZGl2JyxcbiAgICBmbGV4RGlyZWN0aW9uLFxuICAgIGdhcCxcbiAgICBpc1JvdyA9IGZhbHNlLFxuICAgIGlzRGlzYWJsZWQgPSBmYWxzZSxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsXG4gICAgdmFyaWFudCA9ICdib3guYmFzZScsXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgZmQgPSBmbGV4RGlyZWN0aW9uIHx8IGlzUm93ID8gJ3JvdycgOiAnY29sdW1uJztcbiAgY29uc3QgY3VzdG9tID0geyAuLi5zeCB9O1xuXG4gIGNvbnN0IHsgY2xhc3NOYW1lcyB9ID0gdXNlU3RhdHVzQ2xhc3NlcyhjbGFzc05hbWUsIHsgaXNEaXNhYmxlZCB9KTtcbiAgdXNlUHJvcFdhcm5pbmcocHJvcHMsICdkaXNhYmxlZCcsICdpc0Rpc2FibGVkJyk7XG5cbiAgaWYgKGdhcCkge1xuICAgIGN1c3RvbVsnJiA+ICogKyAqOm5vdCg6Zmlyc3Qtb2YtdHlwZTpub3Qoc3R5bGUpOm5vdCg6Zmlyc3Qtb2YtdHlwZSB+ICopKSddID0ge1xuICAgICAgW2ZkID09PSAncm93JyA/ICdtYXJnaW5MZWZ0JyA6ICdtYXJnaW5Ub3AnXTogZ2FwLFxuICAgIH07XG4gIH1cblxuICBjb25zdCBjdXN0b21Gb250U2l6ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG51bWVyaWNhbEZvbnRTaXplID0gdG9OdW1iZXIoZm9udFNpemUpO1xuICAgIGlmIChOdW1iZXIuaXNOYU4obnVtZXJpY2FsRm9udFNpemUpKSB7XG4gICAgICByZXR1cm4gZm9udFNpemU7XG4gICAgfVxuICAgIHJldHVybiBudW1lcmljYWxGb250U2l6ZTtcbiAgfSwgW2ZvbnRTaXplXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RXh0ZW5kZWRCb3hcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgZmxleERpcmVjdGlvbj17ZmR9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgZm9udFNpemU9e2N1c3RvbUZvbnRTaXplfVxuICAgICAgYXM9e2FzfVxuICAgICAgey4uLm90aGVyc31cbiAgICAgIHN4PXtjdXN0b219XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5Cb3guZGlzcGxheU5hbWUgPSAnQm94JztcblxuZXhwb3J0IGRlZmF1bHQgQm94O1xuIl19 */");
+})(layout, flexbox, typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgZmxleGJveCwgbGF5b3V0LCB0eXBvZ3JhcGh5IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgeyBCb3ggYXMgVGhlbWVVSUJveCB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgdXNlUHJvcFdhcm5pbmcsIHVzZVN0YXR1c0NsYXNzZXMgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5pbXBvcnQgeyBCb3hQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuY29uc3QgRXh0ZW5kZWRCb3ggPSBzdHlsZWQoVGhlbWVVSUJveCkoXG4gIGxheW91dCxcbiAgZmxleGJveCxcbiAgdHlwb2dyYXBoeSxcbik7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEJveFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgYXMgPSAnZGl2JyxcbiAgICBmbGV4RGlyZWN0aW9uLFxuICAgIGdhcCxcbiAgICBpc1JvdyA9IGZhbHNlLFxuICAgIGlzRGlzYWJsZWQgPSBmYWxzZSxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgZmQgPSBmbGV4RGlyZWN0aW9uIHx8IGlzUm93ID8gJ3JvdycgOiAnY29sdW1uJztcbiAgY29uc3QgY3VzdG9tID0geyAuLi5zeCB9O1xuXG4gIGNvbnN0IHsgY2xhc3NOYW1lcyB9ID0gdXNlU3RhdHVzQ2xhc3NlcyhjbGFzc05hbWUsIHsgaXNEaXNhYmxlZCB9KTtcbiAgdXNlUHJvcFdhcm5pbmcocHJvcHMsICdkaXNhYmxlZCcsICdpc0Rpc2FibGVkJyk7XG5cbiAgaWYgKGdhcCkge1xuICAgIGN1c3RvbVsnJiA+ICogKyAqOm5vdCg6Zmlyc3Qtb2YtdHlwZTpub3Qoc3R5bGUpOm5vdCg6Zmlyc3Qtb2YtdHlwZSB+ICopKSddID0ge1xuICAgICAgW2ZkID09PSAncm93JyA/ICdtYXJnaW5MZWZ0JyA6ICdtYXJnaW5Ub3AnXTogZ2FwLFxuICAgIH07XG4gIH1cblxuICBjb25zdCBjdXN0b21Gb250U2l6ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG51bWVyaWNhbEZvbnRTaXplID0gdG9OdW1iZXIoZm9udFNpemUpO1xuICAgIGlmIChOdW1iZXIuaXNOYU4obnVtZXJpY2FsRm9udFNpemUpKSB7XG4gICAgICByZXR1cm4gZm9udFNpemU7XG4gICAgfVxuICAgIHJldHVybiBudW1lcmljYWxGb250U2l6ZTtcbiAgfSwgW2ZvbnRTaXplXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RXh0ZW5kZWRCb3hcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgZmxleERpcmVjdGlvbj17ZmR9XG4gICAgICB2YXJpYW50PVwiYm94LmJhc2VcIlxuICAgICAgZm9udFNpemU9e2N1c3RvbUZvbnRTaXplfVxuICAgICAgYXM9e2FzfVxuICAgICAgey4uLm90aGVyc31cbiAgICAgIHN4PXtjdXN0b219XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5Cb3guZGlzcGxheU5hbWUgPSAnQm94JztcblxuZXhwb3J0IGRlZmF1bHQgQm94O1xuIl19 */");
 var Box = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$as = props.as,
     as = _props$as === void 0 ? 'div' : _props$as,
@@ -38,8 +38,6 @@ var Box = /*#__PURE__*/forwardRef(function (props, ref) {
     className = props.className,
     fontSize = props.fontSize,
     sx = props.sx,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'box.base' : _props$variant,
     others = _objectWithoutProperties(props, _excluded);
   var fd = flexDirection || isRow ? 'row' : 'column';
   var custom = _objectSpread({}, sx);
@@ -63,7 +61,7 @@ var Box = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: ref,
     display: "flex",
     flexDirection: fd,
-    variant: variant,
+    variant: "box.base",
     fontSize: customFontSize,
     as: as
   }, others, {

package/lib/components/IconButtonToggle/IconButtonToggle.js

@@ -11,8 +11,7 @@ var IconButtonToggle = /*#__PURE__*/forwardRef(function (props, ref) {
     iconProps = props.iconProps,
     isToggled = props.isToggled,
     onToggle = props.onToggle,
-    title = props.title,
-    variant = props.variant;
+    title = props.title;
   var conditionalRenderProps = {
     ComponentToRenderIfTrue: toggledIcon,
     ComponentToRenderIfFalse: defaultIcon,
@@ -25,8 +24,7 @@ var IconButtonToggle = /*#__PURE__*/forwardRef(function (props, ref) {
   return ___EmotionJSX(IconButton, _extends({
     onPress: handleConditionChange,
     ref: ref,
-    title: title,
-    variant: variant
+    title: title
   }, buttonProps), ___EmotionJSX(Icon, _extends({
     icon: RenderedComponent
   }, iconProps)));

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

@@ -19,5 +19,5 @@ export var astroBlacklistStory = {
   Text: ['Onyx'],
   Loader: ['Circular', 'Custom Circular']
 };
-export var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input', 'Footer', 'Onyx Input Patterns'];
+export var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input', 'Footer'];
 export default nextGenConvertedComponents;