@pingux/astro 2.164.0 → 2.164.1-alpha.0

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

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.select = exports.search = exports.radio = exports.numberField = exports["default"] = exports.comboBox = exports.checkbox = void 0;
+exports.timeField = exports.select = exports.search = exports.radio = exports.numberField = exports["default"] = exports.comboBox = exports.checkbox = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _safariAgent = require("../../safariAgent.js");
 var _colors = _interopRequireDefault(require("./colors/colors"));
@@ -99,6 +99,39 @@ var radio = exports.radio = {
     }
   }
 };
+var timeField = exports.timeField = {
+  inputField: _objectSpread(_objectSpread({}, _input.input), {}, {
+    color: 'font.base',
+    alignItems: 'center',
+    justifyContent: 'center',
+    lineHeight: 'body',
+    minWidth: '105px',
+    '&:focus-within:not(.is-read-only)': {
+      borderColor: 'focus',
+      outline: '1px solid',
+      outlineColor: 'focus',
+      outlineOffset: '0px'
+    },
+    '&.is-read-only': {
+      border: '1px solid',
+      borderColor: 'border.input',
+      backgroundColor: 'disabled'
+    },
+    '&.is-disabled': {
+      opacity: 1,
+      border: '1px solid',
+      borderColor: 'border.input',
+      backgroundColor: 'disabled'
+    }
+  }),
+  segment: {
+    px: '2px',
+    textTransform: 'uppercase',
+    '&:empty': {
+      px: 0
+    }
+  }
+};
 var _default = exports["default"] = {
   input: _input.input,
   label: _label.label,
@@ -108,5 +141,6 @@ var _default = exports["default"] = {
   radio: radio,
   search: search,
   "switch": _switch.switchable,
-  numberField: numberField
+  numberField: numberField,
+  timeField: timeField
 };