@elliemae/ds-accordion 3.0.0-next.51 → 3.0.0-next.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/exported-related/theming.js +4 -4
- package/dist/cjs/exported-related/theming.js.map +2 -2
- package/dist/cjs/parts/accordionContent/styles.js +2 -2
- package/dist/cjs/parts/accordionContent/styles.js.map +2 -2
- package/dist/cjs/parts/accordionItem/styles.js +21 -20
- package/dist/cjs/parts/accordionItem/styles.js.map +2 -2
- package/dist/cjs/propTypes.js.map +1 -1
- package/dist/esm/exported-related/theming.js +4 -4
- package/dist/esm/exported-related/theming.js.map +2 -2
- package/dist/esm/parts/accordionContent/styles.js +3 -3
- package/dist/esm/parts/accordionContent/styles.js.map +2 -2
- package/dist/esm/parts/accordionItem/styles.js +22 -21
- package/dist/esm/parts/accordionItem/styles.js.map +2 -2
- package/dist/esm/propTypes.js.map +1 -1
- package/package.json +1 -1
|
@@ -20,13 +20,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
20
20
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
21
|
var theming_exports = {};
|
|
22
22
|
__export(theming_exports, {
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
COMPONENT_NAME: () => COMPONENT_NAME,
|
|
24
|
+
slots: () => slots
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(theming_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
|
-
const
|
|
29
|
-
const
|
|
28
|
+
const COMPONENT_NAME = "DS-Accordion";
|
|
29
|
+
const slots = {
|
|
30
30
|
CONTAINER: "root",
|
|
31
31
|
ITEM: {
|
|
32
32
|
CONTAINER: "item-container",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/exported-related/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,
|
|
4
|
+
"sourcesContent": ["export const COMPONENT_NAME = 'DS-Accordion';\n\nexport const slots = {\n CONTAINER: 'root',\n ITEM: {\n CONTAINER: 'item-container',\n HEADER: {\n CONTAINER: 'item-header-container',\n ADDON: 'item-header-addon',\n TITLE_CONTAINER: 'item-header-titles-container',\n PRIMARY_TITLE: 'item-header-primary-title',\n SECONDARY_TITLE: 'item-header-secondary-title',\n CUSTOM_ACTIONS_CONTAINER: 'item-header-custom-actions-container',\n TOOLTIP: 'item-header-tooltip',\n },\n CONTENT: {\n CONTAINER: 'item-content-container',\n },\n },\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,QAAQ;AAAA,EACnB,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,0BAA0B;AAAA,MAC1B,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,WAAW;AAAA,IACb;AAAA,EACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -28,8 +28,8 @@ var import_ds_system = require("@elliemae/ds-system");
|
|
|
28
28
|
var import_styled_components = require("@xstyled/styled-components");
|
|
29
29
|
var import_exported_related = require("../../exported-related");
|
|
30
30
|
const StyledContainer = (0, import_ds_system.styled)("div", {
|
|
31
|
-
name: import_exported_related.
|
|
32
|
-
slot: import_exported_related.
|
|
31
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
32
|
+
slot: import_exported_related.slots.CONTAINER
|
|
33
33
|
})`
|
|
34
34
|
${import_styled_components.sizing}
|
|
35
35
|
${import_styled_components.space}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/accordionContent/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,+BAAsC;AACtC,
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport { COMPONENT_NAME, slots } from '../../exported-related';\n\nexport const StyledContainer = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.CONTAINER,\n})`\n ${sizing}\n ${space}\n ${layout}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,+BAAsC;AACtC,8BAAsC;AAE/B,MAAM,kBAAkB,6BAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,8BAAM;AACd,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -36,7 +36,7 @@ var React = __toESM(require("react"));
|
|
|
36
36
|
var import_ds_system = require("@elliemae/ds-system");
|
|
37
37
|
var import_styled_components = require("@xstyled/styled-components");
|
|
38
38
|
var import_exported_related = require("../../exported-related");
|
|
39
|
-
const StyledItemContainer = (0, import_ds_system.styled)("div", { name: import_exported_related.
|
|
39
|
+
const StyledItemContainer = (0, import_ds_system.styled)("div", { name: import_exported_related.COMPONENT_NAME, slot: import_exported_related.slots.ITEM.CONTAINER })`
|
|
40
40
|
display: grid;
|
|
41
41
|
grid-template-rows: auto auto;
|
|
42
42
|
border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};
|
|
@@ -47,8 +47,8 @@ const StyledItemContainer = (0, import_ds_system.styled)("div", { name: import_e
|
|
|
47
47
|
${import_styled_components.space}
|
|
48
48
|
`;
|
|
49
49
|
const StyledItemHeader = (0, import_ds_system.styled)("button", {
|
|
50
|
-
name: import_exported_related.
|
|
51
|
-
slot: import_exported_related.
|
|
50
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
51
|
+
slot: import_exported_related.slots.ITEM.HEADER.CONTAINER
|
|
52
52
|
})`
|
|
53
53
|
display: flex;
|
|
54
54
|
min-height: ${({ theme, withSecondaryTitle, isDSMobile }) => isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};
|
|
@@ -77,15 +77,15 @@ const StyledItemHeader = (0, import_ds_system.styled)("button", {
|
|
|
77
77
|
}
|
|
78
78
|
`;
|
|
79
79
|
const StyledItemContent = (0, import_ds_system.styled)("div", {
|
|
80
|
-
name: import_exported_related.
|
|
81
|
-
slot: import_exported_related.
|
|
80
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
81
|
+
slot: import_exported_related.slots.ITEM.CONTENT.CONTAINER
|
|
82
82
|
})`
|
|
83
83
|
margin: ${({ isDSMobile }) => isDSMobile ? `16px 16px 24px 16px` : "16px 20px"};
|
|
84
84
|
grid-column: 1/2;
|
|
85
85
|
`;
|
|
86
86
|
const StyledItemAddon = (0, import_ds_system.styled)("div", {
|
|
87
|
-
name: import_exported_related.
|
|
88
|
-
slot: import_exported_related.
|
|
87
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
88
|
+
slot: import_exported_related.slots.ITEM.HEADER.ADDON
|
|
89
89
|
})`
|
|
90
90
|
height: 100%;
|
|
91
91
|
display: grid;
|
|
@@ -96,8 +96,8 @@ const StyledItemAddon = (0, import_ds_system.styled)("div", {
|
|
|
96
96
|
}
|
|
97
97
|
`;
|
|
98
98
|
const StyledItemTitles = (0, import_ds_system.styled)("div", {
|
|
99
|
-
name: import_exported_related.
|
|
100
|
-
slot: import_exported_related.
|
|
99
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
100
|
+
slot: import_exported_related.slots.ITEM.HEADER.TITLE_CONTAINER
|
|
101
101
|
})`
|
|
102
102
|
display: grid;
|
|
103
103
|
grid-gap: 4px;
|
|
@@ -105,9 +105,9 @@ const StyledItemTitles = (0, import_ds_system.styled)("div", {
|
|
|
105
105
|
width: 100%;
|
|
106
106
|
align-content: center;
|
|
107
107
|
`;
|
|
108
|
-
const StyledPrimaryTitle = (0, import_ds_system.styled)("
|
|
109
|
-
name: import_exported_related.
|
|
110
|
-
slot: import_exported_related.
|
|
108
|
+
const StyledPrimaryTitle = (0, import_ds_system.styled)("div", {
|
|
109
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
110
|
+
slot: import_exported_related.slots.ITEM.HEADER.PRIMARY_TITLE
|
|
111
111
|
})`
|
|
112
112
|
margin: 0;
|
|
113
113
|
font-size: 16px;
|
|
@@ -126,8 +126,8 @@ const StyledPrimaryTitle = (0, import_ds_system.styled)("span", {
|
|
|
126
126
|
display: block;
|
|
127
127
|
`;
|
|
128
128
|
const StyledSecondaryTitle = (0, import_ds_system.styled)("span", {
|
|
129
|
-
name: import_exported_related.
|
|
130
|
-
slot: import_exported_related.
|
|
129
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
130
|
+
slot: import_exported_related.slots.ITEM.HEADER.SECONDARY_TITLE
|
|
131
131
|
})`
|
|
132
132
|
margin: 0;
|
|
133
133
|
font-size: ${({ theme }) => theme.fontSizes.label[200]};
|
|
@@ -144,19 +144,20 @@ const StyledSecondaryTitle = (0, import_ds_system.styled)("span", {
|
|
|
144
144
|
display: block;`}
|
|
145
145
|
`;
|
|
146
146
|
const StyledItemCustomActions = (0, import_ds_system.styled)("div", {
|
|
147
|
-
name: import_exported_related.
|
|
148
|
-
slot: import_exported_related.
|
|
147
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
148
|
+
slot: import_exported_related.slots.ITEM.HEADER.CUSTOM_ACTIONS_CONTAINER
|
|
149
149
|
})`
|
|
150
150
|
display: grid;
|
|
151
151
|
grid-auto-flow: column;
|
|
152
|
+
place-items: center;
|
|
152
153
|
grid-gap: ${({ theme }) => theme.space.xxs};
|
|
153
154
|
margin: ${({ theme, isDSMobile }) => isDSMobile ? `0 ${theme.space.xs}` : "0 20px 0 16px"};
|
|
154
155
|
justify-content: flex-end;
|
|
155
156
|
height: 28px;
|
|
156
157
|
`;
|
|
157
158
|
const StyledItemHeaderContainer = (0, import_ds_system.styled)("div", {
|
|
158
|
-
name: import_exported_related.
|
|
159
|
-
slot: import_exported_related.
|
|
159
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
160
|
+
slot: import_exported_related.slots.ITEM.HEADER.CONTAINER
|
|
160
161
|
})`
|
|
161
162
|
display: grid;
|
|
162
163
|
grid-template-columns: auto max-content;
|
|
@@ -168,8 +169,8 @@ const StyledItemHeaderContainer = (0, import_ds_system.styled)("div", {
|
|
|
168
169
|
}
|
|
169
170
|
`;
|
|
170
171
|
const StyledTooltipContent = (0, import_ds_system.styled)("div", {
|
|
171
|
-
name: import_exported_related.
|
|
172
|
-
slot: import_exported_related.
|
|
172
|
+
name: import_exported_related.COMPONENT_NAME,
|
|
173
|
+
slot: import_exported_related.slots.ITEM.HEADER.TOOLTIP
|
|
173
174
|
})`
|
|
174
175
|
padding: 8px;
|
|
175
176
|
width: 250px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/accordionItem/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,+BAAsC;AACtC,
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport { COMPONENT_NAME, slots } from '../../exported-related';\ninterface StyledItemHeaderPropsT {\n withCustomActions: boolean;\n withSecondaryTitle?: string;\n isDSMobile: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n withSecondaryTitle?: string;\n isDSMobile: boolean;\n selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n disabled: boolean;\n isDSMobile: boolean;\n selected: boolean;\n withSecondaryTitle: boolean;\n}\n\ninterface StyledItemContentPropsT {\n isDSMobile: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n disabled: boolean;\n selected: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n disabled: boolean;\n isDSMobile: boolean;\n}\n\ninterface StyledItemHeaderContainerPropsT {\n disabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n isDSMobile: boolean;\n}\n\nexport const StyledItemContainer = styled('div', { name: COMPONENT_NAME, slot: slots.ITEM.CONTAINER })`\n display: grid;\n grid-template-rows: auto auto;\n border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n align-items: center;\n min-width: 240px;\n ${layout}\n ${sizing}\n ${space}\n`;\n\nexport const StyledItemHeader = styled('button', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.CONTAINER,\n})<StyledItemHeaderPropsT>`\n display: flex;\n min-height: ${({ theme, withSecondaryTitle, isDSMobile }) =>\n isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};\n width: 100%;\n align-items: center;\n border: none;\n outline: none;\n background: none;\n &:hover {\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n }\n padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n ${({ isDSMobile }) => (isDSMobile ? `flex-direction: row-reverse;` : ``)}\n &:focus {\n &:after {\n position: absolute;\n content: '';\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: 2px;\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledItemContent = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.CONTENT.CONTAINER,\n})<StyledItemContentPropsT>`\n margin: ${({ isDSMobile }) => (isDSMobile ? `16px 16px 24px 16px` : '16px 20px')};\n grid-column: 1/2;\n`;\n\nexport const StyledItemAddon = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.ADDON,\n})<StyledItemAddonPropsT>`\n height: 100%;\n display: grid;\n place-items: center;\n\n & .em-ds-icon svg {\n fill: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[200] : theme.colors.brand[800])};\n }\n`;\n\nexport const StyledItemTitles = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n display: grid;\n grid-gap: 4px;\n grid-template-columns: 100%;\n width: 100%;\n align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.PRIMARY_TITLE,\n})<StyledPrimaryTitlePropsT>`\n margin: 0;\n font-size: 16px;\n line-height: 1;\n text-align: left;\n text-overflow: ellipsis;\n min-height: ${({ theme }) => theme.space.xs};\n color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[500] : theme.colors.neutral[700])};\n font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular)};\n padding: ${({ withSecondaryTitle, isDSMobile }) =>\n withSecondaryTitle ? '8px 0px 0px 0px' : isDSMobile ? '14px 0px' : '8px 0px'};\n ${({ selected }) =>\n selected\n ? `word-break: break-word;`\n : `\n overflow: hidden;\n white-space: nowrap;\n `};\n width: 100%;\n display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.SECONDARY_TITLE,\n})<StyledSecondaryTitlePropsT>`\n margin: 0;\n font-size: ${({ theme }) => theme.fontSizes.label[200]};\n line-height: 1;\n text-align: left;\n min-height: 12px;\n color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[500] : theme.colors.neutral[700])};\n padding-bottom: 8px;\n text-overflow: ellipsis;\n ${({ selected }) =>\n selected\n ? `word-break: break-word;`\n : `\n overflow: hidden;\n white-space: nowrap;\n width: 100%;\n display: block;`}\n`;\n\nexport const StyledItemCustomActions = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\n display: grid;\n grid-auto-flow: column;\n place-items: center;\n grid-gap: ${({ theme }) => theme.space.xxs};\n margin: ${({ theme, isDSMobile }) => (isDSMobile ? `0 ${theme.space.xs}` : '0 20px 0 16px')};\n justify-content: flex-end;\n height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.CONTAINER,\n})<StyledItemHeaderContainerPropsT>`\n display: grid;\n grid-template-columns: auto max-content;\n place-items: center;\n position: relative;\n border-radius: 2px;\n &:hover {\n ${({ disabled, theme }) => (!disabled ? `background: ${theme.colors.brand[200]};` : ``)}\n }\n`;\n\nexport const StyledTooltipContent = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.TOOLTIP,\n})`\n padding: 8px;\n width: 250px;\n background: white;\n display: grid;\n gap: ${({ theme }) => theme.space.xxs};\n\n p {\n margin: 0;\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,+BAAsC;AACtC,8BAAsC;AA0C/B,MAAM,sBAAsB,6BAAO,OAAO,EAAE,MAAM,wCAAgB,MAAM,8BAAM,KAAK,UAAU,CAAC;AAAA;AAAA;AAAA,6BAGxE,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,IAG7D;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,mBAAmB,6BAAO,UAAU;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,8BAAM,KAAK,OAAO;AAC1B,CAAC;AAAA;AAAA,gBAEe,CAAC,EAAE,OAAO,oBAAoB,iBAC1C,aAAa,SAAS,GAAG,qBAAqB,MAAM,MAAM,IAAI,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAOhE,CAAC,EAAE,eAAgB,WAAW,gBAAgB;AAAA;AAAA,aAE/C,CAAC,EAAE,iBAAkB,aAAa,WAAW;AAAA,IACtD,CAAC,EAAE,iBAAkB,aAAa,iCAAiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAU7C,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAMrD,MAAM,oBAAoB,6BAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,8BAAM,KAAK,QAAQ;AAC3B,CAAC;AAAA,YACW,CAAC,EAAE,iBAAkB,aAAa,wBAAwB;AAAA;AAAA;AAI/D,MAAM,kBAAkB,6BAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,8BAAM,KAAK,OAAO;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMW,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAIzF,MAAM,mBAAmB,6BAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,8BAAM,KAAK,OAAO;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQM,MAAM,qBAAqB,6BAAO,OAAO;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,8BAAM,KAAK,OAAO;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMe,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAChC,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA,iBAChF,CAAC,EAAE,OAAO,iBAAkB,aAAa,MAAM,YAAY,WAAW,MAAM,YAAY;AAAA,aAC5F,CAAC,EAAE,oBAAoB,iBAChC,qBAAqB,oBAAoB,aAAa,aAAa;AAAA,IACnE,CAAC,EAAE,eACH,WACI,4BACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQD,MAAM,uBAAuB,6BAAO,QAAQ;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,8BAAM,KAAK,OAAO;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA,WAIzC,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,IAG7F,CAAC,EAAE,eACH,WACI,4BACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOD,MAAM,0BAA0B,6BAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,8BAAM,KAAK,OAAO;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,cAIa,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,YAC7B,CAAC,EAAE,OAAO,iBAAkB,aAAa,KAAK,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAKtE,MAAM,4BAA4B,6BAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,8BAAM,KAAK,OAAO;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOK,CAAC,EAAE,UAAU,YAAa,CAAC,WAAW,eAAe,MAAM,OAAO,MAAM,UAAU;AAAA;AAAA;AAIjF,MAAM,uBAAuB,6BAAO,OAAO;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,8BAAM,KAAK,OAAO;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,SAKQ,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/propTypes.
|
|
3
|
+
"sources": ["../../src/propTypes.ts", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const accordionItemPropTypes = {\n children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n title: PropTypes.string.description('Set a primary title.'),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Dimsum AccordionItem value, this value should be unique.',\n ).isRequired,\n iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),\n iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),\n secondaryTitle: PropTypes.string.description('Set a secondary title'),\n customActions: PropTypes.arrayOf(PropTypes.object)\n .description('Set Dimsum AccordionItem custom actions.')\n .deprecated({ version: '3.x' }),\n renderCustomActions: PropTypes.func\n .description(\n 'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n )\n .deprecated({ version: '3.x' }),\n};\n\nexport const accordionPropTypes = {\n containerProps: PropTypes.object.description('Adds props to the container.'),\n activeValue: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected active value. This property makes the component a controlled one.'),\n children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,yBAAyB;AAAA,EACpC,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,0DACF,EAAE;AAAA,EACF,YAAY,8BAAU,KAAK,YAAY,uCAAuC;AAAA,EAC9E,YAAY,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAC5E,gBAAgB,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,8BAAU,QAAQ,8BAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,8BAAU,KAC5B,YACC,oIACF,EACC,WAAW,EAAE,SAAS,MAAM,CAAC;AAClC;AAEO,MAAM,qBAAqB;AAAA,EAChC,gBAAgB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,8BAAU,UAAU;AAAA,IAC/B,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,8BAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,8BAAU,KAAK,YAAY,sDAAsD;AAC7F;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
const
|
|
3
|
-
const
|
|
2
|
+
const COMPONENT_NAME = "DS-Accordion";
|
|
3
|
+
const slots = {
|
|
4
4
|
CONTAINER: "root",
|
|
5
5
|
ITEM: {
|
|
6
6
|
CONTAINER: "item-container",
|
|
@@ -19,7 +19,7 @@ const DSAccordionSlots = {
|
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
COMPONENT_NAME,
|
|
23
|
+
slots
|
|
24
24
|
};
|
|
25
25
|
//# sourceMappingURL=theming.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const
|
|
5
|
-
"mappings": "AAAA;ACAO,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const COMPONENT_NAME = 'DS-Accordion';\n\nexport const slots = {\n CONTAINER: 'root',\n ITEM: {\n CONTAINER: 'item-container',\n HEADER: {\n CONTAINER: 'item-header-container',\n ADDON: 'item-header-addon',\n TITLE_CONTAINER: 'item-header-titles-container',\n PRIMARY_TITLE: 'item-header-primary-title',\n SECONDARY_TITLE: 'item-header-secondary-title',\n CUSTOM_ACTIONS_CONTAINER: 'item-header-custom-actions-container',\n TOOLTIP: 'item-header-tooltip',\n },\n CONTENT: {\n CONTAINER: 'item-content-container',\n },\n },\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAO,MAAM,iBAAiB;AAEvB,MAAM,QAAQ;AAAA,EACnB,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,0BAA0B;AAAA,MAC1B,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,WAAW;AAAA,IACb;AAAA,EACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { styled } from "@elliemae/ds-system";
|
|
3
3
|
import { sizing, space, layout } from "@xstyled/styled-components";
|
|
4
|
-
import {
|
|
4
|
+
import { COMPONENT_NAME, slots } from "../../exported-related";
|
|
5
5
|
const StyledContainer = styled("div", {
|
|
6
|
-
name:
|
|
7
|
-
slot:
|
|
6
|
+
name: COMPONENT_NAME,
|
|
7
|
+
slot: slots.CONTAINER
|
|
8
8
|
})`
|
|
9
9
|
${sizing}
|
|
10
10
|
${space}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionContent/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport {
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport { COMPONENT_NAME, slots } from '../../exported-related';\n\nexport const StyledContainer = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.CONTAINER,\n})`\n ${sizing}\n ${space}\n ${layout}\n`;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,MAAM;AACd,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { styled } from "@elliemae/ds-system";
|
|
3
3
|
import { sizing, space, layout } from "@xstyled/styled-components";
|
|
4
|
-
import {
|
|
5
|
-
const StyledItemContainer = styled("div", { name:
|
|
4
|
+
import { COMPONENT_NAME, slots } from "../../exported-related";
|
|
5
|
+
const StyledItemContainer = styled("div", { name: COMPONENT_NAME, slot: slots.ITEM.CONTAINER })`
|
|
6
6
|
display: grid;
|
|
7
7
|
grid-template-rows: auto auto;
|
|
8
8
|
border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};
|
|
@@ -13,8 +13,8 @@ const StyledItemContainer = styled("div", { name: DSAccordionName, slot: DSAccor
|
|
|
13
13
|
${space}
|
|
14
14
|
`;
|
|
15
15
|
const StyledItemHeader = styled("button", {
|
|
16
|
-
name:
|
|
17
|
-
slot:
|
|
16
|
+
name: COMPONENT_NAME,
|
|
17
|
+
slot: slots.ITEM.HEADER.CONTAINER
|
|
18
18
|
})`
|
|
19
19
|
display: flex;
|
|
20
20
|
min-height: ${({ theme, withSecondaryTitle, isDSMobile }) => isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};
|
|
@@ -43,15 +43,15 @@ const StyledItemHeader = styled("button", {
|
|
|
43
43
|
}
|
|
44
44
|
`;
|
|
45
45
|
const StyledItemContent = styled("div", {
|
|
46
|
-
name:
|
|
47
|
-
slot:
|
|
46
|
+
name: COMPONENT_NAME,
|
|
47
|
+
slot: slots.ITEM.CONTENT.CONTAINER
|
|
48
48
|
})`
|
|
49
49
|
margin: ${({ isDSMobile }) => isDSMobile ? `16px 16px 24px 16px` : "16px 20px"};
|
|
50
50
|
grid-column: 1/2;
|
|
51
51
|
`;
|
|
52
52
|
const StyledItemAddon = styled("div", {
|
|
53
|
-
name:
|
|
54
|
-
slot:
|
|
53
|
+
name: COMPONENT_NAME,
|
|
54
|
+
slot: slots.ITEM.HEADER.ADDON
|
|
55
55
|
})`
|
|
56
56
|
height: 100%;
|
|
57
57
|
display: grid;
|
|
@@ -62,8 +62,8 @@ const StyledItemAddon = styled("div", {
|
|
|
62
62
|
}
|
|
63
63
|
`;
|
|
64
64
|
const StyledItemTitles = styled("div", {
|
|
65
|
-
name:
|
|
66
|
-
slot:
|
|
65
|
+
name: COMPONENT_NAME,
|
|
66
|
+
slot: slots.ITEM.HEADER.TITLE_CONTAINER
|
|
67
67
|
})`
|
|
68
68
|
display: grid;
|
|
69
69
|
grid-gap: 4px;
|
|
@@ -71,9 +71,9 @@ const StyledItemTitles = styled("div", {
|
|
|
71
71
|
width: 100%;
|
|
72
72
|
align-content: center;
|
|
73
73
|
`;
|
|
74
|
-
const StyledPrimaryTitle = styled("
|
|
75
|
-
name:
|
|
76
|
-
slot:
|
|
74
|
+
const StyledPrimaryTitle = styled("div", {
|
|
75
|
+
name: COMPONENT_NAME,
|
|
76
|
+
slot: slots.ITEM.HEADER.PRIMARY_TITLE
|
|
77
77
|
})`
|
|
78
78
|
margin: 0;
|
|
79
79
|
font-size: 16px;
|
|
@@ -92,8 +92,8 @@ const StyledPrimaryTitle = styled("span", {
|
|
|
92
92
|
display: block;
|
|
93
93
|
`;
|
|
94
94
|
const StyledSecondaryTitle = styled("span", {
|
|
95
|
-
name:
|
|
96
|
-
slot:
|
|
95
|
+
name: COMPONENT_NAME,
|
|
96
|
+
slot: slots.ITEM.HEADER.SECONDARY_TITLE
|
|
97
97
|
})`
|
|
98
98
|
margin: 0;
|
|
99
99
|
font-size: ${({ theme }) => theme.fontSizes.label[200]};
|
|
@@ -110,19 +110,20 @@ const StyledSecondaryTitle = styled("span", {
|
|
|
110
110
|
display: block;`}
|
|
111
111
|
`;
|
|
112
112
|
const StyledItemCustomActions = styled("div", {
|
|
113
|
-
name:
|
|
114
|
-
slot:
|
|
113
|
+
name: COMPONENT_NAME,
|
|
114
|
+
slot: slots.ITEM.HEADER.CUSTOM_ACTIONS_CONTAINER
|
|
115
115
|
})`
|
|
116
116
|
display: grid;
|
|
117
117
|
grid-auto-flow: column;
|
|
118
|
+
place-items: center;
|
|
118
119
|
grid-gap: ${({ theme }) => theme.space.xxs};
|
|
119
120
|
margin: ${({ theme, isDSMobile }) => isDSMobile ? `0 ${theme.space.xs}` : "0 20px 0 16px"};
|
|
120
121
|
justify-content: flex-end;
|
|
121
122
|
height: 28px;
|
|
122
123
|
`;
|
|
123
124
|
const StyledItemHeaderContainer = styled("div", {
|
|
124
|
-
name:
|
|
125
|
-
slot:
|
|
125
|
+
name: COMPONENT_NAME,
|
|
126
|
+
slot: slots.ITEM.HEADER.CONTAINER
|
|
126
127
|
})`
|
|
127
128
|
display: grid;
|
|
128
129
|
grid-template-columns: auto max-content;
|
|
@@ -134,8 +135,8 @@ const StyledItemHeaderContainer = styled("div", {
|
|
|
134
135
|
}
|
|
135
136
|
`;
|
|
136
137
|
const StyledTooltipContent = styled("div", {
|
|
137
|
-
name:
|
|
138
|
-
slot:
|
|
138
|
+
name: COMPONENT_NAME,
|
|
139
|
+
slot: slots.ITEM.HEADER.TOOLTIP
|
|
139
140
|
})`
|
|
140
141
|
padding: 8px;
|
|
141
142
|
width: 250px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionItem/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport {
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AA0CO,MAAM,sBAAsB,OAAO,OAAO,EAAE,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport { COMPONENT_NAME, slots } from '../../exported-related';\ninterface StyledItemHeaderPropsT {\n withCustomActions: boolean;\n withSecondaryTitle?: string;\n isDSMobile: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n withSecondaryTitle?: string;\n isDSMobile: boolean;\n selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n disabled: boolean;\n isDSMobile: boolean;\n selected: boolean;\n withSecondaryTitle: boolean;\n}\n\ninterface StyledItemContentPropsT {\n isDSMobile: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n disabled: boolean;\n selected: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n disabled: boolean;\n isDSMobile: boolean;\n}\n\ninterface StyledItemHeaderContainerPropsT {\n disabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n isDSMobile: boolean;\n}\n\nexport const StyledItemContainer = styled('div', { name: COMPONENT_NAME, slot: slots.ITEM.CONTAINER })`\n display: grid;\n grid-template-rows: auto auto;\n border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n align-items: center;\n min-width: 240px;\n ${layout}\n ${sizing}\n ${space}\n`;\n\nexport const StyledItemHeader = styled('button', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.CONTAINER,\n})<StyledItemHeaderPropsT>`\n display: flex;\n min-height: ${({ theme, withSecondaryTitle, isDSMobile }) =>\n isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};\n width: 100%;\n align-items: center;\n border: none;\n outline: none;\n background: none;\n &:hover {\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n }\n padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n ${({ isDSMobile }) => (isDSMobile ? `flex-direction: row-reverse;` : ``)}\n &:focus {\n &:after {\n position: absolute;\n content: '';\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: 2px;\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledItemContent = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.CONTENT.CONTAINER,\n})<StyledItemContentPropsT>`\n margin: ${({ isDSMobile }) => (isDSMobile ? `16px 16px 24px 16px` : '16px 20px')};\n grid-column: 1/2;\n`;\n\nexport const StyledItemAddon = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.ADDON,\n})<StyledItemAddonPropsT>`\n height: 100%;\n display: grid;\n place-items: center;\n\n & .em-ds-icon svg {\n fill: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[200] : theme.colors.brand[800])};\n }\n`;\n\nexport const StyledItemTitles = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n display: grid;\n grid-gap: 4px;\n grid-template-columns: 100%;\n width: 100%;\n align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.PRIMARY_TITLE,\n})<StyledPrimaryTitlePropsT>`\n margin: 0;\n font-size: 16px;\n line-height: 1;\n text-align: left;\n text-overflow: ellipsis;\n min-height: ${({ theme }) => theme.space.xs};\n color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[500] : theme.colors.neutral[700])};\n font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular)};\n padding: ${({ withSecondaryTitle, isDSMobile }) =>\n withSecondaryTitle ? '8px 0px 0px 0px' : isDSMobile ? '14px 0px' : '8px 0px'};\n ${({ selected }) =>\n selected\n ? `word-break: break-word;`\n : `\n overflow: hidden;\n white-space: nowrap;\n `};\n width: 100%;\n display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.SECONDARY_TITLE,\n})<StyledSecondaryTitlePropsT>`\n margin: 0;\n font-size: ${({ theme }) => theme.fontSizes.label[200]};\n line-height: 1;\n text-align: left;\n min-height: 12px;\n color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[500] : theme.colors.neutral[700])};\n padding-bottom: 8px;\n text-overflow: ellipsis;\n ${({ selected }) =>\n selected\n ? `word-break: break-word;`\n : `\n overflow: hidden;\n white-space: nowrap;\n width: 100%;\n display: block;`}\n`;\n\nexport const StyledItemCustomActions = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\n display: grid;\n grid-auto-flow: column;\n place-items: center;\n grid-gap: ${({ theme }) => theme.space.xxs};\n margin: ${({ theme, isDSMobile }) => (isDSMobile ? `0 ${theme.space.xs}` : '0 20px 0 16px')};\n justify-content: flex-end;\n height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.CONTAINER,\n})<StyledItemHeaderContainerPropsT>`\n display: grid;\n grid-template-columns: auto max-content;\n place-items: center;\n position: relative;\n border-radius: 2px;\n &:hover {\n ${({ disabled, theme }) => (!disabled ? `background: ${theme.colors.brand[200]};` : ``)}\n }\n`;\n\nexport const StyledTooltipContent = styled('div', {\n name: COMPONENT_NAME,\n slot: slots.ITEM.HEADER.TOOLTIP,\n})`\n padding: 8px;\n width: 250px;\n background: white;\n display: grid;\n gap: ${({ theme }) => theme.space.xxs};\n\n p {\n margin: 0;\n }\n`;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const accordionItemPropTypes = {\n children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n title: PropTypes.string.description('Set a primary title.'),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Dimsum AccordionItem value, this value should be unique.',\n ).isRequired,\n iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),\n iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),\n secondaryTitle: PropTypes.string.description('Set a secondary title'),\n customActions: PropTypes.arrayOf(PropTypes.object)\n .description('Set Dimsum AccordionItem custom actions.')\n .deprecated({ version: '3.x' }),\n renderCustomActions: PropTypes.func\n .description(\n 'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n )\n .deprecated({ version: '3.x' }),\n};\n\nexport const accordionPropTypes = {\n containerProps: PropTypes.object.description('Adds props to the container.'),\n activeValue: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected active value. This property makes the component a controlled one.'),\n children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n"],
|
|
5
5
|
"mappings": "AAAA;ACAA;AAEO,MAAM,yBAAyB;AAAA,EACpC,UAAU,UAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAC/D,0DACF,EAAE;AAAA,EACF,YAAY,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAC9E,YAAY,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAC5E,gBAAgB,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,UAAU,QAAQ,UAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,UAAU,KAC5B,YACC,oIACF,EACC,WAAW,EAAE,SAAS,MAAM,CAAC;AAClC;AAEO,MAAM,qBAAqB;AAAA,EAChC,gBAAgB,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,UAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,UAAU,KAAK,YAAY,sDAAsD;AAC7F;",
|
|
6
6
|
"names": []
|