@dreamcommerce/aurora 3.0.0-31 → 3.0.0-32

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 (21) hide show
  1. package/build/cjs/packages/aurora/src/components/divider/divider.js +25 -13
  2. package/build/cjs/packages/aurora/src/components/divider/divider.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/divider/divider_constants.js +24 -0
  4. package/build/cjs/packages/aurora/src/components/divider/divider_constants.js.map +1 -0
  5. package/build/cjs/packages/aurora/src/components/divider/divider_variants.js +39 -4
  6. package/build/cjs/packages/aurora/src/components/divider/divider_variants.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/divider/divider.d.ts +2 -6
  8. package/build/esm/packages/aurora/src/components/divider/divider.js +25 -13
  9. package/build/esm/packages/aurora/src/components/divider/divider.js.map +1 -1
  10. package/build/esm/packages/aurora/src/components/divider/divider_constants.d.ts +15 -0
  11. package/build/esm/packages/aurora/src/components/divider/divider_constants.js +18 -0
  12. package/build/esm/packages/aurora/src/components/divider/divider_constants.js.map +1 -0
  13. package/build/esm/packages/aurora/src/components/divider/divider_types.d.ts +6 -3
  14. package/build/esm/packages/aurora/src/components/divider/divider_types.js +3 -0
  15. package/build/esm/packages/aurora/src/components/divider/divider_types.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/divider/divider_variants.d.ts +3 -2
  17. package/build/esm/packages/aurora/src/components/divider/divider_variants.js +39 -4
  18. package/build/esm/packages/aurora/src/components/divider/divider_variants.js.map +1 -1
  19. package/build/index.css +1 -1
  20. package/build/tailwind.config.js +3 -2
  21. package/package.json +7 -5
package/build/cjs/packages/aurora/src/components/divider/divider.js CHANGED
@@ -3,27 +3,39 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
7
  var cn = require('../../utilities/cn.js');
8
+ var divider_constants = require('./divider_constants.js');
7
9
  var divider_variants = require('./divider_variants.js');
10
+ var SeparatorPrimitive = require('@radix-ui/react-separator');
8
11
 
9
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
13
 
11
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
15
 
13
- var Divider = function Divider(_ref) {
14
- var _ref$as = _ref.as,
15
- as = _ref$as === void 0 ? 'hr' : _ref$as,
16
+ var _excluded = ["className", "orientation", "color", "thickness", "variant", "decorative"];
17
+ var Divider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
18
+ var className = _ref.className,
19
+ _ref$orientation = _ref.orientation,
20
+ orientation = _ref$orientation === void 0 ? divider_constants.DIVIDER_ORIENTATION.horizontal : _ref$orientation,
16
21
  color = _ref.color,
17
- thickness = _ref.thickness;
18
- return /*#__PURE__*/React__default['default'].createElement(as, {
19
- className: cn.cn(divider_variants.dividerVariants({
20
- color: color,
21
- thickness: thickness
22
- }), 'aurora-w-full'),
23
- role: 'separator',
24
- 'aria-orientation': 'horizontal'
25
- });
26
- };
22
+ thickness = _ref.thickness,
23
+ variant = _ref.variant,
24
+ _ref$decorative = _ref.decorative,
25
+ decorative = _ref$decorative === void 0 ? true : _ref$decorative,
26
+ props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
27
+ return /*#__PURE__*/React__default['default'].createElement(SeparatorPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
28
+ ref: ref,
29
+ decorative: decorative,
30
+ orientation: orientation,
31
+ className: cn.cn('aurora-shrink-0', divider_variants.dividerVariants({
32
+ variant: variant,
33
+ thickness: thickness,
34
+ orientation: orientation
35
+ }), className)
36
+ }, props));
37
+ });
38
+ Divider.displayName = 'Divider';
27
39
 
28
40
  exports.Divider = Divider;
29
41
  //# sourceMappingURL=divider.js.map
