@dreamcommerce/aurora 3.1.61-3 → 3.1.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/build/cjs/packages/aurora/src/components/divider/divider_variants.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/input/input.js +7 -10
  3. package/build/cjs/packages/aurora/src/components/input/input.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/input/input_variants.js +11 -1
  5. package/build/cjs/packages/aurora/src/components/input/input_variants.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/slider/components/slider_input.js +1 -0
  7. package/build/cjs/packages/aurora/src/components/slider/components/slider_input.js.map +1 -1
  8. package/build/esm/packages/aurora/src/components/divider/divider_variants.js +1 -1
  9. package/build/esm/packages/aurora/src/components/input/input.js +7 -10
  10. package/build/esm/packages/aurora/src/components/input/input.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/input/input_types.d.ts +2 -4
  12. package/build/esm/packages/aurora/src/components/input/input_types.js +1 -1
  13. package/build/esm/packages/aurora/src/components/input/input_types.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/input/input_variants.d.ts +3 -1
  15. package/build/esm/packages/aurora/src/components/input/input_variants.js +11 -1
  16. package/build/esm/packages/aurora/src/components/input/input_variants.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/slider/components/slider_input.js +1 -0
  18. package/build/esm/packages/aurora/src/components/slider/components/slider_input.js.map +1 -1
  19. package/package.json +1 -1
@@ -10,7 +10,7 @@ var divider_constants = require('./divider_constants.js');
10
10
  var dividerVariants = index.cva('', {
11
11
  variants: {
12
12
  thickness: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_THICKNESS['1'], ''), divider_constants.DIVIDER_THICKNESS['2'], ''), divider_constants.DIVIDER_THICKNESS['4'], ''), divider_constants.DIVIDER_THICKNESS['8'], ''),
13
- variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_VARIANTS.default, "aurora-bg-neutral-200"), divider_constants.DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), divider_constants.DIVIDER_VARIANTS.strong, 'aurora-bg--neutral-500'), divider_constants.DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
13
+ variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_VARIANTS.default, "aurora-bg-neutral-200"), divider_constants.DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), divider_constants.DIVIDER_VARIANTS.strong, 'aurora-bg-neutral-500'), divider_constants.DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
14
14
  orientation: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_ORIENTATION.horizontal, 'aurora-w-full'), divider_constants.DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
15
15
  },
16
16
  compoundVariants: [{
@@ -11,13 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- var _excluded = ["preElement", "postElement", "errors", "className", "inputClassName", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "height", "fontSize", "onChange", "onKeyDown", "onKeyUp"];
14
+ var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "inputSize", "onChange", "onKeyDown", "onKeyUp"];
15
15
  var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
16
16
  var preElement = _ref.preElement,
17
17
  postElement = _ref.postElement,
18
18
  errors = _ref.errors,
19
19
  className = _ref.className,
20
- inputClassName = _ref.inputClassName,
21
20
  id = _ref.id,
22
21
  name = _ref.name,
23
22
  value = _ref.value,
@@ -28,8 +27,8 @@ var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
28
27
  readOnly = _ref.readOnly,
29
28
  type = _ref.type,
30
29
  hasCursorPointer = _ref.hasCursorPointer,
31
- height = _ref.height,
32
- fontSize = _ref.fontSize,
30
+ _ref$inputSize = _ref.inputSize,
31
+ inputSize = _ref$inputSize === void 0 ? 'md' : _ref$inputSize,
33
32
  onChange = _ref.onChange,
34
33
  onKeyDown = _ref.onKeyDown,
35
34
  onKeyUp = _ref.onKeyUp,
@@ -55,13 +54,11 @@ var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
55
54
  onKeyDown: onKeyDown,
56
55
  onKeyUp: onKeyUp,
57
56
  type: type,
58
- className: cn.cn(input_variants.inputElementVariants(), {
57
+ className: cn.cn(input_variants.inputElementVariants({
58
+ inputSize: inputSize
59
+ }), {
59
60
  'aurora-cursor-pointer': hasCursorPointer
60
- }, inputClassName),
61
- style: {
62
- height: height,
63
- fontSize: fontSize
64
- }
61
+ })
65
62
  })), postElement && /*#__PURE__*/React__default['default'].createElement("div", {
66
63
  className: "aurora-flex aurora-h-full aurora-right-0 aurora-pr-2 aurora-items-center"
67
64
  }, postElement));
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -5,7 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
6
6
 
7
7
  var inputVariants = index.cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
8
- var inputElementVariants = index.cva('aurora-w-full aurora-h-10 focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6');
8
+ var inputElementVariants = index.cva('aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6', {
9
+ variants: {
10
+ inputSize: {
11
+ sm: 'aurora-h-6',
12
+ md: 'aurora-h-10'
13
+ }
14
+ },
15
+ defaultVariants: {
16
+ inputSize: 'md'
17
+ }
18
+ });
9
19
 
10
20
  exports.inputElementVariants = inputElementVariants;
11
21
  exports.inputVariants = inputVariants;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -86,6 +86,7 @@ var SliderInput = function SliderInput(_ref) {
86
86
  onBlur: handleBlur,
87
87
  onKeyDown: handleKeyDown,
88
88
  disabled: disabled,
89
+ inputSize: "md",
89
90
  postElement: postElement,
90
91
  className: "aurora-w-28 aurora-shrink-0"
91
92
  });
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -6,7 +6,7 @@ import { DIVIDER_THICKNESS, DIVIDER_VARIANTS, DIVIDER_ORIENTATION } from './divi
6
6
  var dividerVariants = cva('', {
7
7
  variants: {
8
8
  thickness: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DIVIDER_THICKNESS['1'], ''), DIVIDER_THICKNESS['2'], ''), DIVIDER_THICKNESS['4'], ''), DIVIDER_THICKNESS['8'], ''),
