@dreamcommerce/aurora 3.0.0-30 → 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 (32) hide show
  1. package/build/cjs/packages/aurora/src/components/action_list/components/action_list_radio_group.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js +9 -3
  3. package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/divider/divider.js +25 -13
  5. package/build/cjs/packages/aurora/src/components/divider/divider.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/divider/divider_constants.js +24 -0
  7. package/build/cjs/packages/aurora/src/components/divider/divider_constants.js.map +1 -0
  8. package/build/cjs/packages/aurora/src/components/divider/divider_variants.js +39 -4
  9. package/build/cjs/packages/aurora/src/components/divider/divider_variants.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
  11. package/build/cjs/packages/aurora/src/components/tabs/components/tabs_trigger.js +1 -1
  12. package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_group.js +2 -2
  13. package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.d.ts +1 -0
  14. package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js +9 -3
  15. package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/divider/divider.d.ts +2 -6
  17. package/build/esm/packages/aurora/src/components/divider/divider.js +25 -13
  18. package/build/esm/packages/aurora/src/components/divider/divider.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/divider/divider_constants.d.ts +15 -0
  20. package/build/esm/packages/aurora/src/components/divider/divider_constants.js +18 -0
  21. package/build/esm/packages/aurora/src/components/divider/divider_constants.js.map +1 -0
  22. package/build/esm/packages/aurora/src/components/divider/divider_types.d.ts +6 -3
  23. package/build/esm/packages/aurora/src/components/divider/divider_types.js +3 -0
  24. package/build/esm/packages/aurora/src/components/divider/divider_types.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/divider/divider_variants.d.ts +3 -2
  26. package/build/esm/packages/aurora/src/components/divider/divider_variants.js +39 -4
  27. package/build/esm/packages/aurora/src/components/divider/divider_variants.js.map +1 -1
  28. package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
  29. package/build/esm/packages/aurora/src/components/tabs/components/tabs_trigger.js +1 -1
  30. package/build/index.css +1 -1
  31. package/build/tailwind.config.js +3 -2
  32. package/package.json +7 -5
package/build/cjs/packages/aurora/src/components/action_list/components/action_list_radio_group.js CHANGED
@@ -16,7 +16,7 @@ var ActionListRadioGroup = /*#__PURE__*/React__default['default'].forwardRef(fun
16
16
  var className = _ref.className,
17
17
  inset = _ref.inset,
18
18
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
19
- return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Group, _rollupPluginBabelHelpers.objectSpread2({
19
+ return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.RadioGroup, _rollupPluginBabelHelpers.objectSpread2({
20
20
  ref: ref,
21
21
  className: cn.cn('aurora-flex aurora-flex-col aurora-gap-1', className)
22
22
  }, props));
package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js CHANGED
@@ -8,21 +8,27 @@ var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
8
8
  var cn = require('../../../utilities/cn.js');
9
9
  var arrow_right_line_icon = require('../../../assets/icons/arrow_right_line_icon.js');
10
10
  var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
11
+ var check_fill_icon = require('../../../assets/icons/check_fill_icon.js');
11
12
 
12
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
14
 
14
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
16
 
16
- var _excluded = ["className", "inset", "children"];
17
+ var _excluded = ["className", "inset", "children", "selected", "disabled"];
17
18
  var ActionListSubTrigger = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
18
19
  var className = _ref.className,
19
20
  inset = _ref.inset,
20
21
  children = _ref.children,
22
+ selected = _ref.selected,
23
+ disabled = _ref.disabled,
21
24
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
22
25
  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.SubTrigger, _rollupPluginBabelHelpers.objectSpread2({
23
26
  ref: ref,
24
- className: cn.cn('aurora-relative aurora-outline-none aurora-py-1 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className)
25
- }, props), children, /*#__PURE__*/React__default['default'].createElement(arrow_right_line_icon.ArrowRightLineIcon, {
27
+ className: cn.cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className)
28
+ }, props), selected ? (/*#__PURE__*/React__default['default'].createElement(check_fill_icon.CheckFillIcon, {
29
+ size: 20,
30
+ color: disabled ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.disabled : css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.base
31
+ })) : null, children, /*#__PURE__*/React__default['default'].createElement(arrow_right_line_icon.ArrowRightLineIcon, {
26
32
  size: 20,
27
33
  color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle
28
34
  }));
package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_trigger.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;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;"}
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/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item.js CHANGED
@@ -24,7 +24,7 @@ var SegmentedControlItem = /*#__PURE__*/React__default['default'].forwardRef(fun
24
24
  var context = React__default['default'].useContext(segmented_control_context.SegmentedControlContext);
25
25
  return /*#__PURE__*/React__default['default'].createElement(ToggleGroupPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2({
26
26
  ref: ref,
27
- className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-6 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-all aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10", segmented_control_item_variants.segmentedControlItemVariants({
27
+ className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10", segmented_control_item_variants.segmentedControlItemVariants({
28
28
  size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
29
29
  variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
30
30
  }), className)
package/build/cjs/packages/aurora/src/components/tabs/components/tabs_trigger.js CHANGED
@@ -20,7 +20,7 @@ var TabsTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
20
20
  var context = React.useContext(tabs_context.TabsContext);
21
21
  return /*#__PURE__*/React.createElement(TabsPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
22
22
  ref: ref,
23
- className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-6 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-all aurora-duration-300\n data-[state=active]:aurora-bg data-[state=active]:aurora-font-semibold\n data-[state=active]:before:aurora-content-[''] data-[state=active]:before:aurora-block data-[state=active]:before:aurora-absolute data-[state=active]:before:aurora--left-px data-[state=active]:before:aurora--right-px data-[state=active]:before:aurora--top-px data-[state=active]:before:aurora--bottom-px data-[state=active]:before:aurora-border-active data-[state=active]:before:aurora-border data-[state=active]:before:aurora-rounded-4 data-[state=active]:before:aurora-z-10", tabs_variants.tabsVariants({
23
+ className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-2 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-all aurora-duration-300\n data-[state=active]:aurora-bg data-[state=active]:aurora-font-semibold\n data-[state=active]:before:aurora-content-[''] data-[state=active]:before:aurora-block data-[state=active]:before:aurora-absolute data-[state=active]:before:aurora--left-px data-[state=active]:before:aurora--right-px data-[state=active]:before:aurora--top-px data-[state=active]:before:aurora--bottom-px data-[state=active]:before:aurora-border-active data-[state=active]:before:aurora-border data-[state=active]:before:aurora-rounded-4 data-[state=active]:before:aurora-z-10", tabs_variants.tabsVariants({
24
24
  size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
25
25
  variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
26
26
  }), className),