package/build/cjs/packages/aurora/src/components/divider/divider.js.map CHANGED
@@ -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;"}
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;"}
package/build/cjs/packages/aurora/src/components/divider/divider_constants.js ADDED
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var DIVIDER_ORIENTATION = {
6
+ horizontal: 'horizontal',
7
+ vertical: 'vertical'
8
+ };
9
+ var DIVIDER_THICKNESS = {
10
+ 1: '1',
11
+ 2: '2',
12
+ 4: '4',
13
+ 8: '8'
14
+ };
15
+ var DIVIDER_VARIANTS = {
16
+ subtle: 'subtle',
17
+ strong: 'strong',
18
+ transparent: 'transparent'
19
+ };
20
+
21
+ exports.DIVIDER_ORIENTATION = DIVIDER_ORIENTATION;
22
+ exports.DIVIDER_THICKNESS = DIVIDER_THICKNESS;
23
+ exports.DIVIDER_VARIANTS = DIVIDER_VARIANTS;
24
+ //# sourceMappingURL=divider_constants.js.map
package/build/cjs/packages/aurora/src/components/divider/divider_constants.js.map ADDED
@@ -0,0 +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;"}
package/build/cjs/packages/aurora/src/components/divider/divider_variants.js CHANGED
@@ -3,18 +3,53 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
- var css_border_color_tokens = require('../../constants/css_tokens/css_border_color_tokens.js');
7
6
  var css_border_width_tokens = require('../../constants/css_tokens/css_border_width_tokens.js');
8
7
  var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
8
+ var divider_constants = require('./divider_constants.js');
9
9
 
10
10
  var dividerVariants = index.cva('', {
11
11
  variants: {
12
- thickness: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['0'], 'aurora-border-0'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'], 'aurora-border-1'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['2'], 'aurora-border-2'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['4'], 'aurora-border-4'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['8'], 'aurora-border-8'),
13
- color: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.subtle, 'aurora-border-subtle'), css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.strong, 'aurora-border-strong'), css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.transparent, 'aurora-border-transparent')
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({}, 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
+ orientation: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_ORIENTATION.horizontal, ''), divider_constants.DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
14
15
  },
16
+ compoundVariants: [{
17
+ orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
18
+ thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
19
+ class: ['aurora-h-[1px]']
20
+ }, {
21
+ orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
22
+ thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['2'],
23
+ class: ['aurora-h-[2px]']
24
+ }, {
25
+ orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
26
+ thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['4'],
27
+ class: ['aurora-h-[4px]']
28
+ }, {
29
+ orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
30
+ thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['8'],
31
+ class: ['aurora-h-[8px]']
32
+ }, {
33
+ orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
34
+ thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
35
+ class: ['aurora-w-[1px]']
36
+ }, {
37
+ orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
38
+ thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['2'],
39
+ class: ['aurora-w-[2px]']
40
+ }, {
41
+ orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
42
+ thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['4'],
43
+ class: ['aurora-w-[4px]']
44
+ }, {
45
+ orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
46
+ thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['8'],
47
+ class: ['aurora-w-[8px]']
48
+ }],
15
49
  defaultVariants: {
16
50
  thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
17
- color: css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.subtle
51
+ variant: divider_constants.DIVIDER_VARIANTS.subtle,
52
+ orientation: divider_constants.DIVIDER_ORIENTATION.horizontal
18
53
  }
19
54
  });
20
55
 
package/build/cjs/packages/aurora/src/components/divider/divider_variants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;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,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/build/esm/packages/aurora/src/components/divider/divider.d.ts CHANGED
@@ -1,7 +1,3 @@
1
- import { TDividerProps } from "./divider_types";
2
1
  import React from 'react';
3
- export declare const Divider: ({ as, color, thickness }: TDividerProps) => React.ReactElement<{
4
- className: string;
5
- role: string;
6
- 'aria-orientation': string;
7
- }, string | React.JSXElementConstructor<any>>;
2
+ import { TDividerProps } from "./divider_types";
3
+ export declare const Divider: React.ForwardRefExoticComponent<TDividerProps & React.RefAttributes<HTMLDivElement>>;
package/build/esm/packages/aurora/src/components/divider/divider.js CHANGED
@@ -1,21 +1,33 @@
1
1
  import React from 'react';
2
+ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
3
  import { cn } from '../../utilities/cn.js';
4
+ import { DIVIDER_ORIENTATION } from './divider_constants.js';
3
5
  import { dividerVariants } from './divider_variants.js';
6
+ import { Root } from '@radix-ui/react-separator';
4
7
 
