@carbon/ibm-products-web-components 0.28.0 → 0.29.0-rc.0
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/custom-elements.json +218 -70
- package/es/components/about-modal/about-modal.figma.js +27 -20
- package/es/components/about-modal/about-modal.figma.js.map +1 -1
- package/es/components/about-modal/about-modal.scss.js +1 -1
- package/es/components/checklist/checklist-item.figma.js +49 -0
- package/es/components/checklist/checklist-item.figma.js.map +1 -0
- package/es/components/checklist/checklist.figma.js +87 -0
- package/es/components/checklist/checklist.figma.js.map +1 -0
- package/es/components/checklist/checklist.js +12 -13
- package/es/components/checklist/checklist.js.map +1 -1
- package/es/components/checklist/checklist.scss.js +1 -1
- package/es/components/full-page-error/full-page-error.figma.js +52 -40
- package/es/components/full-page-error/full-page-error.figma.js.map +1 -1
- package/es/components/options-tile/options-file.figma.js +96 -0
- package/es/components/options-tile/options-file.figma.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/components/user-avatar/user-avatar.figma.js +91 -66
- package/es/components/user-avatar/user-avatar.figma.js.map +1 -1
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es/patterns/step-flow/_story-assets/step-full-page.d.ts +41 -0
- package/es/patterns/step-flow/_story-assets/step-full-page.js +257 -0
- package/es/patterns/step-flow/_story-assets/step-full-page.js.map +1 -0
- package/es/patterns/step-flow/_story-assets/step-full-page.scss.js +13 -0
- package/es/patterns/step-flow/_story-assets/step-full-page.scss.js.map +1 -0
- package/{lib/components → es/patterns}/step-flow/_story-assets/step-tearsheet.d.ts +2 -1
- package/es/{components → patterns}/step-flow/_story-assets/step-tearsheet.js +7 -3
- package/es/patterns/step-flow/_story-assets/step-tearsheet.js.map +1 -0
- package/es/patterns/step-flow/step-flow-signal.js.map +1 -0
- package/es/patterns/step-flow/step-flow-signal.test.js.map +1 -0
- package/es/patterns/step-flow/step-group.js.map +1 -0
- package/es/{components → patterns}/step-flow/story-styles.scss.js +1 -1
- package/es-custom/components/about-modal/about-modal.figma.js +27 -20
- package/es-custom/components/about-modal/about-modal.figma.js.map +1 -1
- package/es-custom/components/about-modal/about-modal.scss.js +1 -1
- package/es-custom/components/checklist/checklist-item.figma.js +49 -0
- package/es-custom/components/checklist/checklist-item.figma.js.map +1 -0
- package/es-custom/components/checklist/checklist.figma.js +87 -0
- package/es-custom/components/checklist/checklist.figma.js.map +1 -0
- package/es-custom/components/checklist/checklist.js +12 -13
- package/es-custom/components/checklist/checklist.js.map +1 -1
- package/es-custom/components/checklist/checklist.scss.js +1 -1
- package/es-custom/components/full-page-error/full-page-error.figma.js +52 -40
- package/es-custom/components/full-page-error/full-page-error.figma.js.map +1 -1
- package/es-custom/components/options-tile/options-file.figma.js +96 -0
- package/es-custom/components/options-tile/options-file.figma.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
- package/es-custom/components/user-avatar/user-avatar.figma.js +91 -66
- package/es-custom/components/user-avatar/user-avatar.figma.js.map +1 -1
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/patterns/step-flow/_story-assets/step-full-page.d.ts +41 -0
- package/es-custom/patterns/step-flow/_story-assets/step-full-page.js +257 -0
- package/es-custom/patterns/step-flow/_story-assets/step-full-page.js.map +1 -0
- package/es-custom/patterns/step-flow/_story-assets/step-full-page.scss.js +13 -0
- package/es-custom/patterns/step-flow/_story-assets/step-full-page.scss.js.map +1 -0
- package/es-custom/{components → patterns}/step-flow/_story-assets/step-tearsheet.d.ts +2 -1
- package/es-custom/{components → patterns}/step-flow/_story-assets/step-tearsheet.js +7 -3
- package/es-custom/patterns/step-flow/_story-assets/step-tearsheet.js.map +1 -0
- package/es-custom/patterns/step-flow/step-flow-signal.js.map +1 -0
- package/es-custom/patterns/step-flow/step-flow-signal.test.js.map +1 -0
- package/es-custom/patterns/step-flow/step-group.js.map +1 -0
- package/es-custom/{components → patterns}/step-flow/story-styles.scss.js +1 -1
- package/lib/patterns/step-flow/_story-assets/step-full-page.d.ts +41 -0
- package/{es/components → lib/patterns}/step-flow/_story-assets/step-tearsheet.d.ts +2 -1
- package/package.json +9 -8
- package/scss/components/checklist/checklist.scss +6 -1
- package/es/components/about-modal/about-modal.figma.d.ts +0 -7
- package/es/components/full-page-error/full-page-error.figma.d.ts +0 -1
- package/es/components/step-flow/_story-assets/step-tearsheet.js.map +0 -1
- package/es/components/step-flow/step-flow-signal.js.map +0 -1
- package/es/components/step-flow/step-flow-signal.test.js.map +0 -1
- package/es/components/step-flow/step-group.js.map +0 -1
- package/es/components/user-avatar/user-avatar.figma.d.ts +0 -7
- package/es-custom/components/about-modal/about-modal.figma.d.ts +0 -7
- package/es-custom/components/full-page-error/full-page-error.figma.d.ts +0 -1
- package/es-custom/components/step-flow/_story-assets/step-tearsheet.js.map +0 -1
- package/es-custom/components/step-flow/step-flow-signal.js.map +0 -1
- package/es-custom/components/step-flow/step-flow-signal.test.js.map +0 -1
- package/es-custom/components/step-flow/step-group.js.map +0 -1
- package/es-custom/components/user-avatar/user-avatar.figma.d.ts +0 -7
- package/lib/components/about-modal/about-modal.figma.d.ts +0 -7
- package/lib/components/full-page-error/full-page-error.figma.d.ts +0 -1
- package/lib/components/user-avatar/user-avatar.figma.d.ts +0 -7
- /package/es/{components → patterns}/step-flow/index.d.ts +0 -0
- /package/es/{components → patterns}/step-flow/index.js +0 -0
- /package/es/{components → patterns}/step-flow/index.js.map +0 -0
- /package/es/{components → patterns}/step-flow/step-flow-signal.d.ts +0 -0
- /package/es/{components → patterns}/step-flow/step-flow-signal.js +0 -0
- /package/es/{components → patterns}/step-flow/step-flow-signal.test.d.ts +0 -0
- /package/es/{components → patterns}/step-flow/step-flow-signal.test.js +0 -0
- /package/es/{components → patterns}/step-flow/step-group.d.ts +0 -0
- /package/es/{components → patterns}/step-flow/step-group.js +0 -0
- /package/es/{components → patterns}/step-flow/story-styles.scss.js.map +0 -0
- /package/es-custom/{components → patterns}/step-flow/index.d.ts +0 -0
- /package/es-custom/{components → patterns}/step-flow/index.js +0 -0
- /package/es-custom/{components → patterns}/step-flow/index.js.map +0 -0
- /package/es-custom/{components → patterns}/step-flow/step-flow-signal.d.ts +0 -0
- /package/es-custom/{components → patterns}/step-flow/step-flow-signal.js +0 -0
- /package/es-custom/{components → patterns}/step-flow/step-flow-signal.test.d.ts +0 -0
- /package/es-custom/{components → patterns}/step-flow/step-flow-signal.test.js +0 -0
- /package/es-custom/{components → patterns}/step-flow/step-group.d.ts +0 -0
- /package/es-custom/{components → patterns}/step-flow/step-group.js +0 -0
- /package/es-custom/{components → patterns}/step-flow/story-styles.scss.js.map +0 -0
- /package/lib/{components → patterns}/step-flow/index.d.ts +0 -0
- /package/lib/{components → patterns}/step-flow/step-flow-signal.d.ts +0 -0
- /package/lib/{components → patterns}/step-flow/step-flow-signal.test.d.ts +0 -0
- /package/lib/{components → patterns}/step-flow/step-group.d.ts +0 -0
|
@@ -0,0 +1,49 @@
|
|
|
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 figma, { html } from '@figma/code-connect/html';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* @license
|
|
12
|
+
*
|
|
13
|
+
* Copyright IBM Corp. 2025
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
figma.connect(
|
|
20
|
+
'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642118',
|
|
21
|
+
{
|
|
22
|
+
props: {
|
|
23
|
+
label: figma.boolean('Clickable', {
|
|
24
|
+
true: figma.nestedProps('Link', {
|
|
25
|
+
text: figma.textContent('Link'),
|
|
26
|
+
}),
|
|
27
|
+
false: {
|
|
28
|
+
text: 'Task name',
|
|
29
|
+
},
|
|
30
|
+
}),
|
|
31
|
+
status: figma.enum('State', {
|
|
32
|
+
Unchecked: 'not started',
|
|
33
|
+
'In progress': 'in progress',
|
|
34
|
+
Completed: 'completed',
|
|
35
|
+
}),
|
|
36
|
+
clickable: figma.boolean('Clickable'),
|
|
37
|
+
},
|
|
38
|
+
example: ({ label, status, clickable }) =>
|
|
39
|
+
html`<c4p-checklist-item
|
|
40
|
+
label=${label.text}
|
|
41
|
+
status=${status}
|
|
42
|
+
clickable=${clickable}
|
|
43
|
+
></c4p-checklist-item>`,
|
|
44
|
+
imports: [
|
|
45
|
+
"import '@carbon/ibm-products-web-components/es/components/checklist/checklist-item.js'",
|
|
46
|
+
],
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
//# sourceMappingURL=checklist-item.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checklist-item.figma.js","sources":["../../../src/components/checklist/checklist-item.figma.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport figma, { html } from '@figma/code-connect/html';\n\nfigma.connect(\n 'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642118',\n {\n props: {\n label: figma.boolean('Clickable', {\n true: figma.nestedProps('Link', {\n text: figma.textContent('Link'),\n }),\n false: {\n text: 'Task name',\n },\n }),\n status: figma.enum('State', {\n Unchecked: 'not started',\n 'In progress': 'in progress',\n Completed: 'completed',\n }),\n clickable: figma.boolean('Clickable'),\n },\n example: ({ label, status, clickable }) =>\n html`<c4p-checklist-item\n label=${label.text}\n status=${status}\n clickable=${clickable}\n ></c4p-checklist-item>`,\n imports: [\n \"import '@carbon/ibm-products-web-components/es/components/checklist/checklist-item.js'\",\n ],\n }\n);\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,KAAK,CAAC,OAAO;AACb,EAAE,4HAA4H;AAC9H,EAAE;AACF,IAAI,KAAK,EAAE;AACX,MAAM,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;AACxC,QAAQ,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;AACxC,UAAU,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;AACzC,SAAS,CAAC;AACV,QAAQ,KAAK,EAAE;AACf,UAAU,IAAI,EAAE,WAAW;AAC3B,SAAS;AACT,OAAO,CAAC;AACR,MAAM,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;AAClC,QAAQ,SAAS,EAAE,aAAa;AAChC,QAAQ,aAAa,EAAE,aAAa;AACpC,QAAQ,SAAS,EAAE,WAAW;AAC9B,OAAO,CAAC;AACR,MAAM,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;AAC3C,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE;AAC1C,MAAM,IAAI,CAAC;AACX,cAAc,EAAE,KAAK,CAAC,IAAI;AAC1B,eAAe,EAAE,MAAM;AACvB,kBAAkB,EAAE,SAAS;AAC7B,4BAA4B,CAAC;AAC7B,IAAI,OAAO,EAAE;AACb,MAAM,wFAAwF;AAC9F,KAAK;AACL;AACA,CAAC"}
|
|
@@ -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 figma, { html } from '@figma/code-connect/html';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* @license
|
|
12
|
+
*
|
|
13
|
+
* Copyright IBM Corp. 2025
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
figma.connect(
|
|
20
|
+
'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642157',
|
|
21
|
+
{
|
|
22
|
+
variant: { Expanded: true },
|
|
23
|
+
props: {
|
|
24
|
+
titleText: figma.string('Heading text'),
|
|
25
|
+
progressText: figma.string('Progress text'),
|
|
26
|
+
groupTitleText: figma.string('Title text'),
|
|
27
|
+
footerLinkLabel: figma.nestedProps('Link', {
|
|
28
|
+
text: figma.textContent('Link'),
|
|
29
|
+
}),
|
|
30
|
+
children: figma.children('_Task item'),
|
|
31
|
+
},
|
|
32
|
+
example: (props) =>
|
|
33
|
+
html`<c4p-checklist
|
|
34
|
+
open
|
|
35
|
+
title=${props.titleText}
|
|
36
|
+
chart-label=${props.progressText}
|
|
37
|
+
chart-value="0.XX"
|
|
38
|
+
view-all-label=${props.footerLinkLabel.text}
|
|
39
|
+
>
|
|
40
|
+
<c4p-checklist-group title=${props.groupTitleText}>
|
|
41
|
+
${props.children}
|
|
42
|
+
</c4p-checklist-group>
|
|
43
|
+
</c4p-checklist>`,
|
|
44
|
+
imports: [
|
|
45
|
+
"import '@carbon/ibm-products-web-components/es/components/checklist/index.js'",
|
|
46
|
+
],
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
|
|
50
|
+
figma.connect(
|
|
51
|
+
'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642157',
|
|
52
|
+
{
|
|
53
|
+
variant: { Expanded: false },
|
|
54
|
+
props: {
|
|
55
|
+
titleText: figma.string('Heading text'),
|
|
56
|
+
progressText: figma.string('Progress text'),
|
|
57
|
+
groupTitleText: figma.string('Title text'),
|
|
58
|
+
footerLinkLabel: figma.nestedProps('Link', {
|
|
59
|
+
text: figma.textContent('Link'),
|
|
60
|
+
}),
|
|
61
|
+
},
|
|
62
|
+
example: (props) =>
|
|
63
|
+
html`<c4p-checklist
|
|
64
|
+
title=${props.titleText}
|
|
65
|
+
chart-label=${props.progressText}
|
|
66
|
+
chart-value="0.XX"
|
|
67
|
+
view-all-label=${props.footerLinkLabel.text}
|
|
68
|
+
>
|
|
69
|
+
<c4p-checklist-group title=${props.groupTitleText}>
|
|
70
|
+
<c4p-checklist-item
|
|
71
|
+
label="Task name"
|
|
72
|
+
status="in progress"
|
|
73
|
+
clickable
|
|
74
|
+
></c4p-checklist-item>
|
|
75
|
+
<c4p-checklist-item
|
|
76
|
+
label="Task name"
|
|
77
|
+
status="not started"
|
|
78
|
+
clickable
|
|
79
|
+
></c4p-checklist-item>
|
|
80
|
+
</c4p-checklist-group>
|
|
81
|
+
</c4p-checklist>`,
|
|
82
|
+
imports: [
|
|
83
|
+
"import '@carbon/ibm-products-web-components/es/components/checklist/index.js'",
|
|
84
|
+
],
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
//# sourceMappingURL=checklist.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checklist.figma.js","sources":["../../../src/components/checklist/checklist.figma.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport figma, { html } from '@figma/code-connect/html';\n\nfigma.connect(\n 'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642157',\n {\n variant: { Expanded: true },\n props: {\n titleText: figma.string('Heading text'),\n progressText: figma.string('Progress text'),\n groupTitleText: figma.string('Title text'),\n footerLinkLabel: figma.nestedProps('Link', {\n text: figma.textContent('Link'),\n }),\n children: figma.children('_Task item'),\n },\n example: (props) =>\n html`<c4p-checklist\n open\n title=${props.titleText}\n chart-label=${props.progressText}\n chart-value=\"0.XX\"\n view-all-label=${props.footerLinkLabel.text}\n >\n <c4p-checklist-group title=${props.groupTitleText}>\n ${props.children}\n </c4p-checklist-group>\n </c4p-checklist>`,\n imports: [\n \"import '@carbon/ibm-products-web-components/es/components/checklist/index.js'\",\n ],\n }\n);\n\nfigma.connect(\n 'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642157',\n {\n variant: { Expanded: false },\n props: {\n titleText: figma.string('Heading text'),\n progressText: figma.string('Progress text'),\n groupTitleText: figma.string('Title text'),\n footerLinkLabel: figma.nestedProps('Link', {\n text: figma.textContent('Link'),\n }),\n },\n example: (props) =>\n html`<c4p-checklist\n title=${props.titleText}\n chart-label=${props.progressText}\n chart-value=\"0.XX\"\n view-all-label=${props.footerLinkLabel.text}\n >\n <c4p-checklist-group title=${props.groupTitleText}>\n <c4p-checklist-item\n label=\"Task name\"\n status=\"in progress\"\n clickable\n ></c4p-checklist-item>\n <c4p-checklist-item\n label=\"Task name\"\n status=\"not started\"\n clickable\n ></c4p-checklist-item>\n </c4p-checklist-group>\n </c4p-checklist>`,\n imports: [\n \"import '@carbon/ibm-products-web-components/es/components/checklist/index.js'\",\n ],\n }\n);\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,KAAK,CAAC,OAAO;AACb,EAAE,4HAA4H;AAC9H,EAAE;AACF,IAAI,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC/B,IAAI,KAAK,EAAE;AACX,MAAM,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AAC7C,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC;AACjD,MAAM,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAChD,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;AACjD,QAAQ,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;AACvC,OAAO,CAAC;AACR,MAAM,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC;AAC5C,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,KAAK;AACnB,MAAM,IAAI,CAAC;AACX;AACA,cAAc,EAAE,KAAK,CAAC,SAAS;AAC/B,oBAAoB,EAAE,KAAK,CAAC,YAAY;AACxC;AACA,uBAAuB,EAAE,KAAK,CAAC,eAAe,CAAC,IAAI;AACnD;AACA,mCAAmC,EAAE,KAAK,CAAC,cAAc,CAAC;AAC1D,UAAU,EAAE,KAAK,CAAC,QAAQ;AAC1B;AACA,sBAAsB,CAAC;AACvB,IAAI,OAAO,EAAE;AACb,MAAM,+EAA+E;AACrF,KAAK;AACL;AACA,CAAC;;AAED,KAAK,CAAC,OAAO;AACb,EAAE,4HAA4H;AAC9H,EAAE;AACF,IAAI,OAAO,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;AAChC,IAAI,KAAK,EAAE;AACX,MAAM,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AAC7C,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC;AACjD,MAAM,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAChD,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;AACjD,QAAQ,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;AACvC,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,KAAK;AACnB,MAAM,IAAI,CAAC;AACX,cAAc,EAAE,KAAK,CAAC,SAAS;AAC/B,oBAAoB,EAAE,KAAK,CAAC,YAAY;AACxC;AACA,uBAAuB,EAAE,KAAK,CAAC,eAAe,CAAC,IAAI;AACnD;AACA,mCAAmC,EAAE,KAAK,CAAC,cAAc,CAAC;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,CAAC;AACvB,IAAI,OAAO,EAAE;AACb,MAAM,+EAA+E;AACrF,KAAK;AACL;AACA,CAAC"}
|
|
@@ -92,21 +92,20 @@ let CDSChecklist = class CDSChecklist extends LitElement {
|
|
|
92
92
|
<!-- Header -->
|
|
93
93
|
<header class="${blockClass}__header">
|
|
94
94
|
<slot name="checklist-header">
|
|
95
|
-
|
|
96
|
-
value=${chartValue}
|
|
97
|
-
|
|
98
|
-
${
|
|
99
|
-
html `<div class="${blockClass}__titles">
|
|
95
|
+
<slot name="header-chart">
|
|
96
|
+
<c4p-checklist-chart value=${chartValue}></c4p-checklist-chart>
|
|
97
|
+
</slot>
|
|
98
|
+
<div class="${blockClass}__titles">
|
|
100
99
|
<!-- checklist title -->
|
|
101
|
-
|
|
100
|
+
<slot name="header-title">
|
|
101
|
+
${title && html `<h2 class="${blockClass}__title">${title}</h2>`}
|
|
102
|
+
</slot>
|
|
102
103
|
<!-- chart label -->
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
`}
|
|
109
|
-
</div>`}
|
|
104
|
+
<slot name="header-chartLabel">
|
|
105
|
+
${chartLabel &&
|
|
106
|
+
html `<p class="${blockClass}__chart-label">${chartLabel}</p>`}
|
|
107
|
+
</slot>
|
|
108
|
+
</div>
|
|
110
109
|
</slot>
|
|
111
110
|
<!-- Checklist toggle button -->
|
|
112
111
|
${!disableToggle &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checklist.js","sources":["../../../src/components/checklist/checklist.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAgBH,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,aAAa;AAEzC;;;;;;;AAOG;AAEH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,KAAK;AAoBZ;;AAEG;QAEH,IAAa,CAAA,aAAA,GAAG,KAAK;;AA0Bb,IAAA,QAAQ,CAAC,KAAY,EAAA;AAC3B,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;QAChC,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,WAAW;AACZ,aAAA;SACF;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAmC,CAAC,gBAAgB,EAC1D,IAAI,CACL,CACF;;AAGK,IAAA,cAAc,CAAC,KAAoB,EAAA;AACzC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;AAC9C,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;;;AAIhB,IAAA,SAAS,CAAC,KAAY,EAAA;AAC5B,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;;AAEtB,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;QAChC,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,WAAW;AACZ,aAAA;SACF;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAmC,CAAC,eAAe,EACzD,IAAI,CACL,CACF;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EACL,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,QAAQ,EACnB,cAAc,EAAE,aAAa,GAC9B,GAAG,IAAI;QAER,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAG,EAAA,UAAU,CAAE,CAAA,GAAG,IAAI;AACvB,YAAA,CAAC,GAAG,UAAU,CAAA,QAAA,CAAU,GAAG,CAAC,IAAI;AACjC,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;qBACM,OAAO,CAAA;;yBAEH,UAAU,CAAA
|
|
1
|
+
{"version":3,"file":"checklist.js","sources":["../../../src/components/checklist/checklist.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from 'lit';
|
|
9
9
|
|
|
10
|
-
var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--tag{--cds-layout-size-height-xs:1.125rem}.cds-custom--layout--size-xs :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-xs{--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds-custom--tag{--cds-layout-size-height-sm:1.125rem}.cds-custom--layout--size-sm :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds-custom--tag{--cds-layout-size-height-md:1.5rem}.cds-custom--layout--size-md :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds-custom--tag{--cds-layout-size-height-lg:2rem}.cds-custom--layout--size-lg :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds-custom--tag{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--tag.cds-custom--tag--operational{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds-custom--tag .cds-custom--tag__close-icon:hover,.cds-custom--tag.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds-custom--tag .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag{align-items:center;border-radius:1rem;cursor:default;display:inline-flex;justify-content:center;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds-custom--tag.cds-custom--tag--lg{padding-inline-start:.75rem}.cds-custom--tag:has(.cds-custom--tag__custom-icon){padding-inline-start:.25rem}.cds-custom--tag.cds-custom--tag--lg:not(.cds-custom--tag--filter){padding-inline:.75rem}.cds-custom--tag.cds-custom--tag--lg:has(.cds-custom--tag__custom-icon){padding-inline-start:.5rem}.cds-custom--tag:not(.cds-custom--tag--selectable){border:0}.cds-custom--tag:not(:first-child){margin-inline-start:0}.cds-custom--tag--operational>span,.cds-custom--tag--selectable>span,.cds-custom--tag__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--filter{padding-block:0;padding-inline-end:0}.cds-custom--tag--filter:hover{outline:none}.cds-custom--tag--selectable{background-color:var(--cds-layer);border:1px solid var(--cds-border-inverse,#161616);color:var(--cds-text-primary,#161616);cursor:pointer}.cds-custom--tag--selectable:hover{background-color:var(--cds-layer-hover);outline:none}.cds-custom--tag--selectable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--selectable-selected{color:var(--cds-text-inverse,#fff)}.cds-custom--tag--selectable-selected,.cds-custom--tag--selectable-selected:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds-custom--tag--operational{background-color:var(--cds-tag-background-gray,#e0e0e0);border:1px solid var(--cds-tag-border-gray,#a8a8a8);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:none}.cds-custom--tag--operational:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--red{background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#a2191f)}.cds-custom--tag--red.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds-custom--tag--red .cds-custom--tag__close-icon:hover,.cds-custom--tag--red.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds-custom--tag--red .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-red,#a2191f)}.cds-custom--tag--magenta{background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#9f1853)}.cds-custom--tag--magenta.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds-custom--tag--magenta .cds-custom--tag__close-icon:hover,.cds-custom--tag--magenta.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds-custom--tag--magenta .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-magenta,#9f1853)}.cds-custom--tag--purple{background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#6929c4)}.cds-custom--tag--purple.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds-custom--tag--purple .cds-custom--tag__close-icon:hover,.cds-custom--tag--purple.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds-custom--tag--purple .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-purple,#6929c4)}.cds-custom--tag--blue{background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#0043ce)}.cds-custom--tag--blue.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds-custom--tag--blue .cds-custom--tag__close-icon:hover,.cds-custom--tag--blue.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds-custom--tag--blue .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-blue,#0043ce)}.cds-custom--tag--cyan{background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#00539a)}.cds-custom--tag--cyan.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds-custom--tag--cyan .cds-custom--tag__close-icon:hover,.cds-custom--tag--cyan.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds-custom--tag--cyan .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-cyan,#00539a)}.cds-custom--tag--teal{background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#005d5d)}.cds-custom--tag--teal.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds-custom--tag--teal .cds-custom--tag__close-icon:hover,.cds-custom--tag--teal.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds-custom--tag--teal .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-teal,#005d5d)}.cds-custom--tag--green{background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#0e6027)}.cds-custom--tag--green.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-green,#42be65)}.cds-custom--tag--green .cds-custom--tag__close-icon:hover,.cds-custom--tag--green.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds-custom--tag--green .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-green,#0e6027)}.cds-custom--tag--gray{background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag--gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds-custom--tag--gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds-custom--tag--gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag--cool-gray{background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds-custom--tag--cool-gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds-custom--tag--cool-gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--cool-gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds-custom--tag--cool-gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-cool-gray,#121619)}.cds-custom--tag--warm-gray{background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds-custom--tag--warm-gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds-custom--tag--warm-gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--warm-gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds-custom--tag--warm-gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-warm-gray,#171414)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational).cds-custom--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover,.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational).cds-custom--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-inverse,#fff)}.cds-custom--multi-select--readonly .cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover{background-color:transparent}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]).cds-custom--tag--operational{border:1px solid var(--cds-background,#fff)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]) .cds-custom--tag__close-icon:hover,.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]).cds-custom--tag--operational:hover{background-color:var(--cds-layer-hover)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]) .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-primary,#161616)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]){outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds-custom--tag--disabled:not(.cds-custom--tag--operational),.cds-custom--tag--filter.cds-custom--tag--disabled,.cds-custom--tag--interactive.cds-custom--tag--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--disabled:not(.cds-custom--tag--operational).cds-custom--tag--operational,.cds-custom--tag--filter.cds-custom--tag--disabled.cds-custom--tag--operational,.cds-custom--tag--interactive.cds-custom--tag--disabled.cds-custom--tag--operational{border:1px solid var(--cds-layer)}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover,.cds-custom--tag--disabled:not(.cds-custom--tag--operational).cds-custom--tag--operational:hover,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover,.cds-custom--tag--filter.cds-custom--tag--disabled.cds-custom--tag--operational:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled.cds-custom--tag--operational:hover{background-color:var(--cds-layer)}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--definition-term .cds-custom--tag__label,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--definition-term .cds-custom--tag__label,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--disabled:not(.cds-custom--tag--operational),.cds-custom--tag--filter.cds-custom--tag--disabled,.cds-custom--tag--interactive.cds-custom--tag--disabled{box-shadow:none;outline:none}.cds-custom--tag--disabled:not(.cds-custom--tag--operational):hover,.cds-custom--tag--filter.cds-custom--tag--disabled:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled:hover{cursor:not-allowed}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--tag__label,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__label,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--tag__label{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--operational.cds-custom--tag--disabled,.cds-custom--tag--selectable.cds-custom--tag--disabled{background-color:var(--cds-layer);border:1px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--operational.cds-custom--tag--disabled:hover,.cds-custom--tag--selectable.cds-custom--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds-custom--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds-custom--tag__close-icon{align-items:center;background-color:transparent;block-size:var(--cds-layout-size-height-local);border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;inline-size:var(--cds-layout-size-height-local);justify-content:center;margin:0 0 0 .125rem;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--tag__close-icon svg{fill:currentColor}.cds-custom--tag__custom-icon{background-color:transparent;block-size:1rem;border:0;color:currentColor;flex-shrink:0;inline-size:1rem;margin-inline-end:.25rem;outline:none;padding:0}.cds-custom--tag__custom-icon svg{fill:currentColor}.cds-custom--tag--disabled .cds-custom--tag__close-icon{cursor:not-allowed}.cds-custom--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none;z-index:99999}.cds-custom--tag--high-contrast .cds-custom--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover{background-color:transparent}.cds-custom--tag--filter.cds-custom--tag--disabled svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--sm.cds-custom--tag--filter{padding-inline-end:0}.cds-custom--tag--sm .cds-custom--tag__close-icon{margin-inline-start:.3125rem}.cds-custom--tag.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--tag.cds-custom--skeleton:active,.cds-custom--tag.cds-custom--skeleton:focus,.cds-custom--tag.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--tag.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--tag.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--tag.cds-custom--skeleton{background:CanvasText}.cds-custom--tag.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--tag.cds-custom--skeleton{background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616)}.cds-custom--tag.cds-custom--skeleton.cds-custom--tag--operational{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds-custom--tag.cds-custom--skeleton .cds-custom--tag__close-icon:hover,.cds-custom--tag.cds-custom--skeleton.cds-custom--tag--operational:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds-custom--tag.cds-custom--skeleton .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-primary,#161616)}.cds-custom--tag.cds-custom--skeleton{inline-size:3.75rem;overflow:hidden}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds-custom--tag.cds-custom--skeleton{transform:translateZ(0)}}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline .cds-custom--ai-label__text:before,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline .cds-custom--slug__text:before{background-color:currentColor}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline:hover,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline:hover{border-color:currentColor}.cds-custom--tag--filter .cds-custom--ai-label,.cds-custom--tag--filter .cds-custom--slug,.cds-custom--tag--filter .cds-custom--tag__decorator>*{min-inline-size:2.00875rem}.cds-custom--tag .cds-custom--tag__decorator:not(:has(.cds-custom--ai-label)){block-size:1rem;text-align:center}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--tag{outline:1px solid transparent}.cds-custom--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds-custom--tag-label-tooltip{max-inline-size:-webkit-fill-available}.cds-custom--tag__custom-icon+.cds-custom--tag-label-tooltip{max-inline-size:11rem}.cds-custom--tag--filter .cds-custom--tag__custom-icon+.cds-custom--tag-label-tooltip{max-inline-size:9.875rem}.cds-custom--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds-custom--tag--filter .cds-custom--tag__custom-icon+span>.cds-custom--interactive--tag-children{max-inline-size:11.5rem}.cds-custom--tag .cds-custom--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds-custom--tag .cds-custom--tag__custom-icon+span>.cds-custom--definition-term{max-inline-size:11rem}.cds-custom--tag>.cds-custom--popover-container{display:flex}.cds-custom--toggletip-button:has(.cds-custom--tag--operational.cds-custom--tag--disabled){pointer-events:none}.c4p--checklist__header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;gap:.5rem;padding:1rem}.c4p--checklist__chart{align-self:center;block-size:2.5rem;inline-size:2.5rem;min-inline-size:2.5rem;position:relative}.c4p--checklist__chart:after{background-color:var(--cds-layer-01,#f4f4f4);block-size:2rem;border-radius:50%;content:\"\";inline-size:2rem;inset-block-start:.25rem;inset-inline-start:.25rem;position:absolute}.c4p--checklist__titles{display:flex;flex-direction:column;justify-content:center}.c4p--checklist__title{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}.c4p--checklist__chart-label,.c4p--checklist__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__chart-label{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--checklist__title+.c4p--checklist__chart-label{margin-block-start:.125rem}.c4p--checklist__header .cds-custom--tooltip{block-size:2rem;margin-block-start:-.5rem;margin-inline:auto -.5rem}.c4p--checklist__chevron{color:var(--cds-text-primary,#161616);transform:rotate(0deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}@media (prefers-reduced-motion:reduce){.c4p--checklist__chevron{transition:none}}.c4p--checklist__closed .c4p--checklist__chevron{transform:rotate(-180deg)}.c4p--checklist__button.cds-custom--btn--primary{background-color:transparent;border:none;color:var(--cds-link-primary,#0f62fe);flex-shrink:unset;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);max-inline-size:none;min-block-size:auto;padding:0}.c4p--checklist__button.cds-custom--btn--primary div{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__button.cds-custom--btn--primary:hover{background:transparent;color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--checklist__button.cds-custom--btn--primary:active{background:transparent;color:var(--cds-text-primary,#161616);text-decoration:underline}.c4p--checklist__content-outer{overflow:hidden}.c4p--checklist__content-inner{background-color:var(--cds-layer-01,#f4f4f4);block-size:100%;transform:translate(0);transition:all .11s cubic-bezier(.2,0,.38,.9)}@media (prefers-reduced-motion:reduce){.c4p--checklist__content-inner{transition:none}}.c4p--checklist__closed .c4p--checklist__content-inner{block-size:0;transform:translateY(-100%)}.c4p--checklist__list-group{border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:1rem}.c4p--checklist__list-group:first-of-type{border-block-start:none}.c4p--checklist__list-title{display:-webkit-box;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-block-end:.5rem;text-overflow:ellipsis}.c4p--checklist__list-item{display:flex;margin-block-end:.5rem}.c4p--checklist__list-item:last-child{margin-block-end:0}.c4p--checklist__icon{color:var(--cds-icon-primary,#161616);margin:.0625rem .5rem 0 0}.c4p--checklist__icon--checked,.c4p--checklist__icon--indeterminate{color:var(--cds-interactive,#0f62fe)}.c4p--checklist__icon--error{color:var(--cds-support-error,#da1e28)}.c4p--checklist__icon--disabled{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--checklist__label{display:-webkit-box;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__label--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.c4p--checklist__footer{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:.5rem 1rem;text-overflow:ellipsis}:host(c4p-checklist) .c4p--checklist__toggle{margin-block-start:-.5rem;margin-inline:auto -.5rem}:host(c4p-checklist-item){display:flex;margin-block-end:.5rem}:host(c4p-checklist-item:last-of-type){margin-block-end:0}:host(c4p-checklist-group){border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;padding:1rem}:host(c4p-checklist-group:first-of-type){border-block-start:none}.c4p--checklist__label--clickable{color:var(--cds-link-primary,#0f62fe);cursor:pointer}.c4p--checklist__label--clickable:hover{color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--checklist__chart{background-image:conic-gradient(#a56eff var(--c4p-num-degrees),var(--cds-tag-background-gray,#e0e0e0) var(--c4p-num-degrees) 1turn);border-radius:50%}"]);
|
|
10
|
+
var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--tag{--cds-layout-size-height-xs:1.125rem}.cds-custom--layout--size-xs :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-xs{--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds-custom--tag{--cds-layout-size-height-sm:1.125rem}.cds-custom--layout--size-sm :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds-custom--tag{--cds-layout-size-height-md:1.5rem}.cds-custom--layout--size-md :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds-custom--tag{--cds-layout-size-height-lg:2rem}.cds-custom--layout--size-lg :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds-custom--tag{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--tag.cds-custom--tag--operational{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds-custom--tag .cds-custom--tag__close-icon:hover,.cds-custom--tag.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds-custom--tag .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag{align-items:center;border-radius:1rem;cursor:default;display:inline-flex;justify-content:center;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds-custom--tag.cds-custom--tag--lg{padding-inline-start:.75rem}.cds-custom--tag:has(.cds-custom--tag__custom-icon){padding-inline-start:.25rem}.cds-custom--tag.cds-custom--tag--lg:not(.cds-custom--tag--filter){padding-inline:.75rem}.cds-custom--tag.cds-custom--tag--lg:has(.cds-custom--tag__custom-icon){padding-inline-start:.5rem}.cds-custom--tag:not(.cds-custom--tag--selectable){border:0}.cds-custom--tag:not(:first-child){margin-inline-start:0}.cds-custom--tag--operational>span,.cds-custom--tag--selectable>span,.cds-custom--tag__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--filter{padding-block:0;padding-inline-end:0}.cds-custom--tag--filter:hover{outline:none}.cds-custom--tag--selectable{background-color:var(--cds-layer);border:1px solid var(--cds-border-inverse,#161616);color:var(--cds-text-primary,#161616);cursor:pointer}.cds-custom--tag--selectable:hover{background-color:var(--cds-layer-hover);outline:none}.cds-custom--tag--selectable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--selectable-selected{color:var(--cds-text-inverse,#fff)}.cds-custom--tag--selectable-selected,.cds-custom--tag--selectable-selected:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds-custom--tag--operational{background-color:var(--cds-tag-background-gray,#e0e0e0);border:1px solid var(--cds-tag-border-gray,#a8a8a8);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:none}.cds-custom--tag--operational:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--red{background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#a2191f)}.cds-custom--tag--red.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds-custom--tag--red .cds-custom--tag__close-icon:hover,.cds-custom--tag--red.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds-custom--tag--red .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-red,#a2191f)}.cds-custom--tag--magenta{background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#9f1853)}.cds-custom--tag--magenta.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds-custom--tag--magenta .cds-custom--tag__close-icon:hover,.cds-custom--tag--magenta.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds-custom--tag--magenta .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-magenta,#9f1853)}.cds-custom--tag--purple{background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#6929c4)}.cds-custom--tag--purple.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds-custom--tag--purple .cds-custom--tag__close-icon:hover,.cds-custom--tag--purple.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds-custom--tag--purple .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-purple,#6929c4)}.cds-custom--tag--blue{background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#0043ce)}.cds-custom--tag--blue.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds-custom--tag--blue .cds-custom--tag__close-icon:hover,.cds-custom--tag--blue.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds-custom--tag--blue .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-blue,#0043ce)}.cds-custom--tag--cyan{background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#00539a)}.cds-custom--tag--cyan.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds-custom--tag--cyan .cds-custom--tag__close-icon:hover,.cds-custom--tag--cyan.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds-custom--tag--cyan .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-cyan,#00539a)}.cds-custom--tag--teal{background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#005d5d)}.cds-custom--tag--teal.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds-custom--tag--teal .cds-custom--tag__close-icon:hover,.cds-custom--tag--teal.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds-custom--tag--teal .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-teal,#005d5d)}.cds-custom--tag--green{background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#0e6027)}.cds-custom--tag--green.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-green,#42be65)}.cds-custom--tag--green .cds-custom--tag__close-icon:hover,.cds-custom--tag--green.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds-custom--tag--green .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-green,#0e6027)}.cds-custom--tag--gray{background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag--gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds-custom--tag--gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds-custom--tag--gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag--cool-gray{background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds-custom--tag--cool-gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds-custom--tag--cool-gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--cool-gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds-custom--tag--cool-gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-cool-gray,#121619)}.cds-custom--tag--warm-gray{background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds-custom--tag--warm-gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds-custom--tag--warm-gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--warm-gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds-custom--tag--warm-gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-warm-gray,#171414)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational).cds-custom--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover,.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational).cds-custom--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-inverse,#fff)}.cds-custom--multi-select--readonly .cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover{background-color:transparent}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]).cds-custom--tag--operational{border:1px solid var(--cds-background,#fff)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]) .cds-custom--tag__close-icon:hover,.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]).cds-custom--tag--operational:hover{background-color:var(--cds-layer-hover)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]) .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-primary,#161616)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]){outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds-custom--tag--disabled:not(.cds-custom--tag--operational),.cds-custom--tag--filter.cds-custom--tag--disabled,.cds-custom--tag--interactive.cds-custom--tag--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--disabled:not(.cds-custom--tag--operational).cds-custom--tag--operational,.cds-custom--tag--filter.cds-custom--tag--disabled.cds-custom--tag--operational,.cds-custom--tag--interactive.cds-custom--tag--disabled.cds-custom--tag--operational{border:1px solid var(--cds-layer)}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover,.cds-custom--tag--disabled:not(.cds-custom--tag--operational).cds-custom--tag--operational:hover,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover,.cds-custom--tag--filter.cds-custom--tag--disabled.cds-custom--tag--operational:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled.cds-custom--tag--operational:hover{background-color:var(--cds-layer)}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--definition-term .cds-custom--tag__label,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--definition-term .cds-custom--tag__label,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--disabled:not(.cds-custom--tag--operational),.cds-custom--tag--filter.cds-custom--tag--disabled,.cds-custom--tag--interactive.cds-custom--tag--disabled{box-shadow:none;outline:none}.cds-custom--tag--disabled:not(.cds-custom--tag--operational):hover,.cds-custom--tag--filter.cds-custom--tag--disabled:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled:hover{cursor:not-allowed}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--tag__label,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__label,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--tag__label{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--operational.cds-custom--tag--disabled,.cds-custom--tag--selectable.cds-custom--tag--disabled{background-color:var(--cds-layer);border:1px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--operational.cds-custom--tag--disabled:hover,.cds-custom--tag--selectable.cds-custom--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds-custom--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds-custom--tag__close-icon{align-items:center;background-color:transparent;block-size:var(--cds-layout-size-height-local);border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;inline-size:var(--cds-layout-size-height-local);justify-content:center;margin:0 0 0 .125rem;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--tag__close-icon svg{fill:currentColor}.cds-custom--tag__custom-icon{background-color:transparent;block-size:1rem;border:0;color:currentColor;flex-shrink:0;inline-size:1rem;margin-inline-end:.25rem;outline:none;padding:0}.cds-custom--tag__custom-icon svg{fill:currentColor}.cds-custom--tag--disabled .cds-custom--tag__close-icon{cursor:not-allowed}.cds-custom--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none;z-index:99999}.cds-custom--tag--high-contrast .cds-custom--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover{background-color:transparent}.cds-custom--tag--filter.cds-custom--tag--disabled svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--sm.cds-custom--tag--filter{padding-inline-end:0}.cds-custom--tag--sm .cds-custom--tag__close-icon{margin-inline-start:.3125rem}.cds-custom--tag.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--tag.cds-custom--skeleton:active,.cds-custom--tag.cds-custom--skeleton:focus,.cds-custom--tag.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--tag.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--tag.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--tag.cds-custom--skeleton{background:CanvasText}.cds-custom--tag.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--tag.cds-custom--skeleton{background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616)}.cds-custom--tag.cds-custom--skeleton.cds-custom--tag--operational{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds-custom--tag.cds-custom--skeleton .cds-custom--tag__close-icon:hover,.cds-custom--tag.cds-custom--skeleton.cds-custom--tag--operational:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds-custom--tag.cds-custom--skeleton .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-primary,#161616)}.cds-custom--tag.cds-custom--skeleton{inline-size:3.75rem;overflow:hidden}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds-custom--tag.cds-custom--skeleton{transform:translateZ(0)}}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline .cds-custom--ai-label__text:before,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline .cds-custom--slug__text:before{background-color:currentColor}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline:hover,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline:hover{border-color:currentColor}.cds-custom--tag--filter .cds-custom--ai-label,.cds-custom--tag--filter .cds-custom--slug,.cds-custom--tag--filter .cds-custom--tag__decorator>*{min-inline-size:2.00875rem}.cds-custom--tag .cds-custom--tag__decorator:not(:has(.cds-custom--ai-label)){block-size:1rem;text-align:center}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--tag{outline:1px solid transparent}.cds-custom--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds-custom--tag-label-tooltip{max-inline-size:-webkit-fill-available}.cds-custom--tag__custom-icon+.cds-custom--tag-label-tooltip{max-inline-size:11rem}.cds-custom--tag--filter .cds-custom--tag__custom-icon+.cds-custom--tag-label-tooltip{max-inline-size:9.875rem}.cds-custom--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds-custom--tag--filter .cds-custom--tag__custom-icon+span>.cds-custom--interactive--tag-children{max-inline-size:11.5rem}.cds-custom--tag .cds-custom--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds-custom--tag .cds-custom--tag__custom-icon+span>.cds-custom--definition-term{max-inline-size:11rem}.cds-custom--tag>.cds-custom--popover-container{display:flex}.cds-custom--toggletip-button:has(.cds-custom--tag--operational.cds-custom--tag--disabled){pointer-events:none}.c4p--checklist__header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;gap:.5rem;padding:1rem}.c4p--checklist__chart{align-self:center;block-size:2.5rem;inline-size:2.5rem;min-inline-size:2.5rem;position:relative}.c4p--checklist__chart:after{background-color:var(--cds-layer-01,#f4f4f4);block-size:2rem;border-radius:50%;content:\"\";inline-size:2rem;inset-block-start:.25rem;inset-inline-start:.25rem;position:absolute}.c4p--checklist__titles{display:flex;flex-direction:column;justify-content:center}.c4p--checklist__title{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}.c4p--checklist__chart-label,.c4p--checklist__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__chart-label{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--checklist__title+.c4p--checklist__chart-label{margin-block-start:.125rem}.c4p--checklist__header .cds-custom--tooltip{block-size:2rem;margin-block-start:-.5rem;margin-inline:auto -.5rem}.c4p--checklist__chevron{color:var(--cds-text-primary,#161616);transform:rotate(0deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}@media (prefers-reduced-motion:reduce){.c4p--checklist__chevron{transition:none}}.c4p--checklist__closed .c4p--checklist__chevron{transform:rotate(-180deg)}.c4p--checklist__button.cds-custom--btn--primary{background-color:transparent;border:none;color:var(--cds-link-primary,#0f62fe);flex-shrink:unset;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);max-inline-size:none;min-block-size:auto;padding:0}.c4p--checklist__button.cds-custom--btn--primary div{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__button.cds-custom--btn--primary:hover{background:transparent;color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--checklist__button.cds-custom--btn--primary:active{background:transparent;color:var(--cds-text-primary,#161616);text-decoration:underline}.c4p--checklist__content-outer{overflow:hidden}.c4p--checklist__content-inner{background-color:var(--cds-layer-01,#f4f4f4);block-size:100%;transform:translate(0);transition:all .11s cubic-bezier(.2,0,.38,.9)}@media (prefers-reduced-motion:reduce){.c4p--checklist__content-inner{transition:none}}.c4p--checklist__closed .c4p--checklist__content-inner{block-size:0;transform:translateY(-100%)}.c4p--checklist__list-group{border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:1rem}.c4p--checklist__list-group:first-of-type{border-block-start:none}.c4p--checklist__list-title{display:-webkit-box;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-block-end:.5rem;text-overflow:ellipsis}.c4p--checklist__list-item{display:flex;margin-block-end:.5rem}.c4p--checklist__list-item:last-child{margin-block-end:0}.c4p--checklist__icon{color:var(--cds-icon-primary,#161616);margin:.0625rem .5rem 0 0}.c4p--checklist__icon--checked,.c4p--checklist__icon--indeterminate{color:var(--cds-interactive,#0f62fe)}.c4p--checklist__icon--error{color:var(--cds-support-error,#da1e28)}.c4p--checklist__icon--disabled{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--checklist__label{display:-webkit-box;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__label--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.c4p--checklist__footer{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:.5rem 1rem;text-overflow:ellipsis}:host(c4p-checklist) .c4p--checklist__toggle{margin-block-start:-.5rem;margin-inline:auto -.5rem}:host(c4p-checklist) cds-custom-icon-button::part(button):focus{box-shadow:none;outline:2px solid var(--cds-focus,#0f62fe)}:host(c4p-checklist-item){display:flex;margin-block-end:.5rem}:host(c4p-checklist-item:last-of-type){margin-block-end:0}:host(c4p-checklist-group){border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;padding:1rem}:host(c4p-checklist-group:first-of-type){border-block-start:none}.c4p--checklist__label--clickable{color:var(--cds-link-primary,#0f62fe);cursor:pointer}.c4p--checklist__label--clickable:hover{color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--checklist__chart{background-image:conic-gradient(#a56eff var(--c4p-num-degrees),var(--cds-tag-background-gray,#e0e0e0) var(--c4p-num-degrees) 1turn);border-radius:50%}"]);
|
|
11
11
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=checklist.scss.js.map
|
|
@@ -13,48 +13,59 @@ import figma, { html } from '@figma/code-connect/html';
|
|
|
13
13
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
|
|
17
|
+
figma.connect(
|
|
18
|
+
'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16334-6720',
|
|
19
|
+
{
|
|
17
20
|
props: {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
kind: figma.enum('Type', {
|
|
22
|
+
Custom: 'custom',
|
|
23
|
+
'403 – Access denied': '403',
|
|
24
|
+
'404 – Page not found': '404',
|
|
25
|
+
}),
|
|
26
|
+
baseProps: figma.nestedProps('_FP error content base', {
|
|
27
|
+
label: figma.enum('Type', {
|
|
28
|
+
Custom: figma.string('Error code'),
|
|
29
|
+
'403': 'Error 403',
|
|
30
|
+
'404': 'Error 404',
|
|
31
|
+
'408': 'Error 408',
|
|
32
|
+
'500': 'Error 500',
|
|
33
|
+
'502': 'Error 502',
|
|
34
|
+
'503': 'Error 503',
|
|
35
|
+
'504': 'Error 504',
|
|
36
|
+
}),
|
|
37
|
+
|
|
38
|
+
title: figma.enum('Type', {
|
|
39
|
+
Custom: figma.string('Title text'),
|
|
40
|
+
'403': 'Access denied',
|
|
41
|
+
'404': 'Page not found',
|
|
42
|
+
'408': 'Request time-out',
|
|
43
|
+
'500': 'Internal server error',
|
|
44
|
+
'502': 'Bad gateway',
|
|
45
|
+
'503': 'Service unavailable',
|
|
46
|
+
'504': 'Gateway timeout',
|
|
22
47
|
}),
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
'408': 'Request time-out',
|
|
39
|
-
'500': 'Internal server error',
|
|
40
|
-
'502': 'Bad gateway',
|
|
41
|
-
'503': 'Service unavailable',
|
|
42
|
-
'504': 'Gateway timeout',
|
|
43
|
-
}),
|
|
44
|
-
description: figma.enum('Type', {
|
|
45
|
-
Custom: figma.string('Description'),
|
|
46
|
-
'403': 'You are not authorized to access the requested page. Please verify that you are logged in to the hosting environment and your access permissions are correct.',
|
|
47
|
-
'404': 'The page you requested has moved or is unavailable, or the specified URL is not valid. Please check the URL or search the site for the requested content.',
|
|
48
|
-
'408': 'The server fails to complete a request within the given time due to increased network activity causing delays.',
|
|
49
|
-
'500': 'A general error message for undefined server-side issues.',
|
|
50
|
-
'502': 'A gateway or proxy server receives an invalid response from an upstream server.',
|
|
51
|
-
'503': 'A gateway or proxy server receives an invalid response from an upstream server.',
|
|
52
|
-
'504': "The server doesn't receive a response from another server within the specified time period.",
|
|
53
|
-
}),
|
|
54
|
-
children: figma.children('Link'),
|
|
48
|
+
description: figma.enum('Type', {
|
|
49
|
+
Custom: figma.string('Description'),
|
|
50
|
+
'403':
|
|
51
|
+
'You are not authorized to access the requested page. Please verify that you are logged in to the hosting environment and your access permissions are correct.',
|
|
52
|
+
'404':
|
|
53
|
+
'The page you requested has moved or is unavailable, or the specified URL is not valid. Please check the URL or search the site for the requested content.',
|
|
54
|
+
'408':
|
|
55
|
+
'The server fails to complete a request within the given time due to increased network activity causing delays.',
|
|
56
|
+
'500': 'A general error message for undefined server-side issues.',
|
|
57
|
+
'502':
|
|
58
|
+
'A gateway or proxy server receives an invalid response from an upstream server.',
|
|
59
|
+
'503':
|
|
60
|
+
'A gateway or proxy server receives an invalid response from an upstream server.',
|
|
61
|
+
'504':
|
|
62
|
+
"The server doesn't receive a response from another server within the specified time period.",
|
|
55
63
|
}),
|
|
64
|
+
children: figma.children('Link'),
|
|
65
|
+
}),
|
|
56
66
|
},
|
|
57
|
-
example: (props) =>
|
|
67
|
+
example: (props) =>
|
|
68
|
+
html`<c4p-full-page-error
|
|
58
69
|
kind=${props.kind}
|
|
59
70
|
description=${props.baseProps.description}
|
|
60
71
|
label=${props.baseProps.label}
|
|
@@ -63,7 +74,8 @@ figma.connect('https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Pro
|
|
|
63
74
|
${props.baseProps.children}
|
|
64
75
|
</c4p-full-page-error>`,
|
|
65
76
|
imports: [
|
|
66
|
-
|
|
77
|
+
"import '@carbon/ibm-products-web-components/es/components/full-page-error/index.js'",
|
|
67
78
|
],
|
|
68
|
-
}
|
|
79
|
+
}
|
|
80
|
+
);
|
|
69
81
|
//# sourceMappingURL=full-page-error.figma.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"full-page-error.figma.js","sources":["../../../src/components/full-page-error/full-page-error.figma.ts"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"full-page-error.figma.js","sources":["../../../src/components/full-page-error/full-page-error.figma.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport figma, { html } from '@figma/code-connect/html';\n\nfigma.connect(\n 'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16334-6720',\n {\n props: {\n kind: figma.enum('Type', {\n Custom: 'custom',\n '403 – Access denied': '403',\n '404 – Page not found': '404',\n }),\n baseProps: figma.nestedProps('_FP error content base', {\n label: figma.enum('Type', {\n Custom: figma.string('Error code'),\n '403': 'Error 403',\n '404': 'Error 404',\n '408': 'Error 408',\n '500': 'Error 500',\n '502': 'Error 502',\n '503': 'Error 503',\n '504': 'Error 504',\n }),\n\n title: figma.enum('Type', {\n Custom: figma.string('Title text'),\n '403': 'Access denied',\n '404': 'Page not found',\n '408': 'Request time-out',\n '500': 'Internal server error',\n '502': 'Bad gateway',\n '503': 'Service unavailable',\n '504': 'Gateway timeout',\n }),\n description: figma.enum('Type', {\n Custom: figma.string('Description'),\n '403':\n 'You are not authorized to access the requested page. Please verify that you are logged in to the hosting environment and your access permissions are correct.',\n '404':\n 'The page you requested has moved or is unavailable, or the specified URL is not valid. Please check the URL or search the site for the requested content.',\n '408':\n 'The server fails to complete a request within the given time due to increased network activity causing delays.',\n '500': 'A general error message for undefined server-side issues.',\n '502':\n 'A gateway or proxy server receives an invalid response from an upstream server.',\n '503':\n 'A gateway or proxy server receives an invalid response from an upstream server.',\n '504':\n \"The server doesn't receive a response from another server within the specified time period.\",\n }),\n children: figma.children('Link'),\n }),\n },\n example: (props) =>\n html`<c4p-full-page-error\n kind=${props.kind}\n description=${props.baseProps.description}\n label=${props.baseProps.label}\n title=${props.baseProps.title}\n >\n ${props.baseProps.children}\n </c4p-full-page-error>`,\n imports: [\n \"import '@carbon/ibm-products-web-components/es/components/full-page-error/index.js'\",\n ],\n }\n);\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;AAGA,KAAK,CAAC,OAAO;AACb,EAAE,0HAA0H;AAC5H,EAAE;AACF,IAAI,KAAK,EAAE;AACX,MAAM,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AAC/B,QAAQ,MAAM,EAAE,QAAQ;AACxB,QAAQ,qBAAqB,EAAE,KAAK;AACpC,QAAQ,sBAAsB,EAAE,KAAK;AACrC,OAAO,CAAC;AACR,MAAM,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE;AAC7D,QAAQ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AAClC,UAAU,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAC5C,UAAU,KAAK,EAAE,WAAW;AAC5B,UAAU,KAAK,EAAE,WAAW;AAC5B,UAAU,KAAK,EAAE,WAAW;AAC5B,UAAU,KAAK,EAAE,WAAW;AAC5B,UAAU,KAAK,EAAE,WAAW;AAC5B,UAAU,KAAK,EAAE,WAAW;AAC5B,UAAU,KAAK,EAAE,WAAW;AAC5B,SAAS,CAAC;;AAEV,QAAQ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AAClC,UAAU,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAC5C,UAAU,KAAK,EAAE,eAAe;AAChC,UAAU,KAAK,EAAE,gBAAgB;AACjC,UAAU,KAAK,EAAE,kBAAkB;AACnC,UAAU,KAAK,EAAE,uBAAuB;AACxC,UAAU,KAAK,EAAE,aAAa;AAC9B,UAAU,KAAK,EAAE,qBAAqB;AACtC,UAAU,KAAK,EAAE,iBAAiB;AAClC,SAAS,CAAC;AACV,QAAQ,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACxC,UAAU,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC;AAC7C,UAAU,KAAK;AACf,YAAY,+JAA+J;AAC3K,UAAU,KAAK;AACf,YAAY,2JAA2J;AACvK,UAAU,KAAK;AACf,YAAY,gHAAgH;AAC5H,UAAU,KAAK,EAAE,2DAA2D;AAC5E,UAAU,KAAK;AACf,YAAY,iFAAiF;AAC7F,UAAU,KAAK;AACf,YAAY,iFAAiF;AAC7F,UAAU,KAAK;AACf,YAAY,6FAA6F;AACzG,SAAS,CAAC;AACV,QAAQ,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;AACxC,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,KAAK;AACnB,MAAM,IAAI,CAAC;AACX,aAAa,EAAE,KAAK,CAAC,IAAI;AACzB,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW;AACjD,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK;AACrC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK;AACrC;AACA,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ;AAClC,4BAA4B,CAAC;AAC7B,IAAI,OAAO,EAAE;AACb,MAAM,qFAAqF;AAC3F,KAAK;AACL;AACA,CAAC"}
|
|
@@ -0,0 +1,96 @@
|
|
|
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 './options-tile.js';
|
|
9
|
+
import figma, { html } from '@figma/code-connect/html';
|
|
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
|
+
|
|
18
|
+
|
|
19
|
+
figma.connect(
|
|
20
|
+
'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=36228%3A14503',
|
|
21
|
+
{
|
|
22
|
+
props: {
|
|
23
|
+
title: figma.string('Heading text'),
|
|
24
|
+
open: figma.boolean('Expanded'),
|
|
25
|
+
size: figma.enum('Size', {
|
|
26
|
+
Large: 'lg',
|
|
27
|
+
'Extra large': 'xl',
|
|
28
|
+
}),
|
|
29
|
+
toggle: figma.boolean('Toggle', {
|
|
30
|
+
true: '<cds-custom-toggle id="my-toggle" size="sm" hideLabel></cds-custom-toggle>',
|
|
31
|
+
false: undefined,
|
|
32
|
+
}),
|
|
33
|
+
children: figma.enum('Type', {
|
|
34
|
+
Static: undefined,
|
|
35
|
+
Expandable: figma.instance('Swap slot'),
|
|
36
|
+
}),
|
|
37
|
+
summaryProps: figma.boolean('Summary + Validation', {
|
|
38
|
+
true: figma.nestedProps('Summary + Validation message', {
|
|
39
|
+
locked: figma.enum('Type', {
|
|
40
|
+
Summary: figma.boolean('Locked'),
|
|
41
|
+
Warning: false,
|
|
42
|
+
Error: false,
|
|
43
|
+
}),
|
|
44
|
+
summary: figma.enum('Type', {
|
|
45
|
+
Summary: figma.string('Summary text'),
|
|
46
|
+
Warning: undefined,
|
|
47
|
+
Error: undefined,
|
|
48
|
+
}),
|
|
49
|
+
invalid: figma.enum('Type', {
|
|
50
|
+
Summary: undefined,
|
|
51
|
+
Warning: undefined,
|
|
52
|
+
Error: true,
|
|
53
|
+
}),
|
|
54
|
+
invalidText: figma.enum('Type', {
|
|
55
|
+
Summary: undefined,
|
|
56
|
+
Warning: undefined,
|
|
57
|
+
Error: figma.string('Error text'),
|
|
58
|
+
}),
|
|
59
|
+
warn: figma.enum('Type', {
|
|
60
|
+
Summary: undefined,
|
|
61
|
+
Warning: true,
|
|
62
|
+
Error: undefined,
|
|
63
|
+
}),
|
|
64
|
+
warnText: figma.enum('Type', {
|
|
65
|
+
Summary: undefined,
|
|
66
|
+
Warning: figma.string('Warning text'),
|
|
67
|
+
Error: undefined,
|
|
68
|
+
}),
|
|
69
|
+
}),
|
|
70
|
+
false: {
|
|
71
|
+
locked: undefined,
|
|
72
|
+
summary: undefined,
|
|
73
|
+
invalid: undefined,
|
|
74
|
+
invalidText: undefined,
|
|
75
|
+
warn: undefined,
|
|
76
|
+
warnText: undefined,
|
|
77
|
+
},
|
|
78
|
+
}),
|
|
79
|
+
},
|
|
80
|
+
example: (props) => html`
|
|
81
|
+
<c4p-options-tile
|
|
82
|
+
?defaultOpen="${props.open}"
|
|
83
|
+
size="${props.size}"
|
|
84
|
+
titleText="${props.title}"
|
|
85
|
+
>
|
|
86
|
+
<div slot="summary">${props.summaryProps.summary}</div>
|
|
87
|
+
<div slot="toggle">${props.toggle}</div>
|
|
88
|
+
<div slot="body">${props.children}</div>
|
|
89
|
+
</c4p-options-tile>
|
|
90
|
+
`,
|
|
91
|
+
imports: [
|
|
92
|
+
"import '@carbon/ibm-products-web-components/es/components/options-tile/index';",
|
|
93
|
+
],
|
|
94
|
+
}
|
|
95
|
+
);
|
|
96
|
+
//# sourceMappingURL=options-file.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"options-file.figma.js","sources":["../../../src/components/options-tile/options-file.figma.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './options-tile';\nimport figma, { html } from '@figma/code-connect/html';\n\nfigma.connect(\n 'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=36228%3A14503',\n {\n props: {\n title: figma.string('Heading text'),\n open: figma.boolean('Expanded'),\n size: figma.enum('Size', {\n Large: 'lg',\n 'Extra large': 'xl',\n }),\n toggle: figma.boolean('Toggle', {\n true: '<cds-custom-toggle id=\"my-toggle\" size=\"sm\" hideLabel></cds-custom-toggle>',\n false: undefined,\n }),\n children: figma.enum('Type', {\n Static: undefined,\n Expandable: figma.instance('Swap slot'),\n }),\n summaryProps: figma.boolean('Summary + Validation', {\n true: figma.nestedProps('Summary + Validation message', {\n locked: figma.enum('Type', {\n Summary: figma.boolean('Locked'),\n Warning: false,\n Error: false,\n }),\n summary: figma.enum('Type', {\n Summary: figma.string('Summary text'),\n Warning: undefined,\n Error: undefined,\n }),\n invalid: figma.enum('Type', {\n Summary: undefined,\n Warning: undefined,\n Error: true,\n }),\n invalidText: figma.enum('Type', {\n Summary: undefined,\n Warning: undefined,\n Error: figma.string('Error text'),\n }),\n warn: figma.enum('Type', {\n Summary: undefined,\n Warning: true,\n Error: undefined,\n }),\n warnText: figma.enum('Type', {\n Summary: undefined,\n Warning: figma.string('Warning text'),\n Error: undefined,\n }),\n }),\n false: {\n locked: undefined,\n summary: undefined,\n invalid: undefined,\n invalidText: undefined,\n warn: undefined,\n warnText: undefined,\n },\n }),\n },\n example: (props) => html`\n <c4p-options-tile\n ?defaultOpen=\"${props.open}\"\n size=\"${props.size}\"\n titleText=\"${props.title}\"\n >\n <div slot=\"summary\">${props.summaryProps.summary}</div>\n <div slot=\"toggle\">${props.toggle}</div>\n <div slot=\"body\">${props.children}</div>\n </c4p-options-tile>\n `,\n imports: [\n \"import '@carbon/ibm-products-web-components/es/components/options-tile/index';\",\n ],\n }\n);\n"],"names":[],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAKA,KAAK,CAAC,OAAO;AACb,EAAE,6HAA6H;AAC/H,EAAE;AACF,IAAI,KAAK,EAAE;AACX,MAAM,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AACzC,MAAM,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;AACrC,MAAM,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AAC/B,QAAQ,KAAK,EAAE,IAAI;AACnB,QAAQ,aAAa,EAAE,IAAI;AAC3B,OAAO,CAAC;AACR,MAAM,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;AACtC,QAAQ,IAAI,EAAE,8DAA8D;AAC5E,QAAQ,KAAK,EAAE,SAAS;AACxB,OAAO,CAAC;AACR,MAAM,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACnC,QAAQ,MAAM,EAAE,SAAS;AACzB,QAAQ,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;AAC/C,OAAO,CAAC;AACR,MAAM,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,sBAAsB,EAAE;AAC1D,QAAQ,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE;AAChE,UAAU,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACrC,YAAY,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC5C,YAAY,OAAO,EAAE,KAAK;AAC1B,YAAY,KAAK,EAAE,KAAK;AACxB,WAAW,CAAC;AACZ,UAAU,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACtC,YAAY,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AACjD,YAAY,OAAO,EAAE,SAAS;AAC9B,YAAY,KAAK,EAAE,SAAS;AAC5B,WAAW,CAAC;AACZ,UAAU,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACtC,YAAY,OAAO,EAAE,SAAS;AAC9B,YAAY,OAAO,EAAE,SAAS;AAC9B,YAAY,KAAK,EAAE,IAAI;AACvB,WAAW,CAAC;AACZ,UAAU,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AAC1C,YAAY,OAAO,EAAE,SAAS;AAC9B,YAAY,OAAO,EAAE,SAAS;AAC9B,YAAY,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAC7C,WAAW,CAAC;AACZ,UAAU,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACnC,YAAY,OAAO,EAAE,SAAS;AAC9B,YAAY,OAAO,EAAE,IAAI;AACzB,YAAY,KAAK,EAAE,SAAS;AAC5B,WAAW,CAAC;AACZ,UAAU,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACvC,YAAY,OAAO,EAAE,SAAS;AAC9B,YAAY,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AACjD,YAAY,KAAK,EAAE,SAAS;AAC5B,WAAW,CAAC;AACZ,SAAS,CAAC;AACV,QAAQ,KAAK,EAAE;AACf,UAAU,MAAM,EAAE,SAAS;AAC3B,UAAU,OAAO,EAAE,SAAS;AAC5B,UAAU,OAAO,EAAE,SAAS;AAC5B,UAAU,WAAW,EAAE,SAAS;AAChC,UAAU,IAAI,EAAE,SAAS;AACzB,UAAU,QAAQ,EAAE,SAAS;AAC7B,SAAS;AACT,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI;AAC5B;AACA,sBAAsB,EAAE,KAAK,CAAC,IAAI,CAAC;AACnC,cAAc,EAAE,KAAK,CAAC,IAAI,CAAC;AAC3B,mBAAmB,EAAE,KAAK,CAAC,KAAK,CAAC;AACjC;AACA,4BAA4B,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC;AACzD,2BAA2B,EAAE,KAAK,CAAC,MAAM,CAAC;AAC1C,yBAAyB,EAAE,KAAK,CAAC,QAAQ,CAAC;AAC1C;AACA,IAAI,CAAC;AACL,IAAI,OAAO,EAAE;AACb,MAAM,gFAAgF;AACtF,KAAK;AACL;AACA,CAAC"}
|