package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_group.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import { Group } from '@radix-ui/react-dropdown-menu';
3
+ import { RadioGroup } from '@radix-ui/react-dropdown-menu';
4
4
  import { cn } from '../../../utilities/cn.js';
5
5
 
6
6
  var _excluded = ["className", "inset"];
@@ -8,7 +8,7 @@ var ActionListRadioGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
8
8
  var className = _ref.className,
9
9
  inset = _ref.inset,
10
10
  props = _objectWithoutProperties(_ref, _excluded);
11
- return /*#__PURE__*/React.createElement(Group, _objectSpread2({
11
+ return /*#__PURE__*/React.createElement(RadioGroup, _objectSpread2({
12
12
  ref: ref,
13
13
  className: cn('aurora-flex aurora-flex-col aurora-gap-1', className)
14
14
  }, props));
package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.d.ts CHANGED
@@ -2,4 +2,5 @@ import React from 'react';
2
2
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
3
3
  export declare const ActionListSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
4
4
  inset?: boolean | undefined;
5
+ selected?: boolean | undefined;
5
6
  } & React.RefAttributes<HTMLDivElement>>;
package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js CHANGED
@@ -4,17 +4,23 @@ import { SubTrigger } from '@radix-ui/react-dropdown-menu';
4
4
  import { cn } from '../../../utilities/cn.js';
5
5
  import { ArrowRightLineIcon } from '../../../assets/icons/arrow_right_line_icon.js';
6
6
  import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
7
+ import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
7
8
 
8
- var _excluded = ["className", "inset", "children"];
9
+ var _excluded = ["className", "inset", "children", "selected", "disabled"];
9
10
  var ActionListSubTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
10
11
  var className = _ref.className,
11
12
  inset = _ref.inset,
12
13
  children = _ref.children,
14
+ selected = _ref.selected,
15
+ disabled = _ref.disabled,
13
16
  props = _objectWithoutProperties(_ref, _excluded);
14
17
  return /*#__PURE__*/React.createElement(SubTrigger, _objectSpread2({
15
18
  ref: ref,
16
- className: cn('aurora-relative aurora-outline-none aurora-py-1 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className)
17
- }, props), children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
19
+ className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className)
20
+ }, props), selected ? (/*#__PURE__*/React.createElement(CheckFillIcon, {
21
+ size: 20,
22
+ color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
23
+ })) : null, children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
18
24
  size: 20,
19
25
  color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
20
26
  }));
package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.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;"}
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;"}
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;"}
package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js CHANGED
@@ -16,7 +16,7 @@ var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
16
16
  var context = React.useContext(SegmentedControlContext);
17
17
  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
18
18
  ref: ref,
19
- className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-6 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-all aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10", segmentedControlItemVariants({
19
+ className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10", segmentedControlItemVariants({
20
20
  size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
21
21
  variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
22
22
  }), className)
package/build/esm/packages/aurora/src/components/tabs/components/tabs_trigger.js CHANGED
@@ -16,7 +16,7 @@ var TabsTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
16
16
  var context = useContext(TabsContext);
17
17
  return /*#__PURE__*/createElement(Trigger, _objectSpread2({
18
18
  ref: ref,
19
- className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-6 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-all aurora-duration-300\n data-[state=active]:aurora-bg data-[state=active]:aurora-font-semibold\n data-[state=active]:before:aurora-content-[''] data-[state=active]:before:aurora-block data-[state=active]:before:aurora-absolute data-[state=active]:before:aurora--left-px data-[state=active]:before:aurora--right-px data-[state=active]:before:aurora--top-px data-[state=active]:before:aurora--bottom-px data-[state=active]:before:aurora-border-active data-[state=active]:before:aurora-border data-[state=active]:before:aurora-rounded-4 data-[state=active]:before:aurora-z-10", tabsVariants({
19
+ className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-2 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-all aurora-duration-300\n data-[state=active]:aurora-bg data-[state=active]:aurora-font-semibold\n data-[state=active]:before:aurora-content-[''] data-[state=active]:before:aurora-block data-[state=active]:before:aurora-absolute data-[state=active]:before:aurora--left-px data-[state=active]:before:aurora--right-px data-[state=active]:before:aurora--top-px data-[state=active]:before:aurora--bottom-px data-[state=active]:before:aurora-border-active data-[state=active]:before:aurora-border data-[state=active]:before:aurora-rounded-4 data-[state=active]:before:aurora-z-10", tabsVariants({
20
20
  size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
21
21
  variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
22
22
  }), className),