@x15ventures/x15-ui-library 3.11.4 → 3.13.1
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.
- package/dist/cjs/autoGenerated/libraryThemes.js +12 -12
- package/dist/cjs/autoGenerated/libraryThemes.js.map +1 -1
- package/dist/cjs/autoGenerated/libraryThemes.json +12 -12
- package/dist/cjs/components/design/accordion/Accordion.js +16 -7
- package/dist/cjs/components/design/accordion/Accordion.js.map +1 -1
- package/dist/cjs/hooks/InertAttribute.js +28 -0
- package/dist/cjs/hooks/InertAttribute.js.map +1 -0
- package/dist/cjs/hooks/index.js +7 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/images/emails/emailBannerOnboarding1.jpg +0 -0
- package/dist/cjs/images/emails/emailFooterEmailIcon.png +0 -0
- package/dist/cjs/images/emails/emailFooterGlobeIcon.png +0 -0
- package/dist/cjs/package.json +26 -35
- package/dist/cjs/styles/themes/doshii/_buttonMixin.css +0 -0
- package/dist/cjs/types/react.d.js +6 -0
- package/dist/cjs/types/react.d.js.map +1 -0
- package/dist/components/design/accordion/Accordion.d.ts.map +1 -1
- package/dist/esm/autoGenerated/libraryThemes.js +12 -12
- package/dist/esm/autoGenerated/libraryThemes.js.map +1 -1
- package/dist/esm/autoGenerated/libraryThemes.json +12 -12
- package/dist/esm/components/design/accordion/Accordion.js +15 -7
- package/dist/esm/components/design/accordion/Accordion.js.map +1 -1
- package/dist/esm/hooks/InertAttribute.js +21 -0
- package/dist/esm/hooks/InertAttribute.js.map +1 -0
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/images/emails/emailBannerOnboarding1.jpg +0 -0
- package/dist/esm/images/emails/emailFooterEmailIcon.png +0 -0
- package/dist/esm/images/emails/emailFooterGlobeIcon.png +0 -0
- package/dist/esm/package.json +26 -35
- package/dist/esm/styles/themes/doshii/_buttonMixin.css +0 -0
- package/dist/esm/types/react.d.js +6 -0
- package/dist/esm/types/react.d.js.map +1 -0
- package/dist/hooks/InertAttribute.d.ts +4 -0
- package/dist/hooks/InertAttribute.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/images/emails/emailBannerOnboarding1.jpg +0 -0
- package/dist/images/emails/emailFooterEmailIcon.png +0 -0
- package/dist/images/emails/emailFooterGlobeIcon.png +0 -0
- package/dist/package.json +26 -35
- package/package.json +26 -31
- package/readme.md +2 -2
- package/dist/styles/index.css +0 -4742
- package/dist/styles/index.css.map +0 -1
- package/dist/styles/index.min.3.11.4.css +0 -1
- package/dist/styles/index.min.3.11.4.css.map +0 -1
- package/dist/styles/index.min.css +0 -1
- package/dist/styles/index.min.css.map +0 -1
- package/dist/styles/storybook.css +0 -394
- package/dist/styles/themes/cba/cba.css +0 -668
- package/dist/styles/themes/cba/cba.css.map +0 -1
- package/dist/styles/themes/cba/cba.min.3.11.4.css +0 -1
- package/dist/styles/themes/cba/cba.min.3.11.4.css.map +0 -1
- package/dist/styles/themes/cba/cba.min.css +0 -1
- package/dist/styles/themes/cba/cba.min.css.map +0 -1
- package/dist/styles/themes/creditSavvy/creditSavvy.css +0 -664
- package/dist/styles/themes/creditSavvy/creditSavvy.css.map +0 -1
- package/dist/styles/themes/creditSavvy/creditSavvy.min.3.11.4.css +0 -1
- package/dist/styles/themes/creditSavvy/creditSavvy.min.3.11.4.css.map +0 -1
- package/dist/styles/themes/creditSavvy/creditSavvy.min.css +0 -1
- package/dist/styles/themes/creditSavvy/creditSavvy.min.css.map +0 -1
- package/dist/styles/themes/doshii/doshii.css +0 -1196
- package/dist/styles/themes/doshii/doshii.css.map +0 -1
- package/dist/styles/themes/doshii/doshii.min.3.11.4.css +0 -1
- package/dist/styles/themes/doshii/doshii.min.3.11.4.css.map +0 -1
- package/dist/styles/themes/doshii/doshii.min.css +0 -1
- package/dist/styles/themes/doshii/doshii.min.css.map +0 -1
- package/dist/styles/themes/homeIn/homeIn.css +0 -1511
- package/dist/styles/themes/homeIn/homeIn.css.map +0 -1
- package/dist/styles/themes/homeIn/homeIn.min.3.11.4.css +0 -1
- package/dist/styles/themes/homeIn/homeIn.min.3.11.4.css.map +0 -1
- package/dist/styles/themes/homeIn/homeIn.min.css +0 -1
- package/dist/styles/themes/homeIn/homeIn.min.css.map +0 -1
- package/dist/styles/themes/icons/fonts/icomoon.svg +0 -553
- package/dist/styles/themes/icons/fonts/icomoon.ttf +0 -0
- package/dist/styles/themes/icons/fonts/icomoon.woff +0 -0
- package/dist/styles/themes/x15Core/x15Core.css +0 -747
- package/dist/styles/themes/x15Core/x15Core.css.map +0 -1
- package/dist/styles/themes/x15Core/x15Core.min.3.11.4.css +0 -1
- package/dist/styles/themes/x15Core/x15Core.min.3.11.4.css.map +0 -1
- package/dist/styles/themes/x15Core/x15Core.min.css +0 -1
- package/dist/styles/themes/x15Core/x15Core.min.css.map +0 -1
|
@@ -17,8 +17,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
17
17
|
"map": "index.min.css.map"
|
|
18
18
|
},
|
|
19
19
|
"versioned": {
|
|
20
|
-
"css": "index.min.3.
|
|
21
|
-
"map": "index.min.3.
|
|
20
|
+
"css": "index.min.3.13.1.css",
|
|
21
|
+
"map": "index.min.3.13.1.css.map"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
"cba": {
|
|
@@ -32,8 +32,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
32
32
|
"map": "cba.min.css.map"
|
|
33
33
|
},
|
|
34
34
|
"versioned": {
|
|
35
|
-
"css": "cba.min.3.
|
|
36
|
-
"map": "cba.min.3.
|
|
35
|
+
"css": "cba.min.3.13.1.css",
|
|
36
|
+
"map": "cba.min.3.13.1.css.map"
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"creditSavvy": {
|
|
@@ -47,8 +47,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
47
47
|
"map": "creditSavvy.min.css.map"
|
|
48
48
|
},
|
|
49
49
|
"versioned": {
|
|
50
|
-
"css": "creditSavvy.min.3.
|
|
51
|
-
"map": "creditSavvy.min.3.
|
|
50
|
+
"css": "creditSavvy.min.3.13.1.css",
|
|
51
|
+
"map": "creditSavvy.min.3.13.1.css.map"
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
54
|
"doshii": {
|
|
@@ -62,8 +62,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
62
62
|
"map": "doshii.min.css.map"
|
|
63
63
|
},
|
|
64
64
|
"versioned": {
|
|
65
|
-
"css": "doshii.min.3.
|
|
66
|
-
"map": "doshii.min.3.
|
|
65
|
+
"css": "doshii.min.3.13.1.css",
|
|
66
|
+
"map": "doshii.min.3.13.1.css.map"
|
|
67
67
|
}
|
|
68
68
|
},
|
|
69
69
|
"homeIn": {
|
|
@@ -77,8 +77,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
77
77
|
"map": "homeIn.min.css.map"
|
|
78
78
|
},
|
|
79
79
|
"versioned": {
|
|
80
|
-
"css": "homeIn.min.3.
|
|
81
|
-
"map": "homeIn.min.3.
|
|
80
|
+
"css": "homeIn.min.3.13.1.css",
|
|
81
|
+
"map": "homeIn.min.3.13.1.css.map"
|
|
82
82
|
}
|
|
83
83
|
},
|
|
84
84
|
"x15Core": {
|
|
@@ -92,8 +92,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
92
92
|
"map": "x15Core.min.css.map"
|
|
93
93
|
},
|
|
94
94
|
"versioned": {
|
|
95
|
-
"css": "x15Core.min.3.
|
|
96
|
-
"map": "x15Core.min.3.
|
|
95
|
+
"css": "x15Core.min.3.13.1.css",
|
|
96
|
+
"map": "x15Core.min.3.13.1.css.map"
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"libraryThemes.js","names":["libraryThemes","exports","_default","default"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.
|
|
1
|
+
{"version":3,"file":"libraryThemes.js","names":["libraryThemes","exports","_default","default"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.13.1.css\",\n \"map\": \"index.min.3.13.1.css.map\"\n }\n },\n \"cba\": {\n \"buildPath\": \"styles/themes/cba\",\n \"dev\": {\n \"css\": \"cba.css\",\n \"map\": \"cba.css.map\"\n },\n \"min\": {\n \"css\": \"cba.min.css\",\n \"map\": \"cba.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"cba.min.3.13.1.css\",\n \"map\": \"cba.min.3.13.1.css.map\"\n }\n },\n \"creditSavvy\": {\n \"buildPath\": \"styles/themes/creditSavvy\",\n \"dev\": {\n \"css\": \"creditSavvy.css\",\n \"map\": \"creditSavvy.css.map\"\n },\n \"min\": {\n \"css\": \"creditSavvy.min.css\",\n \"map\": \"creditSavvy.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"creditSavvy.min.3.13.1.css\",\n \"map\": \"creditSavvy.min.3.13.1.css.map\"\n }\n },\n \"doshii\": {\n \"buildPath\": \"styles/themes/doshii\",\n \"dev\": {\n \"css\": \"doshii.css\",\n \"map\": \"doshii.css.map\"\n },\n \"min\": {\n \"css\": \"doshii.min.css\",\n \"map\": \"doshii.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"doshii.min.3.13.1.css\",\n \"map\": \"doshii.min.3.13.1.css.map\"\n }\n },\n \"homeIn\": {\n \"buildPath\": \"styles/themes/homeIn\",\n \"dev\": {\n \"css\": \"homeIn.css\",\n \"map\": \"homeIn.css.map\"\n },\n \"min\": {\n \"css\": \"homeIn.min.css\",\n \"map\": \"homeIn.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"homeIn.min.3.13.1.css\",\n \"map\": \"homeIn.min.3.13.1.css.map\"\n }\n },\n \"x15Core\": {\n \"buildPath\": \"styles/themes/x15Core\",\n \"dev\": {\n \"css\": \"x15Core.css\",\n \"map\": \"x15Core.css.map\"\n },\n \"min\": {\n \"css\": \"x15Core.min.css\",\n \"map\": \"x15Core.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"x15Core.min.3.13.1.css\",\n \"map\": \"x15Core.min.3.13.1.css.map\"\n }\n }\n}; export default libraryThemes;"],"mappings":";;;;;;AAAA;AACO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3B,MAAM,EAAE;IACN,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE;MACL,KAAK,EAAE,WAAW;MAClB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,sBAAsB;MAC7B,KAAK,EAAE;IACT;EACF,CAAC;EACD,KAAK,EAAE;IACL,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE;MACL,KAAK,EAAE,SAAS;MAChB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,oBAAoB;MAC3B,KAAK,EAAE;IACT;EACF,CAAC;EACD,aAAa,EAAE;IACb,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,qBAAqB;MAC5B,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,4BAA4B;MACnC,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,SAAS,EAAE;IACT,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,wBAAwB;MAC/B,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAC,IAAAE,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAAgBH,aAAa","ignoreList":[]}
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"map": "index.min.css.map"
|
|
11
11
|
},
|
|
12
12
|
"versioned": {
|
|
13
|
-
"css": "base.min.3.
|
|
14
|
-
"map": "base.min.3.
|
|
13
|
+
"css": "base.min.3.13.1.css",
|
|
14
|
+
"map": "base.min.3.13.1.css.map"
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"cba": {
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"map": "cba.min.css.map"
|
|
26
26
|
},
|
|
27
27
|
"versioned": {
|
|
28
|
-
"css": "cba.min.3.
|
|
29
|
-
"map": "cba.min.3.
|
|
28
|
+
"css": "cba.min.3.13.1.css",
|
|
29
|
+
"map": "cba.min.3.13.1.css.map"
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"creditSavvy": {
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"map": "creditSavvy.min.css.map"
|
|
41
41
|
},
|
|
42
42
|
"versioned": {
|
|
43
|
-
"css": "creditSavvy.min.3.
|
|
44
|
-
"map": "creditSavvy.min.3.
|
|
43
|
+
"css": "creditSavvy.min.3.13.1.css",
|
|
44
|
+
"map": "creditSavvy.min.3.13.1.css.map"
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"doshii": {
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"map": "doshii.min.css.map"
|
|
56
56
|
},
|
|
57
57
|
"versioned": {
|
|
58
|
-
"css": "doshii.min.3.
|
|
59
|
-
"map": "doshii.min.3.
|
|
58
|
+
"css": "doshii.min.3.13.1.css",
|
|
59
|
+
"map": "doshii.min.3.13.1.css.map"
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
"homeIn": {
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
"map": "homeIn.min.css.map"
|
|
71
71
|
},
|
|
72
72
|
"versioned": {
|
|
73
|
-
"css": "homeIn.min.3.
|
|
74
|
-
"map": "homeIn.min.3.
|
|
73
|
+
"css": "homeIn.min.3.13.1.css",
|
|
74
|
+
"map": "homeIn.min.3.13.1.css.map"
|
|
75
75
|
}
|
|
76
76
|
},
|
|
77
77
|
"x15Core": {
|
|
@@ -85,8 +85,8 @@
|
|
|
85
85
|
"map": "x15Core.min.css.map"
|
|
86
86
|
},
|
|
87
87
|
"versioned": {
|
|
88
|
-
"css": "x15Core.min.3.
|
|
89
|
-
"map": "x15Core.min.3.
|
|
88
|
+
"css": "x15Core.min.3.13.1.css",
|
|
89
|
+
"map": "x15Core.min.3.13.1.css.map"
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}
|
|
@@ -2,14 +2,17 @@
|
|
|
2
2
|
'use client';
|
|
3
3
|
|
|
4
4
|
/* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
6
|
Object.defineProperty(exports, "__esModule", {
|
|
6
7
|
value: true
|
|
7
8
|
});
|
|
8
9
|
exports.default = exports.Accordion = void 0;
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
12
|
var _SvgIcon = require("@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon");
|
|
11
13
|
var _iconDefinitions = require("@x15ventures/x15-ui-library-icons/iconDefinitions");
|
|
12
14
|
var _Icon = require("../icons/basicIcon/Icon");
|
|
15
|
+
var _InertAttribute = require("../../../hooks/InertAttribute");
|
|
13
16
|
require("./accordion.css");
|
|
14
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
18
|
const Accordion = ({
|
|
@@ -35,6 +38,8 @@ const Accordion = ({
|
|
|
35
38
|
}) => {
|
|
36
39
|
const [panelIsOpen, setPanelIsOpen] = (0, _react.useState)(isOpen || isFixed);
|
|
37
40
|
const accordionControl = (0, _react.useRef)(null);
|
|
41
|
+
const accordionContentSection = (0, _react.useRef)(null);
|
|
42
|
+
(0, _InertAttribute.useInertAttribute)(accordionContentSection, !panelIsOpen && !isFixed);
|
|
38
43
|
const panelId = id || `accordion_${Date.now()}`;
|
|
39
44
|
const contentId = `${panelId}_content`;
|
|
40
45
|
const controlId = `${panelId}_control`;
|
|
@@ -64,10 +69,10 @@ const Accordion = ({
|
|
|
64
69
|
'--footer-align-h': horizontalAlignments?.footer || 'left'
|
|
65
70
|
};
|
|
66
71
|
const wrapperCssClass = `
|
|
67
|
-
accordion
|
|
68
|
-
${customCssClass || ''}
|
|
69
|
-
${heightCssClass}
|
|
70
|
-
${panelIsOpen || isFixed ? 'open' : 'closed'}
|
|
72
|
+
accordion
|
|
73
|
+
${customCssClass || ''}
|
|
74
|
+
${heightCssClass}
|
|
75
|
+
${panelIsOpen || isFixed ? 'open' : 'closed'}
|
|
71
76
|
${isFixed ? 'fixed' : ''}
|
|
72
77
|
${isAnimated ? 'animated' : ''}
|
|
73
78
|
${outerBorders ? 'outerBorders' : ''}
|
|
@@ -117,12 +122,16 @@ const Accordion = ({
|
|
|
117
122
|
className: "sr-only"
|
|
118
123
|
}, "Open and close accordion"), headerButtonCustomLabel || /*#__PURE__*/_react.default.createElement("span", {
|
|
119
124
|
className: "labelText"
|
|
120
|
-
}, heading), panelIsOpen ? /*#__PURE__*/_react.default.createElement(OpenIcon, null) : /*#__PURE__*/_react.default.createElement(CloseIcon, null)))), /*#__PURE__*/_react.default.createElement("section", {
|
|
121
|
-
|
|
125
|
+
}, heading), panelIsOpen ? /*#__PURE__*/_react.default.createElement(OpenIcon, null) : /*#__PURE__*/_react.default.createElement(CloseIcon, null)))), /*#__PURE__*/_react.default.createElement("section", (0, _extends2.default)({
|
|
126
|
+
ref: accordionContentSection,
|
|
122
127
|
className: contentCssClass,
|
|
123
128
|
id: contentId,
|
|
124
129
|
"aria-labelledby": controlId
|
|
125
|
-
},
|
|
130
|
+
}, !panelIsOpen && !isFixed ? {
|
|
131
|
+
'aria-hidden': true
|
|
132
|
+
} : {}, {
|
|
133
|
+
tabIndex: restrictHeight && (panelIsOpen || isFixed) ? 0 : undefined
|
|
134
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
126
135
|
className: "sr-only"
|
|
127
136
|
}, "Start of accordion content"), children, footer && /*#__PURE__*/_react.default.createElement("footer", null, footer)));
|
|
128
137
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","names":["Object","defineProperty","exports","value","default","Accordion","_react","_interopRequireWildcard","require","_SvgIcon","_iconDefinitions","_Icon","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","id","heading","children","footer","openIcon","closeIcon","isOpen","isAnimated","isFixed","innerBorders","outerBorders","hasShadow","onChange","customCssClass","restrictHeight","headerButtonCustomLabel","headerButtonCssClass","paddingStyle","horizontalAlignments","panelIsOpen","setPanelIsOpen","useState","accordionControl","useRef","panelId","Date","now","contentId","controlId","customSectionHeader","TogglePanelOpenState","newState","heightCssClass","justifyContentMap","left","center","right","alignmentStyle","header","content","wrapperCssClass","headerCssClass","controlCssClass","contentCssClass","OpenIcon","createElement","Icon","icon","SvgIcon","svgDefinition","chevronUp","CloseIcon","chevronDown","className","style","tabIndex","ref","onClick","type","_default"],"sources":["../../../../../src/components/design/accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */\n\nimport React, { useRef, useState } from 'react';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { chevronUp, chevronDown } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\n\nimport { Icon } from '../icons/basicIcon/Icon';\n\nimport './accordion.scss';\n\nexport interface AccordionProps {\n id: string;\n isOpen?: boolean;\n isAnimated?: boolean;\n isFixed?: boolean;\n innerBorders?: boolean;\n outerBorders?: boolean;\n hasShadow?: boolean;\n onChange?: (args: boolean) => void;\n openIcon?: string;\n closeIcon?: string;\n heading: string | React.ReactElement;\n footer?: string | React.ReactElement;\n customCssClass?: string;\n restrictHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';\n headerButtonCustomLabel?: string | React.ReactElement;\n headerButtonCssClass?: string;\n paddingStyle?: 'compact' | 'regular' | 'spacious';\n children?: React.ReactNode;\n horizontalAlignments?: {\n header?: 'left' | 'center' | 'right';\n content?: 'left' | 'center' | 'right';\n footer?: 'left' | 'center' | 'right';\n };\n}\n\nexport const Accordion: React.FC<AccordionProps> = (\n {\n id,\n heading,\n children,\n footer,\n openIcon = null,\n closeIcon = null,\n isOpen = true,\n isAnimated = true,\n isFixed = false,\n innerBorders = true,\n outerBorders = true,\n hasShadow = false,\n onChange,\n customCssClass,\n restrictHeight,\n headerButtonCustomLabel,\n headerButtonCssClass,\n paddingStyle = 'regular',\n horizontalAlignments,\n }\n) => {\n const [panelIsOpen, setPanelIsOpen] = useState(isOpen || isFixed);\n const accordionControl = useRef(null);\n\n const panelId = id || `accordion_${ Date.now() }`;\n const contentId = `${ panelId }_content`;\n const controlId = `${ panelId }_control`;\n\n const customSectionHeader = typeof heading !== 'string' && !headerButtonCustomLabel;\n\n const TogglePanelOpenState = () => {\n const newState = !panelIsOpen;\n setPanelIsOpen(newState);\n if (onChange) {\n onChange(newState);\n }\n };\n\n const heightCssClass = restrictHeight ? `accordion_${ restrictHeight }` : '';\n\n\n // map horizontal alignment props to justify-content values for fixed accordions\n const justifyContentMap = {\n left: 'flex-start',\n center: 'center',\n right: 'flex-end',\n };\n\n const alignmentStyle = {\n ...(isFixed && horizontalAlignments?.header\n ? { '--header-align-h': justifyContentMap[horizontalAlignments.header] }\n : { '--header-align-h': horizontalAlignments?.header || 'left' }),\n '--content-align-h': horizontalAlignments?.content || 'left',\n '--footer-align-h': horizontalAlignments?.footer || 'left',\n };\n\n const wrapperCssClass = `\n accordion \n ${ customCssClass || '' } \n ${ heightCssClass } \n ${ panelIsOpen || isFixed ? 'open' : 'closed' } \n ${ isFixed ? 'fixed' : '' }\n ${ isAnimated ? 'animated' : '' }\n ${ outerBorders ? 'outerBorders' : '' }\n ${ paddingStyle ? `padding_${ paddingStyle }` : '' }\n ${ hasShadow ? 'hasShadow' : '' }\n `;\n\n const headerCssClass = `accordionHeader ${ customSectionHeader || isFixed ? 'accordionHeader_custom' : '' } ${ innerBorders ? 'accordionHeader_innerBorders' : '' }`;\n\n const controlCssClass = `accordionControl ${ customCssClass ? `${ customCssClass }_accordionControl` : '' } ${ headerButtonCssClass || '' }`;\n\n const contentCssClass = `accordionContent ${ customCssClass ? `${ customCssClass }_accordionContent` : '' }`;\n\n const OpenIcon = () => {\n if (openIcon) {\n return <Icon icon={ openIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronUp } />;\n };\n\n const CloseIcon = () => {\n if (closeIcon) {\n return <Icon icon={ closeIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronDown } />;\n };\n\n return (\n <section className={ wrapperCssClass } style={ alignmentStyle as React.CSSProperties }>\n <header className={ headerCssClass }>\n {\n customSectionHeader\n ? <div tabIndex={ 0 } className=\"accordionCustomHeading\">{ heading }</div>\n : (\n <h3>\n { isFixed\n ? heading\n : (\n <button\n ref={ accordionControl }\n aria-controls={ contentId }\n aria-expanded={ panelIsOpen }\n id={ controlId }\n onClick={ TogglePanelOpenState }\n type=\"button\"\n className={ controlCssClass }\n >\n <span className=\"sr-only\">Open and close accordion</span>\n {\n headerButtonCustomLabel || <span className=\"labelText\">{ heading }</span>\n }\n {\n panelIsOpen\n ? <OpenIcon />\n : <CloseIcon />\n }\n </button>\n ) }\n </h3>\n )\n }\n </header>\n\n <section tabIndex={ 0 } className={ contentCssClass } id={ contentId } aria-labelledby={ controlId }>\n <span className=\"sr-only\">Start of accordion content</span>\n { children }\n\n { footer\n && (\n <footer>\n { footer }\n </footer>\n ) }\n </section>\n </section>\n );\n};\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Accordion.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","Accordion","_extends2","_react","_interopRequireWildcard","_SvgIcon","_iconDefinitions","_Icon","_InertAttribute","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","id","heading","children","footer","openIcon","closeIcon","isOpen","isAnimated","isFixed","innerBorders","outerBorders","hasShadow","onChange","customCssClass","restrictHeight","headerButtonCustomLabel","headerButtonCssClass","paddingStyle","horizontalAlignments","panelIsOpen","setPanelIsOpen","useState","accordionControl","useRef","accordionContentSection","useInertAttribute","panelId","Date","now","contentId","controlId","customSectionHeader","TogglePanelOpenState","newState","heightCssClass","justifyContentMap","left","center","right","alignmentStyle","header","content","wrapperCssClass","headerCssClass","controlCssClass","contentCssClass","OpenIcon","createElement","Icon","icon","SvgIcon","svgDefinition","chevronUp","CloseIcon","chevronDown","className","style","tabIndex","ref","onClick","type","undefined","_default"],"sources":["../../../../../src/components/design/accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { chevronUp, chevronDown } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\n\nimport { Icon } from '../icons/basicIcon/Icon';\nimport { useInertAttribute } from '../../../hooks/InertAttribute';\n\nimport './accordion.scss';\n\nexport interface AccordionProps {\n id: string;\n isOpen?: boolean;\n isAnimated?: boolean;\n isFixed?: boolean;\n innerBorders?: boolean;\n outerBorders?: boolean;\n hasShadow?: boolean;\n onChange?: (args: boolean) => void;\n openIcon?: string;\n closeIcon?: string;\n heading: string | React.ReactElement;\n footer?: string | React.ReactElement;\n customCssClass?: string;\n restrictHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';\n headerButtonCustomLabel?: string | React.ReactElement;\n headerButtonCssClass?: string;\n paddingStyle?: 'compact' | 'regular' | 'spacious';\n children?: React.ReactNode;\n horizontalAlignments?: {\n header?: 'left' | 'center' | 'right';\n content?: 'left' | 'center' | 'right';\n footer?: 'left' | 'center' | 'right';\n };\n}\n\nexport const Accordion: React.FC<AccordionProps> = (\n {\n id,\n heading,\n children,\n footer,\n openIcon = null,\n closeIcon = null,\n isOpen = true,\n isAnimated = true,\n isFixed = false,\n innerBorders = true,\n outerBorders = true,\n hasShadow = false,\n onChange,\n customCssClass,\n restrictHeight,\n headerButtonCustomLabel,\n headerButtonCssClass,\n paddingStyle = 'regular',\n horizontalAlignments,\n }\n) => {\n const [panelIsOpen, setPanelIsOpen] = useState(isOpen || isFixed);\n const accordionControl = useRef(null);\n const accordionContentSection = useRef<HTMLElement>(null);\n\n useInertAttribute(accordionContentSection, !panelIsOpen && !isFixed);\n\n const panelId = id || `accordion_${ Date.now() }`;\n const contentId = `${ panelId }_content`;\n const controlId = `${ panelId }_control`;\n\n const customSectionHeader = typeof heading !== 'string' && !headerButtonCustomLabel;\n\n const TogglePanelOpenState = () => {\n const newState = !panelIsOpen;\n setPanelIsOpen(newState);\n if (onChange) {\n onChange(newState);\n }\n };\n\n const heightCssClass = restrictHeight ? `accordion_${ restrictHeight }` : '';\n\n // map horizontal alignment props to justify-content values for fixed accordions\n const justifyContentMap = {\n left: 'flex-start',\n center: 'center',\n right: 'flex-end',\n };\n\n const alignmentStyle = {\n ...(isFixed && horizontalAlignments?.header\n ? { '--header-align-h': justifyContentMap[horizontalAlignments.header] }\n : { '--header-align-h': horizontalAlignments?.header || 'left' }),\n '--content-align-h': horizontalAlignments?.content || 'left',\n '--footer-align-h': horizontalAlignments?.footer || 'left',\n };\n\n const wrapperCssClass = `\n accordion\n ${ customCssClass || '' }\n ${ heightCssClass }\n ${ panelIsOpen || isFixed ? 'open' : 'closed' }\n ${ isFixed ? 'fixed' : '' }\n ${ isAnimated ? 'animated' : '' }\n ${ outerBorders ? 'outerBorders' : '' }\n ${ paddingStyle ? `padding_${ paddingStyle }` : '' }\n ${ hasShadow ? 'hasShadow' : '' }\n `;\n\n const headerCssClass = `accordionHeader ${ customSectionHeader || isFixed ? 'accordionHeader_custom' : '' } ${ innerBorders ? 'accordionHeader_innerBorders' : '' }`;\n\n const controlCssClass = `accordionControl ${ customCssClass ? `${ customCssClass }_accordionControl` : '' } ${ headerButtonCssClass || '' }`;\n\n const contentCssClass = `accordionContent ${ customCssClass ? `${ customCssClass }_accordionContent` : '' }`;\n\n const OpenIcon = () => {\n if (openIcon) {\n return <Icon icon={ openIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronUp } />;\n };\n\n const CloseIcon = () => {\n if (closeIcon) {\n return <Icon icon={ closeIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronDown } />;\n };\n\n return (\n <section className={ wrapperCssClass } style={ alignmentStyle as React.CSSProperties }>\n <header className={ headerCssClass }>\n {\n customSectionHeader\n ? <div tabIndex={ 0 } className=\"accordionCustomHeading\">{ heading }</div>\n : (\n <h3>\n { isFixed\n ? heading\n : (\n <button\n ref={ accordionControl }\n aria-controls={ contentId }\n aria-expanded={ panelIsOpen }\n id={ controlId }\n onClick={ TogglePanelOpenState }\n type=\"button\"\n className={ controlCssClass }\n >\n <span className=\"sr-only\">Open and close accordion</span>\n {\n headerButtonCustomLabel || <span className=\"labelText\">{ heading }</span>\n }\n {\n panelIsOpen\n ? <OpenIcon />\n : <CloseIcon />\n }\n </button>\n ) }\n </h3>\n )\n }\n </header>\n\n <section\n ref={ accordionContentSection }\n className={ contentCssClass }\n id={ contentId }\n aria-labelledby={ controlId }\n { ...(!panelIsOpen && !isFixed ? {\n 'aria-hidden': true\n } : {}) }\n tabIndex={ restrictHeight && (panelIsOpen || isFixed) ? 0 : undefined }\n >\n <span className=\"sr-only\">Start of accordion content</span>\n { children }\n\n { footer\n && (\n <footer>\n { footer }\n </footer>\n ) }\n </section>\n </section>\n );\n};\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useInertAttribute = exports.default = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
const useInertAttribute = (elementRef, enabled) => {
|
|
9
|
+
(0, _react.useEffect)(() => {
|
|
10
|
+
const domElement = elementRef.current;
|
|
11
|
+
if (!domElement) return;
|
|
12
|
+
|
|
13
|
+
// Set DOM property (cross React-version safe)
|
|
14
|
+
if ('inert' in domElement) {
|
|
15
|
+
domElement.inert = enabled;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
// Sync attribute (SSR + consistency)
|
|
19
|
+
if (enabled) {
|
|
20
|
+
domElement.setAttribute('inert', '');
|
|
21
|
+
} else {
|
|
22
|
+
domElement.removeAttribute('inert');
|
|
23
|
+
}
|
|
24
|
+
}, [enabled]);
|
|
25
|
+
};
|
|
26
|
+
exports.useInertAttribute = useInertAttribute;
|
|
27
|
+
var _default = exports.default = useInertAttribute;
|
|
28
|
+
//# sourceMappingURL=InertAttribute.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InertAttribute.js","names":["_react","require","useInertAttribute","elementRef","enabled","useEffect","domElement","current","inert","setAttribute","removeAttribute","exports","_default","default"],"sources":["../../../src/hooks/InertAttribute.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\ntype InertElement = HTMLElement & { inert?: boolean };\n\nexport const useInertAttribute = <T extends HTMLElement>(\n elementRef: RefObject<T | null>,\n enabled: boolean\n) => {\n useEffect(() => {\n const domElement = elementRef.current as InertElement | null;\n if (!domElement) return;\n\n // Set DOM property (cross React-version safe)\n if ('inert' in domElement) {\n domElement.inert = enabled;\n }\n\n // Sync attribute (SSR + consistency)\n if (enabled) {\n domElement.setAttribute('inert', '');\n } else {\n domElement.removeAttribute('inert');\n }\n }, [enabled]);\n};\n\nexport default useInertAttribute;"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,MAAMC,iBAAiB,GAAGA,CAC/BC,UAA+B,EAC/BC,OAAgB,KACb;EACH,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,UAAU,GAAGH,UAAU,CAACI,OAA8B;IAC5D,IAAI,CAACD,UAAU,EAAE;;IAEjB;IACA,IAAI,OAAO,IAAIA,UAAU,EAAE;MACzBA,UAAU,CAACE,KAAK,GAAGJ,OAAO;IAC5B;;IAEA;IACA,IAAIA,OAAO,EAAE;MACXE,UAAU,CAACG,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;IACtC,CAAC,MAAM;MACLH,UAAU,CAACI,eAAe,CAAC,OAAO,CAAC;IACrC;EACF,CAAC,EAAE,CAACN,OAAO,CAAC,CAAC;AACf,CAAC;AAACO,OAAA,CAAAT,iBAAA,GAAAA,iBAAA;AAAA,IAAAU,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAEaX,iBAAiB","ignoreList":[]}
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -28,6 +28,12 @@ Object.defineProperty(exports, "useFocusTrap", {
|
|
|
28
28
|
return _FocusTrap.useFocusTrap;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
+
Object.defineProperty(exports, "useInertAttribute", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function () {
|
|
34
|
+
return _InertAttribute.useInertAttribute;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
31
37
|
Object.defineProperty(exports, "useOnClickOutside", {
|
|
32
38
|
enumerable: true,
|
|
33
39
|
get: function () {
|
|
@@ -60,4 +66,5 @@ var _TabbableInputGroup = require("./TabbableInputGroup");
|
|
|
60
66
|
var _DialogOverlay = require("./DialogOverlay");
|
|
61
67
|
var _EllipsisBookends = require("./EllipsisBookends");
|
|
62
68
|
var _FocusTrap = require("./FocusTrap");
|
|
69
|
+
var _InertAttribute = require("./InertAttribute");
|
|
63
70
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Object","defineProperty","exports","value","enumerable","get","_DialogOverlay","useDialogOverlay","_EllipsisBookends","useEllipsisBookends","_Strings","useFirstCapital","_FocusTrap","useFocusTrap","_ClickOutside","useOnClickOutside","_EdgeProximityDetect","useOnEdgeProximityDetect","_PopupKeys","usePopupKeys","_TabbableInputGroup","useTabbableInputGroup","require"],"sources":["../../../src/hooks/index.tsx"],"sourcesContent":["'use client';\n\nexport { useOnClickOutside } from './ClickOutside';\nexport { usePopupKeys } from './PopupKeys';\nexport { useOnEdgeProximityDetect } from './EdgeProximityDetect';\nexport { useFirstCapital } from './Strings';\nexport { useTabbableInputGroup } from './TabbableInputGroup';\nexport { useDialogOverlay } from './DialogOverlay';\nexport { useEllipsisBookends } from './EllipsisBookends';\nexport { useFocusTrap } from './FocusTrap';"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAH,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAC,cAAA,CAAAC,gBAAA;EAAA;AAAA;AAAAP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAG,iBAAA,CAAAC,mBAAA;EAAA;AAAA;AAAAT,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAK,QAAA,CAAAC,eAAA;EAAA;AAAA;AAAAX,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAO,UAAA,CAAAC,YAAA;EAAA;AAAA;AAAAb,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAS,
|
|
1
|
+
{"version":3,"file":"index.js","names":["Object","defineProperty","exports","value","enumerable","get","_DialogOverlay","useDialogOverlay","_EllipsisBookends","useEllipsisBookends","_Strings","useFirstCapital","_FocusTrap","useFocusTrap","_InertAttribute","useInertAttribute","_ClickOutside","useOnClickOutside","_EdgeProximityDetect","useOnEdgeProximityDetect","_PopupKeys","usePopupKeys","_TabbableInputGroup","useTabbableInputGroup","require"],"sources":["../../../src/hooks/index.tsx"],"sourcesContent":["'use client';\n\nexport { useOnClickOutside } from './ClickOutside';\nexport { usePopupKeys } from './PopupKeys';\nexport { useOnEdgeProximityDetect } from './EdgeProximityDetect';\nexport { useFirstCapital } from './Strings';\nexport { useTabbableInputGroup } from './TabbableInputGroup';\nexport { useDialogOverlay } from './DialogOverlay';\nexport { useEllipsisBookends } from './EllipsisBookends';\nexport { useFocusTrap } from './FocusTrap';\nexport { useInertAttribute } from './InertAttribute';"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAH,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAC,cAAA,CAAAC,gBAAA;EAAA;AAAA;AAAAP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAG,iBAAA,CAAAC,mBAAA;EAAA;AAAA;AAAAT,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAK,QAAA,CAAAC,eAAA;EAAA;AAAA;AAAAX,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAO,UAAA,CAAAC,YAAA;EAAA;AAAA;AAAAb,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAS,eAAA,CAAAC,iBAAA;EAAA;AAAA;AAAAf,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAW,aAAA,CAAAC,iBAAA;EAAA;AAAA;AAAAjB,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAa,oBAAA,CAAAC,wBAAA;EAAA;AAAA;AAAAnB,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAe,UAAA,CAAAC,YAAA;EAAA;AAAA;AAAArB,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAE,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAiB,mBAAA,CAAAC,qBAAA;EAAA;AAAA;AAEb,IAAAP,aAAA,GAAAQ,OAAA;AACA,IAAAJ,UAAA,GAAAI,OAAA;AACA,IAAAN,oBAAA,GAAAM,OAAA;AACA,IAAAd,QAAA,GAAAc,OAAA;AACA,IAAAF,mBAAA,GAAAE,OAAA;AACA,IAAAlB,cAAA,GAAAkB,OAAA;AACA,IAAAhB,iBAAA,GAAAgB,OAAA;AACA,IAAAZ,UAAA,GAAAY,OAAA;AACA,IAAAV,eAAA,GAAAU,OAAA","ignoreList":[]}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/cjs/package.json
CHANGED
|
@@ -137,12 +137,8 @@
|
|
|
137
137
|
"files": [
|
|
138
138
|
"dist"
|
|
139
139
|
],
|
|
140
|
-
"version": "3.
|
|
140
|
+
"version": "3.13.0",
|
|
141
141
|
"packageManager": "pnpm@10.11.0",
|
|
142
|
-
"publishConfig": {
|
|
143
|
-
"registry": "https://npm.pkg.github.com/",
|
|
144
|
-
"tag": "latest"
|
|
145
|
-
},
|
|
146
142
|
"repository": {
|
|
147
143
|
"type": "git",
|
|
148
144
|
"url": "https://github.com/x15ventures/x15-ui-library.git"
|
|
@@ -154,13 +150,13 @@
|
|
|
154
150
|
"watch:react": "nodemon --watch src --ext ts,tsx --exec 'pnpm build:react'",
|
|
155
151
|
"watch:sass": "nodemon --watch src/styles --ext scss --exec 'pnpm build:sass'",
|
|
156
152
|
"build": "",
|
|
157
|
-
"build:cicd": "pnpm build:sass && pnpm build:react && pnpm build:types && pnpm build:sass",
|
|
153
|
+
"build:cicd": "pnpm build:sass && pnpm build:react && pnpm build:types && pnpm build:sass && pnpm storybook:styles",
|
|
158
154
|
"build:local": "pnpm build:react && pnpm storybook:build",
|
|
159
155
|
"build:react": "run-func buildLibrary.js buildLibrary",
|
|
160
|
-
"build:sass": "run-func sass.utilities.js buildSassFiles
|
|
156
|
+
"build:sass": "run-func sass.utilities.js buildSassFiles",
|
|
161
157
|
"build:static": "pnpm build:react && pnpm build:sass",
|
|
162
158
|
"build:types": "npx tsc --build tsconfig.lib.json --force",
|
|
163
|
-
"build:ai:docs": "run-func aiTools/scripts/componentAIDocExtractor.js generateDocumentation",
|
|
159
|
+
"build:ai:docs": "run-func aiTools/scripts/componentAIDocExtractor.js generateDocumentation && pnpm storybook:build && mkdir -p ./aiTools/storybookDocs && cp -R ./storybook-static/* ./aiTools/storybookDocs",
|
|
164
160
|
"build:ai:library": "run-func buildLibrary.js makeAIReferenceFiles",
|
|
165
161
|
"build:ai:styles": "node aiTools/scripts/componentAICssExtractor.js",
|
|
166
162
|
"build:ai:styles:reference": "node aiTools/scripts/buildAiStylesReference.js",
|
|
@@ -179,6 +175,7 @@
|
|
|
179
175
|
"dependencies": {
|
|
180
176
|
"@hookform/error-message": "^2.0.1",
|
|
181
177
|
"@semantic-release/exec": "^7.0.3",
|
|
178
|
+
"@x15stack/aws": "^1.6.5",
|
|
182
179
|
"@x15ventures/x15-ui-library-icons": "^1.0.4",
|
|
183
180
|
"babel-plugin-transform-imports": "^2.0.0",
|
|
184
181
|
"html-react-parser": "^5.1.16",
|
|
@@ -210,6 +207,8 @@
|
|
|
210
207
|
"@babel/preset-react": "^7",
|
|
211
208
|
"@babel/preset-typescript": "^7",
|
|
212
209
|
"@babel/runtime": "^7.26.10",
|
|
210
|
+
"@commitlint/cli": "^20.5.0",
|
|
211
|
+
"@commitlint/config-conventional": "^20.5.0",
|
|
213
212
|
"@eslint/js": "^9.38.0",
|
|
214
213
|
"@jest/globals": "^29.7.0",
|
|
215
214
|
"@jest/types": "^29.6.3",
|
|
@@ -257,6 +256,7 @@
|
|
|
257
256
|
"babel-loader": "^9.1.3",
|
|
258
257
|
"babel-plugin-macros": "^3.1.0",
|
|
259
258
|
"chromatic": "^11.10.1",
|
|
259
|
+
"commitlint": "^20.5.0",
|
|
260
260
|
"copy-webpack-plugin": "^12.0.2",
|
|
261
261
|
"cors": "^2.8.5",
|
|
262
262
|
"cross-env": "^7.0.3",
|
|
@@ -276,11 +276,12 @@
|
|
|
276
276
|
"file-loader": "^6.2.0",
|
|
277
277
|
"fs": "0.0.1-security",
|
|
278
278
|
"fs-extra": "^11.3.0",
|
|
279
|
-
"glob": "^
|
|
279
|
+
"glob": "^13.0.6",
|
|
280
280
|
"globals": "^15.14.0",
|
|
281
281
|
"jest": "^30.2.0",
|
|
282
282
|
"jest-environment-jsdom": "^29.7.0",
|
|
283
283
|
"lefthook": "^1.11.2",
|
|
284
|
+
"minimatch": "^10.2.4",
|
|
284
285
|
"nodemon": "^3.1.4",
|
|
285
286
|
"npm-run-all": "^4.1.5",
|
|
286
287
|
"null-loader": "^4.0.1",
|
|
@@ -304,32 +305,22 @@
|
|
|
304
305
|
},
|
|
305
306
|
"pnpm": {
|
|
306
307
|
"overrides": {
|
|
307
|
-
"
|
|
308
|
-
"
|
|
309
|
-
"
|
|
310
|
-
"
|
|
311
|
-
"
|
|
312
|
-
"
|
|
313
|
-
"
|
|
314
|
-
"
|
|
315
|
-
"
|
|
316
|
-
"
|
|
317
|
-
"
|
|
318
|
-
"
|
|
319
|
-
"
|
|
320
|
-
"
|
|
321
|
-
"
|
|
322
|
-
"
|
|
323
|
-
"brace-expansion@>=1.0.0 <=1.1.11": ">=1.1.12",
|
|
324
|
-
"brace-expansion@>=2.0.0 <=2.0.1": ">=2.0.2",
|
|
325
|
-
"minimatch>brace-expansion": "2.0.2",
|
|
326
|
-
"js-yaml": ">=4.1.1",
|
|
327
|
-
"glob": ">=11.1.0",
|
|
328
|
-
"mdast-util-to-hast@>=13.0.0 <13.2.1": ">=13.2.1",
|
|
329
|
-
"qs@<6.14.1": ">=6.14.1",
|
|
330
|
-
"lodash-es": ">=4.17.23",
|
|
331
|
-
"lodash": ">=4.17.23",
|
|
332
|
-
"undici": ">=7.18.2"
|
|
308
|
+
"@tootallnate/once@<3.0.1": ">=3.0.1",
|
|
309
|
+
"brace-expansion": ">=5.0.5",
|
|
310
|
+
"flatted": ">=3.4.2",
|
|
311
|
+
"flatted@<3.4.0": ">=3.4.0",
|
|
312
|
+
"handlebars": ">=4.7.9",
|
|
313
|
+
"immutable@>=5.0.0 <5.1.5": ">=5.1.5",
|
|
314
|
+
"minimatch": ">=9.0.7",
|
|
315
|
+
"path-to-regexp": ">=8.4.0",
|
|
316
|
+
"picomatch": ">=4.0.4",
|
|
317
|
+
"qs": ">=6.14.2",
|
|
318
|
+
"rollup": ">=4.59.0",
|
|
319
|
+
"serialize-javascript": ">=7.0.3",
|
|
320
|
+
"storybook": ">=10.2.10",
|
|
321
|
+
"undici": ">=7.24.0",
|
|
322
|
+
"webpack": ">=5.104.1",
|
|
323
|
+
"yaml": ">=1.10.3"
|
|
333
324
|
},
|
|
334
325
|
"auditConfig": {
|
|
335
326
|
"ignoreCves": [
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react.d.js","names":[],"sources":["../../../src/types/react.d.ts"],"sourcesContent":["// Extend React types to include the inert attribute for HTML elements\n// The inert attribute is a standard HTML attribute supported in modern browsers\n// but is not included in React 18's type definitions (added in React 19)\ndeclare module 'react' {\n // eslint-disable-next-line no-unused-vars\n interface HTMLAttributes<T> {\n /**\n * The inert attribute is a boolean attribute that indicates that the element\n * and all its descendants should be made non-interactive and invisible to\n * assistive technologies (screen readers).\n *\n * When inert is true, the element:\n * - Is removed from the tab order\n * - Cannot be focused\n * - Is hidden from screen readers\n * - Cannot have any interactions\n *\n * Supported in all modern browsers (Chrome 102+, Firefox 112+, Safari 15.5+, Edge 102+)\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\n */\n inert?: boolean;\n }\n}\n\nexport {};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/design/accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/design/accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IACxD,uBAAuB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACtD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE;QACrB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACrC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACtC,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;KACtC,CAAC;CACH;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsJ9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -11,8 +11,8 @@ export const libraryThemes = {
|
|
|
11
11
|
"map": "index.min.css.map"
|
|
12
12
|
},
|
|
13
13
|
"versioned": {
|
|
14
|
-
"css": "index.min.3.
|
|
15
|
-
"map": "index.min.3.
|
|
14
|
+
"css": "index.min.3.13.1.css",
|
|
15
|
+
"map": "index.min.3.13.1.css.map"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"cba": {
|
|
@@ -26,8 +26,8 @@ export const libraryThemes = {
|
|
|
26
26
|
"map": "cba.min.css.map"
|
|
27
27
|
},
|
|
28
28
|
"versioned": {
|
|
29
|
-
"css": "cba.min.3.
|
|
30
|
-
"map": "cba.min.3.
|
|
29
|
+
"css": "cba.min.3.13.1.css",
|
|
30
|
+
"map": "cba.min.3.13.1.css.map"
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"creditSavvy": {
|
|
@@ -41,8 +41,8 @@ export const libraryThemes = {
|
|
|
41
41
|
"map": "creditSavvy.min.css.map"
|
|
42
42
|
},
|
|
43
43
|
"versioned": {
|
|
44
|
-
"css": "creditSavvy.min.3.
|
|
45
|
-
"map": "creditSavvy.min.3.
|
|
44
|
+
"css": "creditSavvy.min.3.13.1.css",
|
|
45
|
+
"map": "creditSavvy.min.3.13.1.css.map"
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
"doshii": {
|
|
@@ -56,8 +56,8 @@ export const libraryThemes = {
|
|
|
56
56
|
"map": "doshii.min.css.map"
|
|
57
57
|
},
|
|
58
58
|
"versioned": {
|
|
59
|
-
"css": "doshii.min.3.
|
|
60
|
-
"map": "doshii.min.3.
|
|
59
|
+
"css": "doshii.min.3.13.1.css",
|
|
60
|
+
"map": "doshii.min.3.13.1.css.map"
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
"homeIn": {
|
|
@@ -71,8 +71,8 @@ export const libraryThemes = {
|
|
|
71
71
|
"map": "homeIn.min.css.map"
|
|
72
72
|
},
|
|
73
73
|
"versioned": {
|
|
74
|
-
"css": "homeIn.min.3.
|
|
75
|
-
"map": "homeIn.min.3.
|
|
74
|
+
"css": "homeIn.min.3.13.1.css",
|
|
75
|
+
"map": "homeIn.min.3.13.1.css.map"
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
"x15Core": {
|
|
@@ -86,8 +86,8 @@ export const libraryThemes = {
|
|
|
86
86
|
"map": "x15Core.min.css.map"
|
|
87
87
|
},
|
|
88
88
|
"versioned": {
|
|
89
|
-
"css": "x15Core.min.3.
|
|
90
|
-
"map": "x15Core.min.3.
|
|
89
|
+
"css": "x15Core.min.3.13.1.css",
|
|
90
|
+
"map": "x15Core.min.3.13.1.css.map"
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"libraryThemes.js","names":["libraryThemes"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.
|
|
1
|
+
{"version":3,"file":"libraryThemes.js","names":["libraryThemes"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.13.1.css\",\n \"map\": \"index.min.3.13.1.css.map\"\n }\n },\n \"cba\": {\n \"buildPath\": \"styles/themes/cba\",\n \"dev\": {\n \"css\": \"cba.css\",\n \"map\": \"cba.css.map\"\n },\n \"min\": {\n \"css\": \"cba.min.css\",\n \"map\": \"cba.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"cba.min.3.13.1.css\",\n \"map\": \"cba.min.3.13.1.css.map\"\n }\n },\n \"creditSavvy\": {\n \"buildPath\": \"styles/themes/creditSavvy\",\n \"dev\": {\n \"css\": \"creditSavvy.css\",\n \"map\": \"creditSavvy.css.map\"\n },\n \"min\": {\n \"css\": \"creditSavvy.min.css\",\n \"map\": \"creditSavvy.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"creditSavvy.min.3.13.1.css\",\n \"map\": \"creditSavvy.min.3.13.1.css.map\"\n }\n },\n \"doshii\": {\n \"buildPath\": \"styles/themes/doshii\",\n \"dev\": {\n \"css\": \"doshii.css\",\n \"map\": \"doshii.css.map\"\n },\n \"min\": {\n \"css\": \"doshii.min.css\",\n \"map\": \"doshii.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"doshii.min.3.13.1.css\",\n \"map\": \"doshii.min.3.13.1.css.map\"\n }\n },\n \"homeIn\": {\n \"buildPath\": \"styles/themes/homeIn\",\n \"dev\": {\n \"css\": \"homeIn.css\",\n \"map\": \"homeIn.css.map\"\n },\n \"min\": {\n \"css\": \"homeIn.min.css\",\n \"map\": \"homeIn.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"homeIn.min.3.13.1.css\",\n \"map\": \"homeIn.min.3.13.1.css.map\"\n }\n },\n \"x15Core\": {\n \"buildPath\": \"styles/themes/x15Core\",\n \"dev\": {\n \"css\": \"x15Core.css\",\n \"map\": \"x15Core.css.map\"\n },\n \"min\": {\n \"css\": \"x15Core.min.css\",\n \"map\": \"x15Core.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"x15Core.min.3.13.1.css\",\n \"map\": \"x15Core.min.3.13.1.css.map\"\n }\n }\n}; export default libraryThemes;"],"mappings":"AAAA;AACA,OAAO,MAAMA,aAAa,GAAG;EAC3B,MAAM,EAAE;IACN,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE;MACL,KAAK,EAAE,WAAW;MAClB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,sBAAsB;MAC7B,KAAK,EAAE;IACT;EACF,CAAC;EACD,KAAK,EAAE;IACL,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE;MACL,KAAK,EAAE,SAAS;MAChB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,oBAAoB;MAC3B,KAAK,EAAE;IACT;EACF,CAAC;EACD,aAAa,EAAE;IACb,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,qBAAqB;MAC5B,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,4BAA4B;MACnC,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,SAAS,EAAE;IACT,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,wBAAwB;MAC/B,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAE,eAAeA,aAAa","ignoreList":[]}
|