5
- var Divider = function Divider(_ref) {
6
- var _ref$as = _ref.as,
7
- as = _ref$as === void 0 ? 'hr' : _ref$as,
8
+ var _excluded = ["className", "orientation", "color", "thickness", "variant", "decorative"];
9
+ var Divider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
10
+ var className = _ref.className,
11
+ _ref$orientation = _ref.orientation,
12
+ orientation = _ref$orientation === void 0 ? DIVIDER_ORIENTATION.horizontal : _ref$orientation,
8
13
  color = _ref.color,
9
- thickness = _ref.thickness;
10
- return /*#__PURE__*/React.createElement(as, {
11
- className: cn(dividerVariants({
12
- color: color,
13
- thickness: thickness
14
- }), 'aurora-w-full'),
15
- role: 'separator',
16
- 'aria-orientation': 'horizontal'
17
- });
18
- };
14
+ thickness = _ref.thickness,
15
+ variant = _ref.variant,
16
+ _ref$decorative = _ref.decorative,
17
+ decorative = _ref$decorative === void 0 ? true : _ref$decorative,
18
+ props = _objectWithoutProperties(_ref, _excluded);
19
+ return /*#__PURE__*/React.createElement(Root, _objectSpread2({
20
+ ref: ref,
21
+ decorative: decorative,
22
+ orientation: orientation,
23
+ className: cn('aurora-shrink-0', dividerVariants({
24
+ variant: variant,
25
+ thickness: thickness,
26
+ orientation: orientation
27
+ }), className)
28
+ }, props));
29
+ });
30
+ Divider.displayName = 'Divider';
19
31
 
20
32
  export { Divider };
21
33
  //# sourceMappingURL=divider.js.map
package/build/esm/packages/aurora/src/components/divider/divider.js.map CHANGED
@@ -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;"}
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;"}
package/build/esm/packages/aurora/src/components/divider/divider_constants.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ export declare const DIVIDER_ORIENTATION: {
2
+ readonly horizontal: "horizontal";
3
+ readonly vertical: "vertical";
4
+ };
5
+ export declare const DIVIDER_THICKNESS: {
6
+ readonly 1: "1";
7
+ readonly 2: "2";
8
+ readonly 4: "4";
9
+ readonly 8: "8";
10
+ };
11
+ export declare const DIVIDER_VARIANTS: {
12
+ readonly subtle: "subtle";
13
+ readonly strong: "strong";
14
+ readonly transparent: "transparent";
15
+ };
package/build/esm/packages/aurora/src/components/divider/divider_constants.js ADDED
@@ -0,0 +1,18 @@
1
+ var DIVIDER_ORIENTATION = {
2
+ horizontal: 'horizontal',
3
+ vertical: 'vertical'
4
+ };
5
+ var DIVIDER_THICKNESS = {
6
+ 1: '1',
7
+ 2: '2',
8
+ 4: '4',
9
+ 8: '8'
10
+ };
11
+ var DIVIDER_VARIANTS = {
12
+ subtle: 'subtle',
13
+ strong: 'strong',
14
+ transparent: 'transparent'
15
+ };
16
+
17
+ export { DIVIDER_ORIENTATION, DIVIDER_THICKNESS, DIVIDER_VARIANTS };
18
+ //# sourceMappingURL=divider_constants.js.map
package/build/esm/packages/aurora/src/components/divider/divider_constants.js.map ADDED
@@ -0,0 +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;"}
package/build/esm/packages/aurora/src/components/divider/divider_types.d.ts CHANGED
@@ -1,5 +1,8 @@
1
1
  import type { VariantProps } from 'class-variance-authority';
2
2
  import { dividerVariants } from "./divider_variants";
3
- export declare type TDividerProps = {
4
- as?: string;
5
- } & VariantProps<typeof dividerVariants>;
3
+ import { SeparatorProps } from '@radix-ui/react-separator';
4
+ import { DIVIDER_ORIENTATION } from "./divider_constants";
5
+ import { Any } from 'ts-toolbelt';
6
+ export interface TDividerProps extends Omit<SeparatorProps, 'orientation'>, VariantProps<typeof dividerVariants> {
7
+ orientation?: Any.Keys<typeof DIVIDER_ORIENTATION>;
8
+ }
package/build/esm/packages/aurora/src/components/divider/divider_types.js CHANGED
@@ -1,2 +1,5 @@
1
1
  import '@auroraComponents/divider/divider_variants';
2
+ import '@radix-ui/react-separator';
3
+ import '@auroraComponents/divider/divider_constants';
4
+ import 'ts-toolbelt';
2
5
  //# sourceMappingURL=divider_types.js.map
