@pingux/astro 2.164.0 → 2.164.1-alpha.0

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

@@ -39,7 +39,7 @@ var inputField = _objectSpread(_objectSpread({}, _Input.input), {}, {
 var segment = {
   '&:focus-visible': {
     outline: '1px solid',
-    outlineColor: 'active',
+    outlineColor: 'focus',
     borderRadius: 4
   }
 };

package/lib/cjs/components/TimeField/TimeSegment.js

@@ -10,6 +10,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _trim = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/trim"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _datepicker = require("@react-aria/datepicker");
@@ -55,6 +56,6 @@ var TimeSegment = function TimeSegment(props) {
     ref: ref,
     variant: "forms.timeField.segment",
     onKeyUp: handleKeyEvents
-  }), text);
+  }), (0, _trim["default"])(text).call(text));
 };
 var _default = exports["default"] = TimeSegment;

package/lib/cjs/components/TimeField/stories/OnyxTimeField.d.ts

@@ -0,0 +1,2 @@
+declare const OnyxTimeField: () => import("react/jsx-runtime").JSX.Element;
+export default OnyxTimeField;

package/lib/cjs/components/TimeField/stories/OnyxTimeField.js

@@ -0,0 +1,39 @@
+"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
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _react2 = require("@emotion/react");
+var OnyxTimeField = function OnyxTimeField() {
+  return (0, _react2.jsx)(_.Box, {
+    gap: "md",
+    p: "md"
+  }, (0, _react2.jsx)(_.TimeField, {
+    "aria-label": "timeField-default"
+  }), (0, _react2.jsx)(_.TimeField, {
+    "aria-label": "timeField-default",
+    defaultValue: "12:30",
+    hourCycle: 12,
+    granularity: "second"
+  }), (0, _react2.jsx)(_.TimeField, {
+    "aria-label": "timeField-default",
+    isDisabled: true
+  }), (0, _react2.jsx)(_.TimeField, {
+    "aria-label": "timeField-default",
+    isReadOnly: true
+  }), (0, _react2.jsx)(_.TimeField, {
+    "aria-label": "timeField-default",
+    isRequired: true,
+    label: "Lorem Ipsum"
+  }), (0, _react2.jsx)(_.TimeField, {
+    "aria-label": "timeField-default",
+    defaultValue: "12:30",
+    isInvalid: true
+  }));
+};
+var _default = exports["default"] = OnyxTimeField;

package/lib/cjs/components/TimeField/stories/TimeFieldOnyx.chromatic.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/TimeField/stories/TimeFieldOnyx.chromatic.stories.js

@@ -0,0 +1,20 @@
+"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
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _OnyxTimeField = _interopRequireDefault(require("./OnyxTimeField"));
+var _react2 = require("@emotion/react");
+var _default = exports["default"] = {
+  title: 'Onyx TimeField'
+};
+var Default = exports.Default = function Default() {
+  return (0, _react2.jsx)(_.AstroProvider, {
+    theme: _.OnyxTheme
+  }, (0, _react2.jsx)(_OnyxTimeField["default"], null));
+};

package/lib/cjs/components/TimeField/stories/TimeFieldOnyxDark.chromatic.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/TimeField/stories/TimeFieldOnyxDark.chromatic.stories.js

@@ -0,0 +1,20 @@
+"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
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _OnyxTimeField = _interopRequireDefault(require("./OnyxTimeField"));
+var _react2 = require("@emotion/react");
+var _default = exports["default"] = {
+  title: 'Onyx Dark TimeField'
+};
+var Default = exports.Default = function Default() {
+  return (0, _react2.jsx)(_.AstroProvider, {
+    theme: _.OnyxDarkTheme
+  }, (0, _react2.jsx)(_OnyxTimeField["default"], null));
+};

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

@@ -33,6 +33,7 @@ declare const _default: {
         };
     };
     label: {
+        color: string;
         radioGroup: {
             color: string;
         };

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

@@ -42,6 +42,7 @@ var checkbox = exports.checkbox = {
   color: 'text.primary'
 };
 var label = {
+  color: 'gray-100',
   radioGroup: {
     color: 'white'
   },

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

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nextGenOnlyComponents = exports["default"] = exports.componentSpecificNextGenBlacklist = exports.astroBlacklistStory = void 0;
-var nextGenConvertedComponents = ['AccordionGridGroup', 'AccordionGroup', 'ArrayField', 'AstroProvider', 'Avatar', 'Badge', 'Base Components', 'Breadcrumbs', 'Button', 'ButtonBar', 'Callout', 'Card', 'CheckboxField', 'CodeView', 'ColorField', 'ComboBoxField', 'CopyText', 'DataTable', 'EnvironmentBreadcrumb', 'GridList', 'HelpHint', 'Icon', 'IconBadge', 'IconButton', 'IconWrapper', 'ImageUploadField', 'Loader', 'Link', 'LinkSelectField', 'ListView', 'ListViewItem', 'Message', 'Messages', 'Modal', 'MultiValuesField', 'MultivaluesField', 'NavBar', 'NavigationHeader', 'NextGen ListViewItem', 'NumberField', 'OverlayPanel', 'PageHeader', 'Pagination', 'PanelHeader', 'PasswordField', 'PopoverMenu', 'ProgressBar', 'RadioField', 'RadioGroupField', 'RangeCalendar', 'RequirementsList', 'RockerButtonGroup', 'SearchField', 'SearchNav', 'SelectField', 'Skeleton', 'SliderField', 'Stepper', 'Sticker Sheet', 'SwitchField', 'StatusIcon', 'Table', 'TableBase', 'Tabs', 'Text', 'TextAreaField', 'TextField', 'TooltipTrigger', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField', 'ServerErrorBoundary', 'Avatar', 'Box'];
+var nextGenConvertedComponents = ['AccordionGridGroup', 'AccordionGroup', 'ArrayField', 'AstroProvider', 'Avatar', 'Badge', 'Base Components', 'Breadcrumbs', 'Button', 'ButtonBar', 'Callout', 'Card', 'CheckboxField', 'CodeView', 'ColorField', 'ComboBoxField', 'CopyText', 'DataTable', 'EnvironmentBreadcrumb', 'GridList', 'HelpHint', 'Icon', 'IconBadge', 'IconButton', 'IconWrapper', 'ImageUploadField', 'Loader', 'Link', 'LinkSelectField', 'ListView', 'ListViewItem', 'Message', 'Messages', 'Modal', 'MultiValuesField', 'MultivaluesField', 'NavBar', 'NavigationHeader', 'NextGen ListViewItem', 'NumberField', 'OverlayPanel', 'PageHeader', 'Pagination', 'PanelHeader', 'PasswordField', 'PopoverMenu', 'ProgressBar', 'RadioField', 'RadioGroupField', 'RangeCalendar', 'RequirementsList', 'RockerButtonGroup', 'SearchField', 'SearchNav', 'SelectField', 'Skeleton', 'SliderField', 'Stepper', 'Sticker Sheet', 'SwitchField', 'StatusIcon', 'Table', 'TableBase', 'Tabs', 'Text', 'TextAreaField', 'TextField', 'TooltipTrigger', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField', 'ServerErrorBoundary', 'Avatar', 'Box', 'TimeField'];
 var componentSpecificNextGenBlacklist = exports.componentSpecificNextGenBlacklist = {
   AstroProvider: ['Default', 'With Custom Theme Override'],
   Messages: ['Customization'],