@dreamcommerce/aurora 3.0.0-110 → 3.0.0-111

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 (24) hide show
  1. package/build/cjs/packages/aurora/src/assets/icons/arrow_right_s_line_icon.js +10 -0
  2. package/build/cjs/packages/aurora/src/assets/icons/arrow_right_s_line_icon.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js +32 -0
  4. package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map +1 -0
  5. package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumbs.js +68 -0
  6. package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumbs.js.map +1 -0
  7. package/build/cjs/packages/aurora/src/components/tooltip/components/tooltip_content.js +1 -1
  8. package/build/cjs/packages/aurora/src/index.js +2 -0
  9. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  10. package/build/esm/packages/aurora/src/assets/icons/arrow_right_s_line_icon.js +5 -2
  11. package/build/esm/packages/aurora/src/assets/icons/arrow_right_s_line_icon.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js +22 -12
  13. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs.js +58 -33
  15. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.d.ts +1 -1
  17. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js +1 -1
  18. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/tooltip/components/tooltip_content.js +1 -1
  20. package/build/esm/packages/aurora/src/index.d.ts +1 -0
  21. package/build/esm/packages/aurora/src/index.js +1 -0
  22. package/build/esm/packages/aurora/src/index.js.map +1 -1
  23. package/build/tailwind.config.js +0 -3
  24. package/package.json +1 -1
