@cube-dev/ui-kit 0.22.7 → 0.23.0

package/es/tasty/utils/filterBaseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/getDisplayName.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/mergeStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/modAttrs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/responsive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/string.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 
@@ -49,7 +49,7 @@ const TOKENS = {
     'border-width': '1px',
     radius: '4px',
     'leaf-sharp-radius': '0px',
-    transition: '120ms',
+    transition: '80ms',
     'clear-color': 'transparent',
     'border-color': color('dark', 0.1),
     'shadow-color': color('dark-03', 0.1),

package/es/type-checks.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/ResizeSensor.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/modules.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/promise.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/random.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/range.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.7
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.22.7",
+  "version": "0.23.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -14,9 +14,12 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.0.1",
+    "@internationalized/date": "^3.3.0",
     "@react-aria/button": "3.6.4",
+    "@react-aria/calendar": "^3.4.0",
     "@react-aria/checkbox": "3.7.1",
     "@react-aria/combobox": "3.4.4",
+    "@react-aria/datepicker": "^3.5.0",
     "@react-aria/dialog": "3.4.2",
     "@react-aria/focus": "3.10.1",
     "@react-aria/i18n": "3.7.2",
@@ -38,9 +41,11 @@
     "@react-aria/utils": "3.14.2",
     "@react-aria/visually-hidden": "3.6.1",
     "@react-spectrum/utils": "3.8.1",
+    "@react-stately/calendar": "^3.3.0",
     "@react-stately/checkbox": "3.3.2",
     "@react-stately/collections": "3.5.1",
     "@react-stately/combobox": "3.3.1",
+    "@react-stately/datepicker": "^3.5.0",
     "@react-stately/list": "3.6.1",
     "@react-stately/menu": "3.4.4",
     "@react-stately/numberfield": "3.3.1",
@@ -55,8 +60,10 @@
     "@react-stately/tree": "3.4.1",
     "@react-stately/utils": "3.5.2",
     "@react-types/button": "3.7.0",
+    "@react-types/calendar": "^3.3.0",
     "@react-types/checkbox": "3.4.1",
     "@react-types/combobox": "3.5.5",
+    "@react-types/datepicker": "^3.4.0",
     "@react-types/dialog": "3.4.5",
     "@react-types/menu": "3.7.3",
     "@react-types/numberfield": "3.3.5",

package/types/components/forms/DatePicker/DateInput.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+import { AriaDateFieldProps, DateValue } from '@react-types/datepicker';
+import { FocusableRef } from '@react-types/shared';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
+import { FieldBaseProps, ValidationState } from '../../../shared';
+export interface CubeDateInputProps<T extends DateValue = DateValue> extends AriaDateFieldProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
+    wrapperStyles?: Styles;
+    inputStyles?: Styles;
+    styles?: Styles;
+    size?: 'small' | 'medium' | 'large' | (string & {});
+    validationState?: ValidationState;
+}
+/**
+ * DateInputs allow users to enter and edit date and time values using a keyboard.
+ * Each part of a date value is displayed in an individually editable segment.
+ */
+declare const _DateInput: <T extends DateValue>(props: CubeDateInputProps<T> & {
+    ref?: FocusableRef<HTMLElement> | undefined;
+}) => ReactElement;
+export { _DateInput as DateInput };

package/types/components/forms/DatePicker/DateInputBase.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ContainerStyleProps, Props, Styles } from '../../../tasty';
+import { ValidationState } from '../../../shared';
+interface CubeDateAtomInputProps extends ContainerStyleProps {
+    isDisabled?: boolean;
+    children?: React.ReactNode;
+    fieldProps?: Props;
+    style?: React.CSSProperties;
+    disableFocusRing?: boolean;
+    autoFocus?: boolean;
+    styles?: Styles;
+    inputStyles?: Styles;
+    size?: 'small' | 'medium' | 'large' | (string & {});
+    validationState?: ValidationState;
+    isLoading?: boolean;
+}
+declare const _DateInputBase: React.ForwardRefExoticComponent<CubeDateAtomInputProps & React.RefAttributes<unknown>>;
+export { _DateInputBase as DateInputBase };

package/types/components/forms/DatePicker/DatePicker.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { AriaDatePickerProps, DateValue } from '@react-types/datepicker';
+import { FocusableRef } from '@react-types/shared';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
+import { FieldBaseProps, ValidationState } from '../../../shared';
+export interface CubeDatePickerProps<T extends DateValue = DateValue> extends AriaDatePickerProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
+    wrapperStyles?: Styles;
+    inputStyles?: Styles;
+    triggerStyles?: Styles;
+    styles?: Styles;
+    size?: 'small' | 'medium' | 'large' | (string & {});
+    validationState?: ValidationState;
+    maxVisibleMonths?: number;
+    shouldFlip?: boolean;
+}
+declare const _DatePicker: <T extends DateValue>(props: CubeDatePickerProps<T> & {
+    ref?: FocusableRef<HTMLElement> | undefined;
+}) => ReactElement;
+export { _DatePicker as DatePicker };