@pingux/astro 2.173.0 → 2.174.0-alpha.0

package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.js

@@ -21,12 +21,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/hel
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
+var _onyxTokens = require("@pingux/onyx-tokens");
 var _recharts = require("recharts");
 var _useResizeObserver2 = _interopRequireDefault(require("use-resize-observer"));
 var _hooks = require("../../../../hooks");
 var _index = require("../../../../index");
 var _colors = require("../../../../styles/colors");
-var _colorTokens = require("../../../../styles/themes/next-gen/tokens/colorTokens");
 var _ListViewItemChartAttributes = require("./ListViewItemChartAttributes");
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -133,7 +133,7 @@ var ListViewItemChart = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
     type: "monotone",
     dataKey: chartDataKey,
     dot: false,
-    stroke: isOnyxDark ? _colorTokens.nextGenColors['gray-100'] : _colors.neutral[20]
+    stroke: isOnyxDark ? _onyxTokens.astroTokens.color.gray[100] : _colors.neutral[20]
   })))), (0, _react2.jsx)(_index.Text, {
     variant: "variants.lisViewItemChart.chartLabel"
   }, chartLabel)), (0, _react2.jsx)(_index.Box, {

package/lib/cjs/components/RockerButton/RockerButton.js

@@ -56,16 +56,18 @@ var RockerButton = exports.RockerButton = /*#__PURE__*/(0, _react.forwardRef)(fu
     isSelected = _useToggleButtonGroup.isSelected,
     isRaDisabled = _useToggleButtonGroup.isDisabled,
     isPressed = _useToggleButtonGroup.isPressed;
+  var _useFocusRing = (0, _reactAria.useFocusRing)(),
+    isFocusVisible = _useFocusRing.isFocusVisible,
+    focusProps = _useFocusRing.focusProps;
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
       isHovered: isHovered,
       isPressed: isPressed,
       isDisabled: isRaDisabled,
-      isSelected: isSelected
+      isSelected: isSelected,
+      isFocused: isFocusVisible
     }),
     classNames = _useStatusClasses.classNames;
-  return (0, _react2.jsx)(_reactAria.FocusRing, {
-    focusRingClass: "is-focused"
-  }, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     as: "button",
     isRow: true,
     className: classNames,
@@ -80,6 +82,6 @@ var RockerButton = exports.RockerButton = /*#__PURE__*/(0, _react.forwardRef)(fu
         bg: (0, _colors.getDarkerColor)(backgroundHexColor, 0.4)
       }
     }
-  }, (0, _utils.mergeProps)(hoverProps, rockerButtonProps)), children || name));
+  }, (0, _utils.mergeProps)(hoverProps, rockerButtonProps), focusProps), children || name);
 });
 var _default = exports["default"] = RockerButton;

package/lib/cjs/components/RockerButton/RockerButton.styles.js

@@ -55,7 +55,7 @@ var thumbSwitch = _objectSpread(_objectSpread({}, _Buttons.base), {}, {
       }
     }
   },
-  '&.is-focused': _objectSpread({}, _Buttons.defaultFocus),
+  '&.is-focused:focus': _objectSpread({}, _Buttons.defaultFocus),
   '&.is-hovered': {
     bg: 'white'
   },

package/lib/cjs/{components → libs/astro/src/components}/RockerButton/RockerButton.styles.d.ts

@@ -37,7 +37,7 @@ declare const _default: {
                 };
             };
         };
-        '&.is-focused': {
+        '&.is-focused:focus': {
             outline: string;
             outlineColor: string;
             outlineOffset: string;

package/lib/cjs/{styles → libs/astro/src/styles}/themeOverrides/nextGenDarkMode/variants/forms.d.ts

@@ -1,10 +1,10 @@
 export declare const select: {
     backgroundColor: string;
-    borderRadius: string;
+    borderRadius: number;
     border: string;
     borderColor: string;
     color: string;
-    height: string;
+    height: number;
     '&.is-disabled': {
         opacity: number;
         borderColor: string;
@@ -59,11 +59,11 @@ declare const _default: {
             };
         };
         backgroundColor: string;
-        borderRadius: string;
+        borderRadius: number;
         border: string;
         borderColor: string;
         color: string;
-        height: string;
+        height: number;
         '&.is-disabled': {
             opacity: number;
             borderColor: string;

package/lib/cjs/{styles → libs/astro/src/styles}/themes/next-gen/forms.d.ts

@@ -8,10 +8,10 @@ export declare const checkbox: {
     };
 };
 export declare const select: {
-    borderRadius: string;
+    borderRadius: number;
     borderColor: string;
     color: string;
-    height: string;
+    height: number;
     '&.is-disabled': {
         opacity: number;
         borderColor: string;
@@ -45,7 +45,7 @@ export declare const comboBox: {
     input: {
         borderStyle: string;
         borderWidth: string;
-        borderRadius: string;
+        borderRadius: number;
         height: string;
     };
     button: {
@@ -55,7 +55,7 @@ export declare const comboBox: {
 export declare const numberField: {
     arrowsWrapper: {
         '> textarea': {
-            borderRadius: string;
+            borderRadius: number;
             border: string;
             borderColor: string;
             outline: string;
@@ -91,7 +91,7 @@ export declare const numberField: {
         };
         '> button': {
             borderLeftWidth: number;
-            borderRadius: string;
+            borderRadius: number;
             border: string;
             borderColor: string;
         };
@@ -1066,7 +1066,7 @@ declare const _default: {
         input: {
             borderStyle: string;
             borderWidth: string;
-            borderRadius: string;
+            borderRadius: number;
             height: string;
         };
         button: {
@@ -1074,10 +1074,10 @@ declare const _default: {
         };
     };
     select: {
-        borderRadius: string;
+        borderRadius: number;
         borderColor: string;
         color: string;
-        height: string;
+        height: number;
         '&.is-disabled': {
             opacity: number;
             borderColor: string;
@@ -1173,7 +1173,7 @@ declare const _default: {
     numberField: {
         arrowsWrapper: {
             '> textarea': {
-                borderRadius: string;
+                borderRadius: number;
                 border: string;
                 borderColor: string;
                 outline: string;
@@ -1209,7 +1209,7 @@ declare const _default: {
             };
             '> button': {
                 borderLeftWidth: number;
-                borderRadius: string;
+                borderRadius: number;
                 border: string;
                 borderColor: string;
             };