package/build/esm/packages/aurora/src/components/divider/divider_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"divider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider_types.ts"],"names":[],"mappings":"AACA,OAAgC,4CAA4C,CAAC"}
1
+ {"version":3,"file":"divider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider_types.ts"],"names":[],"mappings":"AACA,OAAgC,4CAA4C,CAAC;AAC7E,OAA+B,2BAA2B,CAAC;AAC3D,OAAoC,6CAA6C,CAAC;AAClF,OAAoB,aAAa,CAAC"}
package/build/esm/packages/aurora/src/components/divider/divider_variants.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export declare const dividerVariants: (props?: ({
2
- thickness?: "0" | "1" | "2" | "4" | "8" | null | undefined;
3
- color?: "subtle" | "strong" | "transparent" | null | undefined;
2
+ thickness?: "1" | "2" | "4" | "8" | null | undefined;
3
+ variant?: "subtle" | "strong" | "transparent" | null | undefined;
4
+ orientation?: "horizontal" | "vertical" | null | undefined;
4
5
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
package/build/esm/packages/aurora/src/components/divider/divider_variants.js CHANGED
@@ -1,16 +1,51 @@
1
1
  import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import { CSS_BORDER_COLOR_TOKENS } from '../../constants/css_tokens/css_border_color_tokens.js';
3
2
  import { CSS_BORDER_WIDTH_TOKENS } from '../../constants/css_tokens/css_border_width_tokens.js';
4
3
  import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
4
+ import { DIVIDER_THICKNESS, DIVIDER_VARIANTS, DIVIDER_ORIENTATION } from './divider_constants.js';
5
5
 
6
6
  var dividerVariants = cva('', {
7
7
  variants: {
8
- thickness: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CSS_BORDER_WIDTH_TOKENS['0'], 'aurora-border-0'), CSS_BORDER_WIDTH_TOKENS['1'], 'aurora-border-1'), CSS_BORDER_WIDTH_TOKENS['2'], 'aurora-border-2'), CSS_BORDER_WIDTH_TOKENS['4'], 'aurora-border-4'), CSS_BORDER_WIDTH_TOKENS['8'], 'aurora-border-8'),
9
- color: _defineProperty(_defineProperty(_defineProperty({}, CSS_BORDER_COLOR_TOKENS.subtle, 'aurora-border-subtle'), CSS_BORDER_COLOR_TOKENS.strong, 'aurora-border-strong'), CSS_BORDER_COLOR_TOKENS.transparent, 'aurora-border-transparent')
8
+ thickness: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DIVIDER_THICKNESS['1'], ''), DIVIDER_THICKNESS['2'], ''), DIVIDER_THICKNESS['4'], ''), DIVIDER_THICKNESS['8'], ''),
9
+ variant: _defineProperty(_defineProperty(_defineProperty({}, DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), DIVIDER_VARIANTS.strong, 'aurora-bg--neutral-500'), DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
10
+ orientation: _defineProperty(_defineProperty({}, DIVIDER_ORIENTATION.horizontal, ''), DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
10
11
  },
12
+ compoundVariants: [{
13
+ orientation: DIVIDER_ORIENTATION.horizontal,
14
+ thickness: CSS_BORDER_WIDTH_TOKENS['1'],
15
+ class: ['aurora-h-[1px]']
16
+ }, {
17
+ orientation: DIVIDER_ORIENTATION.horizontal,
18
+ thickness: CSS_BORDER_WIDTH_TOKENS['2'],
19
+ class: ['aurora-h-[2px]']
20
+ }, {
21
+ orientation: DIVIDER_ORIENTATION.horizontal,
22
+ thickness: CSS_BORDER_WIDTH_TOKENS['4'],
23
+ class: ['aurora-h-[4px]']
24
+ }, {
25
+ orientation: DIVIDER_ORIENTATION.horizontal,
26
+ thickness: CSS_BORDER_WIDTH_TOKENS['8'],
27
+ class: ['aurora-h-[8px]']
28
+ }, {
29
+ orientation: DIVIDER_ORIENTATION.vertical,
30
+ thickness: CSS_BORDER_WIDTH_TOKENS['1'],
31
+ class: ['aurora-w-[1px]']
32
+ }, {
33
+ orientation: DIVIDER_ORIENTATION.vertical,
34
+ thickness: CSS_BORDER_WIDTH_TOKENS['2'],
35
+ class: ['aurora-w-[2px]']
36
+ }, {
37
+ orientation: DIVIDER_ORIENTATION.vertical,
38
+ thickness: CSS_BORDER_WIDTH_TOKENS['4'],
39
+ class: ['aurora-w-[4px]']
40
+ }, {
41
+ orientation: DIVIDER_ORIENTATION.vertical,
42
+ thickness: CSS_BORDER_WIDTH_TOKENS['8'],
43
+ class: ['aurora-w-[8px]']
44
+ }],
11
45
  defaultVariants: {
12
46
  thickness: CSS_BORDER_WIDTH_TOKENS['1'],
13
- color: CSS_BORDER_COLOR_TOKENS.subtle
47
+ variant: DIVIDER_VARIANTS.subtle,
48
+ orientation: DIVIDER_ORIENTATION.horizontal
14
49
  }
15
50
  });
16
51
 
package/build/esm/packages/aurora/src/components/divider/divider_variants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;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,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}