@pingux/astro 2.35.0 → 2.36.0-alpha.0

package/lib/cjs/hooks/useColumnStyles/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useColumnStyles';

package/lib/cjs/hooks/useColumnStyles/useColumnStyles.d.ts

@@ -0,0 +1,11 @@
+export type LabelMode = 'default' | 'float' | 'left';
+interface UseColumnStylesProps {
+    labelMode: LabelMode;
+}
+interface LabelStyleProps {
+    sx: {
+        gridTemplateColumns: string;
+    };
+}
+declare const useColumnStyles: ({ labelMode }: UseColumnStylesProps) => LabelStyleProps;
+export default useColumnStyles;

package/lib/cjs/hooks/useColumnStyles/useColumnStyles.js

@@ -10,13 +10,17 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/hel
 var _react = require("react");
 var useColumnStyles = function useColumnStyles(_ref) {
   var labelMode = _ref.labelMode;
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)({
+      sx: {
+        gridTemplateColumns: ''
+      }
+    }),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     labelStyleProps = _useState2[0],
-    setlabelStyleProps = _useState2[1];
+    setLabelStyleProps = _useState2[1];
   (0, _react.useEffect)(function () {
     if (labelMode === 'left') {
-      setlabelStyleProps({
+      setLabelStyleProps({
         sx: {
           gridTemplateColumns: '40% auto'
         }

package/lib/cjs/hooks/useField/useField.d.ts

@@ -118,6 +118,8 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         variant?: string | undefined;
         as?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
         style?: string | import("react").CSSProperties | undefined;
+        float?: import("theme-ui").StylePropertyValue<import("csstype").Property.Float | undefined>;
+        left?: import("theme-ui").StylePropertyValue<import("csstype").Property.Left<string | number> | undefined>;
         grid?: import("theme-ui").StylePropertyValue<import("csstype").Property.Grid | undefined>;
         accentColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.AccentColor | undefined>;
         alignContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignContent | undefined>;
@@ -228,7 +230,6 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         flexGrow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexGrow | undefined>;
         flexShrink?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexShrink | undefined>;
         flexWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexWrap | undefined>;
-        float?: import("theme-ui").StylePropertyValue<import("csstype").Property.Float | undefined>;
         fontFamily?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontFamily | undefined>;
         fontFeatureSettings?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontFeatureSettings | undefined>;
         fontKerning?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontKerning | undefined>;
@@ -281,7 +282,6 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         justifyItems?: import("theme-ui").StylePropertyValue<import("csstype").Property.JustifyItems | undefined>;
         justifySelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.JustifySelf | undefined>;
         justifyTracks?: import("theme-ui").StylePropertyValue<import("csstype").Property.JustifyTracks | undefined>;
-        left?: import("theme-ui").StylePropertyValue<import("csstype").Property.Left<string | number> | undefined>;
         letterSpacing?: import("theme-ui").StylePropertyValue<import("csstype").Property.LetterSpacing<string | number> | undefined>;
         lineBreak?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineBreak | undefined>;
         lineHeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineHeight<string | number> | undefined>;
@@ -1050,7 +1050,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         onTransitionEndCapture?: import("react").TransitionEventHandler<import("../../types").FocusableElement> | undefined;
     };
     fieldLabelProps: {
-        labelMode?: "float" | "left" | "default" | undefined;
+        labelMode?: "default" | "float" | "left" | undefined;
         statusClasses?: {
             [className: string]: boolean;
         } | undefined;
@@ -1365,7 +1365,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         isRequired: boolean | undefined;
         mode: string | undefined;
     } | {
-        labelMode?: "float" | "left" | "default" | undefined;
+        labelMode?: "default" | "float" | "left" | undefined;
         statusClasses?: {
             [className: string]: boolean;
         } | undefined;

package/lib/cjs/hooks/useSelectField/useSelectField.d.ts

@@ -4,6 +4,7 @@ import { SelectState } from 'react-stately';
 import { CollectionChildren } from '@react-types/shared';
 import { LabelProps as ThemeUILabelProps } from 'theme-ui';
 import { Axis, BoxProps, FocusableElement, PlacementAxis, ReactRef, StyleProps } from '../../types';
+import { LabelMode } from '../useColumnStyles/useColumnStyles';
 import { FieldControlInputProps } from '../useField/useField';
 interface UseSelectFieldProps<T> {
     children: CollectionChildren<T>;
@@ -34,7 +35,7 @@ interface UseSelectFieldProps<T> {
     listBoxProps?: BoxProps;
     labelProps?: ThemeUILabelProps;
     containerProps?: BoxProps;
-    labelMode: 'default' | 'float' | 'left';
+    labelMode: LabelMode;
 }
 interface UseSelectFieldReturnProps {
     columnStyleProps: StyleProps;

package/lib/hooks/useColumnStyles/useColumnStyles.js

@@ -2,13 +2,17 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import { useEffect, useState } from 'react';
 var useColumnStyles = function useColumnStyles(_ref) {
   var labelMode = _ref.labelMode;
-  var _useState = useState(false),
+  var _useState = useState({
+      sx: {
+        gridTemplateColumns: ''
+      }
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     labelStyleProps = _useState2[0],
-    setlabelStyleProps = _useState2[1];
+    setLabelStyleProps = _useState2[1];
   useEffect(function () {
     if (labelMode === 'left') {
-      setlabelStyleProps({
+      setLabelStyleProps({
         sx: {
           gridTemplateColumns: '40% auto'
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.35.0",
+  "version": "2.36.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",