9
- variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DIVIDER_VARIANTS.default, "aurora-bg-neutral-200"), DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), DIVIDER_VARIANTS.strong, 'aurora-bg--neutral-500'), DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
9
+ variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DIVIDER_VARIANTS.default, "aurora-bg-neutral-200"), DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), DIVIDER_VARIANTS.strong, 'aurora-bg-neutral-500'), DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
10
10
  orientation: _defineProperty(_defineProperty({}, DIVIDER_ORIENTATION.horizontal, 'aurora-w-full'), DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
11
11
  },
12
12
  compoundVariants: [{
@@ -3,13 +3,12 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
3
3
  import { cn } from '../../utilities/cn.js';
4
4
  import { inputVariants, inputElementVariants } from './input_variants.js';
5
5
 
6
- var _excluded = ["preElement", "postElement", "errors", "className", "inputClassName", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "height", "fontSize", "onChange", "onKeyDown", "onKeyUp"];
6
+ var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "inputSize", "onChange", "onKeyDown", "onKeyUp"];
7
7
  var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
8
8
  var preElement = _ref.preElement,
9
9
  postElement = _ref.postElement,
10
10
  errors = _ref.errors,
11
11
  className = _ref.className,
12
- inputClassName = _ref.inputClassName,
13
12
  id = _ref.id,
14
13
  name = _ref.name,
15
14
  value = _ref.value,
@@ -20,8 +19,8 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
20
19
  readOnly = _ref.readOnly,
21
20
  type = _ref.type,
22
21
  hasCursorPointer = _ref.hasCursorPointer,
23
- height = _ref.height,
24
- fontSize = _ref.fontSize,
22
+ _ref$inputSize = _ref.inputSize,
23
+ inputSize = _ref$inputSize === void 0 ? 'md' : _ref$inputSize,
25
24
  onChange = _ref.onChange,
26
25
  onKeyDown = _ref.onKeyDown,
27
26
  onKeyUp = _ref.onKeyUp,
@@ -47,13 +46,11 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
47
46
  onKeyDown: onKeyDown,
48
47
  onKeyUp: onKeyUp,
49
48
  type: type,
50
- className: cn(inputElementVariants(), {
49
+ className: cn(inputElementVariants({
50
+ inputSize: inputSize
51
+ }), {
51
52
  'aurora-cursor-pointer': hasCursorPointer
52
- }, inputClassName),
53
- style: {
54
- height: height,
55
- fontSize: fontSize
56
- }
53
+ })
57
54
  })), postElement && /*#__PURE__*/React__default.createElement("div", {
58
55
  className: "aurora-flex aurora-h-full aurora-right-0 aurora-pr-2 aurora-items-center"
59
56
  }, postElement));
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  export interface TInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
3
  preElement?: React.ReactNode;
4
4
  postElement?: React.ReactNode;
@@ -6,7 +6,5 @@ export interface TInputProps extends React.InputHTMLAttributes<HTMLInputElement>
6
6
  hasCursorPointer?: boolean;
7
7
  colorName?: string;
8
8
  primary?: boolean;
9
- height?: React.CSSProperties['height'];
10
- fontSize?: React.CSSProperties['fontSize'];
11
- inputClassName?: string;
9
+ inputSize?: 'sm' | 'md';
12
10
  }
@@ -1,2 +1,2 @@
1
- import 'react';
1
+ export {};
2
2
  //# sourceMappingURL=input_types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input_types.js","sourceRoot":"","sources":["../../../../../../../src/components/input/input_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}
1
+ {"version":3,"file":"input_types.js","sourceRoot":"","sources":["../../../../../../../src/components/input/input_types.ts"],"names":[],"mappings":""}
@@ -1,2 +1,4 @@
1
1
  export declare const inputVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
2
- export declare const inputElementVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
2
+ export declare const inputElementVariants: (props?: ({
3
+ inputSize?: "sm" | "md" | null | undefined;
4
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -1,7 +1,17 @@
1
1
  import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
2
2
 
3
3
  var inputVariants = cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
4
- var inputElementVariants = cva('aurora-w-full aurora-h-10 focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6');
4
+ var inputElementVariants = cva('aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6', {
5
+ variants: {
6
+ inputSize: {
7
+ sm: 'aurora-h-6',
8
+ md: 'aurora-h-10'
9
+ }
10
+ },
11
+ defaultVariants: {
12
+ inputSize: 'md'
13
+ }
14
+ });
5
15
 
6
16
  export { inputElementVariants, inputVariants };
7
17
  //# sourceMappingURL=input_variants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -78,6 +78,7 @@ var SliderInput = function SliderInput(_ref) {
78
78
  onBlur: handleBlur,
79
79
  onKeyDown: handleKeyDown,
80
80
  disabled: disabled,
81
+ inputSize: "md",
81
82
  postElement: postElement,
82
83
  className: "aurora-w-28 aurora-shrink-0"
83
84
  });
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "3.1.61-3",
5
+ "version": "3.1.62",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",