@carbon/ibm-products-web-components 0.11.0-rc.0 → 0.11.0-rc.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/es/components/about-modal/about-modal.d.ts +87 -61
- package/es/components/side-panel/side-panel.d.ts +87 -61
- package/es/components/tearsheet/tearsheet.d.ts +87 -61
- package/es/components/user-avatar/user-avatar.d.ts +87 -61
- package/es/package.json.js +1 -1
- package/es-custom/components/about-modal/about-modal.d.ts +418 -0
- package/es-custom/components/about-modal/about-modal.js +143 -0
- package/es-custom/components/about-modal/about-modal.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.scss.js +13 -0
- package/es-custom/components/about-modal/about-modal.scss.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.test.d.ts +7 -0
- package/es-custom/components/about-modal/about-modal.test.js +87 -0
- package/es-custom/components/about-modal/about-modal.test.js.map +1 -0
- package/es-custom/components/about-modal/defs.d.ts +8 -0
- package/es-custom/components/about-modal/defs.js +8 -0
- package/es-custom/components/about-modal/defs.js.map +1 -0
- package/es-custom/components/about-modal/index.d.ts +9 -0
- package/es-custom/components/about-modal/index.js +9 -0
- package/es-custom/components/about-modal/index.js.map +1 -0
- package/es-custom/components/side-panel/defs.d.ts +39 -0
- package/es-custom/components/side-panel/defs.js +51 -0
- package/es-custom/components/side-panel/defs.js.map +1 -0
- package/es-custom/components/side-panel/index.d.ts +9 -0
- package/es-custom/components/side-panel/index.js +9 -0
- package/es-custom/components/side-panel/index.js.map +1 -0
- package/es-custom/components/side-panel/side-panel.d.ts +546 -0
- package/es-custom/components/side-panel/side-panel.js +828 -0
- package/es-custom/components/side-panel/side-panel.js.map +1 -0
- package/es-custom/components/side-panel/side-panel.scss.js +13 -0
- package/es-custom/components/side-panel/side-panel.scss.js.map +1 -0
- package/es-custom/components/side-panel/side-panel.test.d.ts +7 -0
- package/es-custom/components/side-panel/side-panel.test.js +56 -0
- package/es-custom/components/side-panel/side-panel.test.js.map +1 -0
- package/es-custom/components/tearsheet/defs.d.ts +26 -0
- package/es-custom/components/tearsheet/defs.js +39 -0
- package/es-custom/components/tearsheet/defs.js.map +1 -0
- package/es-custom/components/tearsheet/index.d.ts +9 -0
- package/es-custom/components/tearsheet/index.js +9 -0
- package/es-custom/components/tearsheet/index.js.map +1 -0
- package/es-custom/components/tearsheet/tearsheet.d.ts +516 -0
- package/es-custom/components/tearsheet/tearsheet.js +676 -0
- package/es-custom/components/tearsheet/tearsheet.js.map +1 -0
- package/es-custom/components/tearsheet/tearsheet.scss.js +13 -0
- package/es-custom/components/tearsheet/tearsheet.scss.js.map +1 -0
- package/es-custom/components/tearsheet/tearsheet.test.d.ts +7 -0
- package/es-custom/components/tearsheet/tearsheet.test.js +121 -0
- package/es-custom/components/tearsheet/tearsheet.test.js.map +1 -0
- package/es-custom/components/user-avatar/index.d.ts +9 -0
- package/es-custom/components/user-avatar/index.js +9 -0
- package/es-custom/components/user-avatar/index.js.map +1 -0
- package/es-custom/components/user-avatar/user-avatar.d.ts +405 -0
- package/es-custom/components/user-avatar/user-avatar.js +151 -0
- package/es-custom/components/user-avatar/user-avatar.js.map +1 -0
- package/es-custom/components/user-avatar/user-avatar.scss.js +13 -0
- package/es-custom/components/user-avatar/user-avatar.scss.js.map +1 -0
- package/es-custom/globals/internal/handle.d.ts +18 -0
- package/es-custom/globals/internal/handle.js +8 -0
- package/es-custom/globals/internal/handle.js.map +1 -0
- package/es-custom/globals/internal/storybook-cdn.js +78 -0
- package/es-custom/globals/internal/storybook-cdn.js.map +1 -0
- package/es-custom/globals/settings.d.ts +15 -0
- package/es-custom/globals/settings.js +28 -0
- package/es-custom/globals/settings.js.map +1 -0
- package/es-custom/index.d.ts +12 -0
- package/es-custom/index.js +12 -0
- package/es-custom/index.js.map +1 -0
- package/es-custom/package.json.js +13 -0
- package/es-custom/package.json.js.map +1 -0
- package/lib/components/about-modal/about-modal.d.ts +87 -61
- package/lib/components/side-panel/side-panel.d.ts +87 -61
- package/lib/components/tearsheet/tearsheet.d.ts +87 -61
- package/lib/components/user-avatar/user-avatar.d.ts +87 -61
- package/package.json +5 -3
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"about-modal.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
@@ -0,0 +1,87 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
import { vi, describe, it, expect } from 'vitest';
|
9
|
+
import { html, render } from 'lit';
|
10
|
+
|
11
|
+
/**
|
12
|
+
* Copyright IBM Corp. 2025
|
13
|
+
*
|
14
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
15
|
+
* LICENSE file in the root directory of this source tree.
|
16
|
+
*/
|
17
|
+
vi.mock('@carbon/icons/lib/close/20', () => vi.fn().mockReturnValue({}));
|
18
|
+
const logo = html `
|
19
|
+
<img
|
20
|
+
src="./_story-assets/example-logo.svg"
|
21
|
+
alt="Example product or service logo"
|
22
|
+
style="max-width: 6rem"
|
23
|
+
/>
|
24
|
+
`;
|
25
|
+
const additionalInfo = html `
|
26
|
+
<p class="c4p__footer-label">Powered by</p>
|
27
|
+
<img
|
28
|
+
src="./_story-assets/ansible-logo.png"
|
29
|
+
alt="Grafana"
|
30
|
+
class="c4p__footer--tech-logo"
|
31
|
+
/>
|
32
|
+
<img
|
33
|
+
src="./_story-assets/ansible-logo.png"
|
34
|
+
alt="Ansible"
|
35
|
+
class="c4p__footer--tech-logo"
|
36
|
+
/>
|
37
|
+
<img
|
38
|
+
src="./_story-assets/js-logo.png"
|
39
|
+
alt="JavaScript"
|
40
|
+
class="c4p__footer--tech-logo"
|
41
|
+
/>
|
42
|
+
`;
|
43
|
+
const content = html `This Web site contains proprietary notices and copyright
|
44
|
+
information, the terms of which must be observed and followed. Please see the
|
45
|
+
tab entitled 'Copyright and trademark information' for related information. IBM
|
46
|
+
grants you a non-exclusive, non-transferable, limited permission to access and
|
47
|
+
display the Web pages within this site as a customer or potential customer of
|
48
|
+
IBM provided you comply with these Terms of Use, and all copyright, trademark,
|
49
|
+
and other proprietary notices remain intact.`;
|
50
|
+
const defaultProps = {
|
51
|
+
closeIconDescription: 'close',
|
52
|
+
copyrightText: 'Copyright © IBM Corp. 2020, 2023',
|
53
|
+
logo: logo,
|
54
|
+
title: 'IBM Product name',
|
55
|
+
version: 'Version 0.0.0',
|
56
|
+
additionalInfo: additionalInfo,
|
57
|
+
content: content,
|
58
|
+
links: false,
|
59
|
+
};
|
60
|
+
const index = 3;
|
61
|
+
for (let i = 0; i < index; i++) {
|
62
|
+
html `<cds-custom-link href="#"> Link action </cds-custom-link>`;
|
63
|
+
}
|
64
|
+
const template = (props = defaultProps) => html `
|
65
|
+
<c4p-about-modal
|
66
|
+
open
|
67
|
+
closeIconDescription=${props.closeIconDescription}
|
68
|
+
copyrightText=${props.copyrightText}
|
69
|
+
.logo=${props.logo}
|
70
|
+
.title=${props.title}
|
71
|
+
.version=${props.version}
|
72
|
+
.additionalInfo=${props.additionalInfo}
|
73
|
+
.content=${props.content}
|
74
|
+
.links=${props.links}
|
75
|
+
aria-label="label"
|
76
|
+
>
|
77
|
+
</c4p-about-modal>
|
78
|
+
`;
|
79
|
+
describe('c4p-about-modal', () => {
|
80
|
+
it('should render about modal', async () => {
|
81
|
+
render(template(), document.body);
|
82
|
+
await Promise.resolve();
|
83
|
+
const elem = document.body.querySelector('c4p-about-modal');
|
84
|
+
expect(elem).toBeDefined();
|
85
|
+
});
|
86
|
+
});
|
87
|
+
//# sourceMappingURL=about-modal.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"about-modal.test.js","sources":["../../../src/components/about-modal/about-modal.test.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;AAKG;AAEH,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;AAIxE,MAAM,IAAI,GAAG,IAAI,CAAA;;;;;;CAMhB;AACD,MAAM,cAAc,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;CAiB1B;AACD,MAAM,OAAO,GAAG,IAAI,CAAA,CAAA;;;;;;6CAMyB;AAC7C,MAAM,YAAY,GAAG;AACnB,IAAA,oBAAoB,EAAE,OAAO;AAC7B,IAAA,aAAa,EAAE,kCAAkC;AACjD,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAE,kBAAkB;AACzB,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,KAAK,EAAE,KAAK;CACb;AAED,MAAM,KAAK,GAAG,CAAC;AACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC9B,IAAa,IAAI,CAAA;AAEnB;AACA,MAAM,QAAQ,GAAG,CAAC,KAAK,GAAG,YAAY,KAAK,IAAI,CAAA;;;AAGpB,yBAAA,EAAA,KAAK,CAAC,oBAAoB;AACjC,kBAAA,EAAA,KAAK,CAAC,aAAa;AAC3B,UAAA,EAAA,KAAK,CAAC,IAAI;AACT,WAAA,EAAA,KAAK,CAAC,KAAK;AACT,aAAA,EAAA,KAAK,CAAC,OAAO;AACN,oBAAA,EAAA,KAAK,CAAC,cAAc;AAC3B,aAAA,EAAA,KAAK,CAAC,OAAO;AACf,WAAA,EAAA,KAAK,CAAC,KAAK;;;;CAIvB;AAED,QAAQ,CAAC,iBAAiB,EAAE,MAAK;AAC/B,IAAA,EAAE,CAAC,2BAA2B,EAAE,YAAW;QACzC,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC;AACjC,QAAA,MAAM,OAAO,CAAC,OAAO,EAAE;QACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAwB,CAAC;AAClE,QAAA,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE;AAC5B,KAAC,CAAC;AACJ,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"defs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
/**
|
2
|
+
* @license
|
3
|
+
*
|
4
|
+
* Copyright IBM Corp. 2023, 2024
|
5
|
+
*
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
8
|
+
*/
|
9
|
+
/**
|
10
|
+
* Modal size.
|
11
|
+
*/
|
12
|
+
export declare enum SIDE_PANEL_SIZE {
|
13
|
+
/**
|
14
|
+
* Extra small size.
|
15
|
+
*/
|
16
|
+
EXTRA_SMALL = "xs",
|
17
|
+
/**
|
18
|
+
* Small size.
|
19
|
+
*/
|
20
|
+
SMALL = "sm",
|
21
|
+
/**
|
22
|
+
* Medium size.
|
23
|
+
*/
|
24
|
+
MEDIUM = "md",
|
25
|
+
/**
|
26
|
+
* Large size.
|
27
|
+
*/
|
28
|
+
LARGE = "lg",
|
29
|
+
/**
|
30
|
+
* 2X-Large size.
|
31
|
+
*/
|
32
|
+
EXTRA_EXTRA_LARGE = "2xl"
|
33
|
+
}
|
34
|
+
export declare enum SIDE_PANEL_PLACEMENT {
|
35
|
+
/** right / default */
|
36
|
+
RIGHT = "right",
|
37
|
+
/** left */
|
38
|
+
LEFT = "left"
|
39
|
+
}
|
@@ -0,0 +1,51 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
/**
|
9
|
+
* @license
|
10
|
+
*
|
11
|
+
* Copyright IBM Corp. 2023, 2024
|
12
|
+
*
|
13
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
14
|
+
* LICENSE file in the root directory of this source tree.
|
15
|
+
*/
|
16
|
+
/**
|
17
|
+
* Modal size.
|
18
|
+
*/
|
19
|
+
var SIDE_PANEL_SIZE;
|
20
|
+
(function (SIDE_PANEL_SIZE) {
|
21
|
+
/**
|
22
|
+
* Extra small size.
|
23
|
+
*/
|
24
|
+
SIDE_PANEL_SIZE["EXTRA_SMALL"] = "xs";
|
25
|
+
/**
|
26
|
+
* Small size.
|
27
|
+
*/
|
28
|
+
SIDE_PANEL_SIZE["SMALL"] = "sm";
|
29
|
+
/**
|
30
|
+
* Medium size.
|
31
|
+
*/
|
32
|
+
SIDE_PANEL_SIZE["MEDIUM"] = "md";
|
33
|
+
/**
|
34
|
+
* Large size.
|
35
|
+
*/
|
36
|
+
SIDE_PANEL_SIZE["LARGE"] = "lg";
|
37
|
+
/**
|
38
|
+
* 2X-Large size.
|
39
|
+
*/
|
40
|
+
SIDE_PANEL_SIZE["EXTRA_EXTRA_LARGE"] = "2xl";
|
41
|
+
})(SIDE_PANEL_SIZE || (SIDE_PANEL_SIZE = {}));
|
42
|
+
var SIDE_PANEL_PLACEMENT;
|
43
|
+
(function (SIDE_PANEL_PLACEMENT) {
|
44
|
+
/** right / default */
|
45
|
+
SIDE_PANEL_PLACEMENT["RIGHT"] = "right";
|
46
|
+
/** left */
|
47
|
+
SIDE_PANEL_PLACEMENT["LEFT"] = "left";
|
48
|
+
})(SIDE_PANEL_PLACEMENT || (SIDE_PANEL_PLACEMENT = {}));
|
49
|
+
|
50
|
+
export { SIDE_PANEL_PLACEMENT, SIDE_PANEL_SIZE };
|
51
|
+
//# sourceMappingURL=defs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"defs.js","sources":["../../../src/components/side-panel/defs.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AAEH;;AAEG;IACS;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB;;AAEG;AACH,IAAA,eAAA,CAAA,aAAA,CAAA,GAAA,IAAkB;AAElB;;AAEG;AACH,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AAEZ;;AAEG;AACH,IAAA,eAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AAEb;;AAEG;AACH,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AAEZ;;AAEG;AACH,IAAA,eAAA,CAAA,mBAAA,CAAA,GAAA,KAAyB;AAC3B,CAAC,EAzBW,eAAe,KAAf,eAAe,GAyB1B,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,oBAAoB,EAAA;;AAE9B,IAAA,oBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;;AAGf,IAAA,oBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EANW,oBAAoB,KAApB,oBAAoB,GAM/B,EAAA,CAAA,CAAA;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|