package/build/cjs/packages/aurora/src/assets/icons/arrow_right_s_line_icon.js ADDED
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var react = require('@remixicon/react');
6
+
7
+ var ArrowRightSLineIcon = react.RiArrowRightSLine;
8
+
9
+ exports.ArrowRightSLineIcon = ArrowRightSLineIcon;
10
+ //# sourceMappingURL=arrow_right_s_line_icon.js.map
package/build/cjs/packages/aurora/src/assets/icons/arrow_right_s_line_icon.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;"}
package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js ADDED
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
+
8
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
+
10
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
+
12
+ var BreadcrumbChild = function BreadcrumbChild(_ref) {
13
+ var children = _ref.children,
14
+ attributes = _ref.attributes;
15
+ var breadcrumbRef = React__default['default'].useRef(null);
16
+ React__default['default'].useEffect(function () {
17
+ if (!breadcrumbRef.current || !attributes) return;
18
+ Object.entries(attributes).forEach(function (_ref2) {
19
+ var _breadcrumbRef$curren;
20
+ var _ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
21
+ key = _ref3[0],
22
+ value = _ref3[1];
23
+ (_breadcrumbRef$curren = breadcrumbRef.current) === null || _breadcrumbRef$curren === void 0 ? void 0 : _breadcrumbRef$curren.setAttribute(key, value);
24
+ });
25
+ }, []);
26
+ return /*#__PURE__*/React__default['default'].createElement("li", {
27
+ ref: breadcrumbRef
28
+ }, children);
29
+ };
30
+
31
+ exports.BreadcrumbChild = BreadcrumbChild;
32
+ //# sourceMappingURL=breadcrumb_child.js.map
package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumbs.js ADDED
@@ -0,0 +1,68 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
+ var css_icon_color_tokens = require('../../constants/css_tokens/css_icon_color_tokens.js');
8
+ var stack = require('../stack/stack.js');
9
+ var breadcrumb_child = require('./breadcrumb_child.js');
10
+ var arrow_right_s_line_icon = require('../../assets/icons/arrow_right_s_line_icon.js');
11
+
12
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
+
14
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
+
16
+ var Breadcrumbs = function Breadcrumbs(_ref) {
17
+ var classname = _ref.classname,
18
+ _ref$as = _ref.as,
19
+ as = _ref$as === void 0 ? 'nav' : _ref$as,
20
+ children = _ref.children,
21
+ attributes = _ref.attributes,
22
+ _ref$withoutSeparator = _ref.withoutSeparator,
23
+ withoutSeparator = _ref$withoutSeparator === void 0 ? false : _ref$withoutSeparator;
24
+ var breadcrumbRef = React.useRef(null);
25
+ var allItems = React__default['default'].Children.toArray(children).map(function (child, index) {
26
+ return /*#__PURE__*/React__default['default'].createElement(breadcrumb_child.BreadcrumbChild, {
27
+ attributes: {
28
+ 'data-test-breadcrumb-index': index
29
+ },
30
+ key: "child-".concat(index)
31
+ }, child);
32
+ });
33
+ React.useEffect(function () {
34
+ if (!breadcrumbRef.current || !attributes) return;
35
+ Object.entries(attributes).forEach(function (_ref2) {
36
+ var _breadcrumbRef$curren;
37
+ var _ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
38
+ key = _ref3[0],
39
+ value = _ref3[1];
40
+ (_breadcrumbRef$curren = breadcrumbRef.current) === null || _breadcrumbRef$curren === void 0 ? void 0 : _breadcrumbRef$curren.setAttribute(key, value);
41
+ });
42
+ }, []);
43
+ return /*#__PURE__*/React__default['default'].createElement(as, {
44
+ className: classname
45
+ }, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
46
+ ref: breadcrumbRef,
47
+ attributes: {
48
+ 'aria-label': 'breadcrumbs'
49
+ },
50
+ align: "center",
51
+ as: "ol",
52
+ spacing: "1"
53
+ }, withoutSeparator ? allItems : allItems.map(function (item, index) {
54
+ if (index === allItems.length - 1) return item;
55
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
56
+ key: index
57
+ }, item, /*#__PURE__*/React__default['default'].createElement("li", {
58
+ "aria-hidden": "true"
59
+ }, /*#__PURE__*/React__default['default'].createElement(arrow_right_s_line_icon.ArrowRightSLineIcon, {
60
+ size: 16,
61
+ color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle
62
+ })));
63
+ })));
64
+ };
65
+
66
+ exports.Breadcrumbs = Breadcrumbs;
67
+ exports.default = Breadcrumbs;
68
+ //# sourceMappingURL=breadcrumbs.js.map
package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumbs.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/tooltip/components/tooltip_content.js CHANGED
@@ -20,7 +20,7 @@ var TooltipContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
20
20
  return /*#__PURE__*/React.createElement(TooltipPrimitive.Portal, null, /*#__PURE__*/React.createElement(TooltipPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
21
21
  ref: ref,
22
22
  sideOffset: sideOffset,
23
- className: cn.cn('aurora-z-50 aurora-shadow aurora-text-xs aurora-overflow-hidden aurora-border aurora-rounded-8 aurora-rounded-md aurora-px-3 aurora-py-2 aurora-text-sm aurora-animate-in aurora-fade-in-0 data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', tooltip_content_variants.tooltipContentVariants({
23
+ className: cn.cn('aurora-z-50 aurora-shadow aurora-overflow-hidden aurora-border aurora-rounded-8 aurora-rounded-md aurora-px-3 aurora-py-2 aurora-text-xs aurora-animate-in aurora-fade-in-0 data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', tooltip_content_variants.tooltipContentVariants({
24
24
  variant: variant
25
25
  }), className)
26
26
  }, props)));
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -115,6 +115,7 @@ var use_toggle = require('./hooks/use_toggle.js');
115
115
  var index = require('./components/tree/index.js');
116
116
  var tree_hook = require('./components/tree/hooks/tree_hook.js');
117
117
  var tree_node = require('./components/tree/components/tree_node.js');
118
+ var breadcrumbs = require('./components/breadcrumbs/breadcrumbs.js');
118
119
 
119
120
 
120
121
 
@@ -249,4 +250,5 @@ exports.useToggle = use_toggle.useToggle;
249
250
  exports.Tree = index.Tree;
250
251
  exports.useTree = tree_hook.useTree;
251
252
  exports.TreeNode = tree_node.TreeNode;
253
+ exports.Breadcrumbs = breadcrumbs.Breadcrumbs;
252
254
  //# sourceMappingURL=index.js.map
package/build/cjs/packages/aurora/src/index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/assets/icons/arrow_right_s_line_icon.js CHANGED
@@ -1,3 +1,6 @@
1
1
  import { RiArrowRightSLine } from '@remixicon/react';
2
- export const ArrowRightSLineIcon = RiArrowRightSLine;
3
- //# sourceMappingURL=arrow_right_s_line_icon.js.map
2
+
3
+ var ArrowRightSLineIcon = RiArrowRightSLine;
4
+
5
+ export { ArrowRightSLineIcon };
6
+ //# sourceMappingURL=arrow_right_s_line_icon.js.map
package/build/esm/packages/aurora/src/assets/icons/arrow_right_s_line_icon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"arrow_right_s_line_icon.js","sourceRoot":"","sources":["../../../../../../../src/assets/icons/arrow_right_s_line_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js CHANGED
@@ -1,14 +1,24 @@
1
1
  import React from 'react';
2
- import './breadcrumbs_types';
3
- export const BreadcrumbChild = ({ children, attributes }) => {
4
- const breadcrumbRef = React.useRef(null);
5
- React.useEffect(() => {
6
- if (!breadcrumbRef.current || !attributes)
7
- return;
8
- Object.entries(attributes).forEach(([key, value]) => {
9
- breadcrumbRef.current?.setAttribute(key, value);
10
- });
11
- }, []);
12
- return (React.createElement("li", { ref: breadcrumbRef }, children));
2
+ import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+
4
+ var BreadcrumbChild = function BreadcrumbChild(_ref) {
5
+ var children = _ref.children,
6
+ attributes = _ref.attributes;
7
+ var breadcrumbRef = React.useRef(null);
8
+ React.useEffect(function () {
9
+ if (!breadcrumbRef.current || !attributes) return;
10
+ Object.entries(attributes).forEach(function (_ref2) {
11
+ var _breadcrumbRef$curren;
12
+ var _ref3 = _slicedToArray(_ref2, 2),
13
+ key = _ref3[0],
14
+ value = _ref3[1];
15
+ (_breadcrumbRef$curren = breadcrumbRef.current) === null || _breadcrumbRef$curren === void 0 ? void 0 : _breadcrumbRef$curren.setAttribute(key, value);
16
+ });
17
+ }, []);
18
+ return /*#__PURE__*/React.createElement("li", {
19
+ ref: breadcrumbRef
20
+ }, children);
13
21
  };
14
- //# sourceMappingURL=breadcrumb_child.js.map
22
+
23
+ export { BreadcrumbChild };
24
+ //# sourceMappingURL=breadcrumb_child.js.map
package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb_child.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumb_child.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsC,qBAAqB,CAAC;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAyB,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,UAAU;YAAE,OAAO;QAElD,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAChD,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,4BAAI,GAAG,EAAE,aAAa,IACjB,QAAQ,CACR,CACR,CAAC;AACN,CAAC,CAAC"}
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/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs.js CHANGED
@@ -1,35 +1,60 @@
1
- import React, { useEffect, useRef } from 'react';
2
- import { Stack } from '@auroraComponents/stack/stack';
3
- import { BreadcrumbChild } from './breadcrumb_child';
4
- import { ArrowRightSLineIcon } from '@auroraAssets/icons/arrow_right_s_line_icon';
5
- import './breadcrumbs_types';
6
- import { CSS_ICON_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_icon_color_tokens';
7
- export const Breadcrumbs = ({ classname, as = 'nav', children, attributes, withoutSeparator = false }) => {
8
- const breadcrumbRef = useRef(null);
9
- const allItems = React.Children.toArray(children).map((child, index) => (React.createElement(BreadcrumbChild, { attributes: {
10
- 'data-test-breadcrumb-index': index
11
- }, key: `child-${index}` }, child)));
12
- useEffect(() => {
13
- if (!breadcrumbRef.current || !attributes)
14
- return;
15
- Object.entries(attributes).forEach(([key, value]) => {
16
- breadcrumbRef.current?.setAttribute(key, value);
17
- });
18
- }, []);
19
- return React.createElement(as, {
20
- className: classname
21
- }, React.createElement(Stack, { ref: breadcrumbRef, attributes: {
22
- 'aria-label': 'breadcrumbs'
23
- }, align: "center", as: "ol", spacing: "1" }, withoutSeparator
24
- ? allItems
25
- : allItems.map((item, index) => {
26
- if (index === allItems.length - 1)
27
- return item;
28
- return (React.createElement(React.Fragment, { key: index },
29
- item,
30
- React.createElement("li", { "aria-hidden": "true" },
31
- React.createElement(ArrowRightSLineIcon, { size: 16, color: CSS_ICON_COLOR_TOKENS_VALUES.subtle }))));
32
- })));
1
+ import React, { useRef, useEffect } from 'react';
2
+ import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+ import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../constants/css_tokens/css_icon_color_tokens.js';
4
+ import { Stack } from '../stack/stack.js';
5
+ import { BreadcrumbChild } from './breadcrumb_child.js';
6
+ import { ArrowRightSLineIcon } from '../../assets/icons/arrow_right_s_line_icon.js';
7
+
8
+ var Breadcrumbs = function Breadcrumbs(_ref) {
9
+ var classname = _ref.classname,
10
+ _ref$as = _ref.as,
11
+ as = _ref$as === void 0 ? 'nav' : _ref$as,
12
+ children = _ref.children,
13
+ attributes = _ref.attributes,
14
+ _ref$withoutSeparator = _ref.withoutSeparator,
15
+ withoutSeparator = _ref$withoutSeparator === void 0 ? false : _ref$withoutSeparator;
16
+ var breadcrumbRef = useRef(null);
17
+ var allItems = React.Children.toArray(children).map(function (child, index) {
18
+ return /*#__PURE__*/React.createElement(BreadcrumbChild, {
19
+ attributes: {
20
+ 'data-test-breadcrumb-index': index
21
+ },
22
+ key: "child-".concat(index)
23
+ }, child);
24
+ });
25
+ useEffect(function () {
26
+ if (!breadcrumbRef.current || !attributes) return;
27
+ Object.entries(attributes).forEach(function (_ref2) {
28
+ var _breadcrumbRef$curren;
29
+ var _ref3 = _slicedToArray(_ref2, 2),
30
+ key = _ref3[0],
31
+ value = _ref3[1];
32
+ (_breadcrumbRef$curren = breadcrumbRef.current) === null || _breadcrumbRef$curren === void 0 ? void 0 : _breadcrumbRef$curren.setAttribute(key, value);
33
+ });
34
+ }, []);
35
+ return /*#__PURE__*/React.createElement(as, {
36
+ className: classname
37
+ }, /*#__PURE__*/React.createElement(Stack, {
38
+ ref: breadcrumbRef,
39
+ attributes: {
40
+ 'aria-label': 'breadcrumbs'
41
+ },
42
+ align: "center",
43
+ as: "ol",
44
+ spacing: "1"
45
+ }, withoutSeparator ? allItems : allItems.map(function (item, index) {
46
+ if (index === allItems.length - 1) return item;
47
+ return /*#__PURE__*/React.createElement(React.Fragment, {
48
+ key: index
49
+ }, item, /*#__PURE__*/React.createElement("li", {
50
+ "aria-hidden": "true"
51
+ }, /*#__PURE__*/React.createElement(ArrowRightSLineIcon, {
52
+ size: 16,
53
+ color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
54
+ })));
55
+ })));
33
56
  };
57
+
34
58
  export default Breadcrumbs;
35
- //# sourceMappingURL=breadcrumbs.js.map
59
+ export { Breadcrumbs };
60
+ //# sourceMappingURL=breadcrumbs.js.map
package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAkC,qBAAqB,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AAEjG,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,GAAG,KAAK,EAAqB,EAAE,EAAE;IACxH,MAAM,aAAa,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACpE,oBAAC,eAAe,IACZ,UAAU,EAAE;YACR,4BAA4B,EAAE,KAAK;SACtC,EACD,GAAG,EAAE,SAAS,KAAK,EAAE,IAEpB,KAAK,CACQ,CACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,UAAU;YAAE,OAAO;QAElD,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAChD,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,KAAK,CAAC,aAAa,CACtB,EAAE,EACF;QACI,SAAS,EAAE,SAAS;KACvB,EACD,oBAAC,KAAK,IACF,GAAG,EAAE,aAAa,EAClB,UAAU,EAAE;YACR,YAAY,EAAE,aAAa;SAC9B,EACD,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,IAAI,EACP,OAAO,EAAC,GAAG,IAEV,gBAAgB;QACb,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,IAAI,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO,IAAI,CAAC;YAE/C,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;gBACrB,IAAI;gBACL,2CAAgB,MAAM;oBAClB,oBAAC,mBAAmB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,4BAA4B,CAAC,MAAM,GAAI,CAC5E,CACQ,CACpB,CAAC;QACN,CAAC,CAAC,CACJ,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
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;"}
package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  export declare type TBreadcrumbsProps = React.PropsWithChildren<{
3
3
  withoutSeparator?: boolean;
4
4
  classname?: string;
package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js CHANGED
@@ -1,2 +1,2 @@
1
- export {};
1
+ import 'react';
2
2
  //# sourceMappingURL=breadcrumbs_types.js.map
package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs_types.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumbs_types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"breadcrumbs_types.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumbs_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}
package/build/esm/packages/aurora/src/components/tooltip/components/tooltip_content.js CHANGED
@@ -16,7 +16,7 @@ var TooltipContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
16
16
  return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Content, _objectSpread2({
17
17
  ref: ref,
18
18
  sideOffset: sideOffset,
19
- className: cn('aurora-z-50 aurora-shadow aurora-text-xs aurora-overflow-hidden aurora-border aurora-rounded-8 aurora-rounded-md aurora-px-3 aurora-py-2 aurora-text-sm aurora-animate-in aurora-fade-in-0 data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', tooltipContentVariants({
19
+ className: cn('aurora-z-50 aurora-shadow aurora-overflow-hidden aurora-border aurora-rounded-8 aurora-rounded-md aurora-px-3 aurora-py-2 aurora-text-xs aurora-animate-in aurora-fade-in-0 data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', tooltipContentVariants({
20
20
  variant: variant
21
21
  }), className)
22
22
  }, props)));
package/build/esm/packages/aurora/src/index.d.ts CHANGED
@@ -116,3 +116,4 @@ export { useClickOutside } from "./hooks/use_click_outside";
116
116
  export { Tree } from "./components/tree";
117
117
  export { TreeNode } from "./components/tree/components/tree_node";
118
118
  export { useTree } from "./components/tree/hooks/tree_hook";
119
+ export { Breadcrumbs } from "./components/breadcrumbs/breadcrumbs";
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -111,4 +111,5 @@ export { useToggle } from './hooks/use_toggle.js';
111
111
  export { Tree } from './components/tree/index.js';
112
112
  export { useTree } from './components/tree/hooks/tree_hook.js';
113
113
  export { TreeNode } from './components/tree/components/tree_node.js';
114
+ export { Breadcrumbs } from './components/breadcrumbs/breadcrumbs.js';
114
115
  //# sourceMappingURL=index.js.map
package/build/esm/packages/aurora/src/index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/tailwind.config.js CHANGED
@@ -355,9 +355,6 @@ module.exports = {
355
355
  DEFAULT: 'var(--a-box-shadow-color)'
356
356
  },
357
357
  extend: {
358
- // fontFamily: {
359
- // sans: ['var(--a-font-sans)', ...fontFamily.sans]
360
- // },
361
358
  keyframes: {
362
359
  'accordion-down': {
363
360
  from: { height: '0' },
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.0.0-110",
5
+ "version": "3.0.0-111",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",