@elliemae/ds-ribbon 3.41.0-rc.0 → 3.41.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/dist/cjs/DSRibbon.js +19 -3
- package/dist/cjs/DSRibbon.js.map +2 -2
- package/dist/cjs/index.js +2 -3
- package/dist/cjs/index.js.map +2 -2
- package/dist/esm/DSRibbon.js +20 -4
- package/dist/esm/DSRibbon.js.map +2 -2
- package/dist/esm/index.js +2 -3
- package/dist/esm/index.js.map +3 -3
- package/dist/types/DSRibbon.d.ts +12 -13
- package/dist/types/index.d.ts +1 -1
- package/package.json +4 -4
package/dist/cjs/DSRibbon.js
CHANGED
|
@@ -30,8 +30,7 @@ var DSRibbon_exports = {};
|
|
|
30
30
|
__export(DSRibbon_exports, {
|
|
31
31
|
DSRibbon: () => DSRibbon,
|
|
32
32
|
DSRibbonCardWithSchema: () => DSRibbonCardWithSchema,
|
|
33
|
-
RibbonCol: () => RibbonCol
|
|
34
|
-
default: () => DSRibbon_default
|
|
33
|
+
RibbonCol: () => RibbonCol
|
|
35
34
|
});
|
|
36
35
|
module.exports = __toCommonJS(DSRibbon_exports);
|
|
37
36
|
var React = __toESM(require("react"));
|
|
@@ -54,6 +53,7 @@ const RibbonColSimple = import_ds_system.styled.div`
|
|
|
54
53
|
content: '';
|
|
55
54
|
border-right: dashed 1px #ebedf0;
|
|
56
55
|
}
|
|
56
|
+
${import_ds_system.xStyledCommonProps}
|
|
57
57
|
`;
|
|
58
58
|
const RibbonRow = import_ds_system.styled.div`
|
|
59
59
|
width: 100%;
|
|
@@ -97,11 +97,13 @@ const RibbonRow = import_ds_system.styled.div`
|
|
|
97
97
|
}
|
|
98
98
|
return "";
|
|
99
99
|
}};
|
|
100
|
+
${import_ds_system.xStyledCommonProps}
|
|
100
101
|
`;
|
|
101
102
|
const RibbonCol = (0, import_ds_system.styled)(RibbonColSimple)`
|
|
102
103
|
& > ${RibbonRow} {
|
|
103
104
|
align-items: flex-start;
|
|
104
105
|
}
|
|
106
|
+
${import_ds_system.xStyledCommonProps}
|
|
105
107
|
`;
|
|
106
108
|
const RibbonWrapper = import_ds_system.styled.div`
|
|
107
109
|
width: 100%;
|
|
@@ -124,6 +126,7 @@ const RibbonWrapper = import_ds_system.styled.div`
|
|
|
124
126
|
}
|
|
125
127
|
}
|
|
126
128
|
}
|
|
129
|
+
${import_ds_system.xStyledCommonProps}
|
|
127
130
|
`;
|
|
128
131
|
const RibbonBlockIcon = import_ds_system.styled.div`
|
|
129
132
|
padding-right: 0.5rem;
|
|
@@ -138,12 +141,16 @@ const RibbonBlockIcon = import_ds_system.styled.div`
|
|
|
138
141
|
return "#1e79c2";
|
|
139
142
|
}};
|
|
140
143
|
}
|
|
144
|
+
|
|
145
|
+
${import_ds_system.xStyledCommonProps}
|
|
141
146
|
`;
|
|
142
147
|
const RibbonBlockLabel = import_ds_system.styled.div`
|
|
143
148
|
padding: 0.25rem 0.5rem;
|
|
144
149
|
color: #697489;
|
|
145
150
|
font-size: 0.9rem;
|
|
146
151
|
line-height: 1.2rem;
|
|
152
|
+
|
|
153
|
+
${import_ds_system.xStyledCommonProps}
|
|
147
154
|
`;
|
|
148
155
|
const RibbonBlockValue = import_ds_system.styled.div`
|
|
149
156
|
flex: 2;
|
|
@@ -153,6 +160,8 @@ const RibbonBlockValue = import_ds_system.styled.div`
|
|
|
153
160
|
color: #333333;
|
|
154
161
|
flex-wrap: nowrap;
|
|
155
162
|
white-space: nowrap;
|
|
163
|
+
|
|
164
|
+
${import_ds_system.xStyledCommonProps}
|
|
156
165
|
`;
|
|
157
166
|
const RibbonBlockValueLabel = import_ds_system.styled.div`
|
|
158
167
|
flex: 2;
|
|
@@ -161,6 +170,8 @@ const RibbonBlockValueLabel = import_ds_system.styled.div`
|
|
|
161
170
|
color: #697489;
|
|
162
171
|
flex-wrap: nowrap;
|
|
163
172
|
white-space: nowrap;
|
|
173
|
+
|
|
174
|
+
${import_ds_system.xStyledCommonProps}
|
|
164
175
|
`;
|
|
165
176
|
const RibbonBlockCol = import_ds_system.styled.div`
|
|
166
177
|
display: flex;
|
|
@@ -172,6 +183,8 @@ const RibbonBlockCol = import_ds_system.styled.div`
|
|
|
172
183
|
return "";
|
|
173
184
|
}};
|
|
174
185
|
height: 100%;
|
|
186
|
+
|
|
187
|
+
${import_ds_system.xStyledCommonProps}
|
|
175
188
|
`;
|
|
176
189
|
const RibbonBlockRow = import_ds_system.styled.div`
|
|
177
190
|
display: flex;
|
|
@@ -183,10 +196,14 @@ const RibbonBlockRow = import_ds_system.styled.div`
|
|
|
183
196
|
if (props.center) return "center";
|
|
184
197
|
return "";
|
|
185
198
|
}};
|
|
199
|
+
|
|
200
|
+
${import_ds_system.xStyledCommonProps}
|
|
186
201
|
`;
|
|
187
202
|
const RibbonBlock = import_ds_system.styled.div`
|
|
188
203
|
flex: 1;
|
|
189
204
|
height: 100%;
|
|
205
|
+
|
|
206
|
+
${import_ds_system.xStyledCommonProps}
|
|
190
207
|
`;
|
|
191
208
|
const RibbonCard = ({
|
|
192
209
|
containerProps = {},
|
|
@@ -264,5 +281,4 @@ const cardprops = {
|
|
|
264
281
|
RibbonCard.displayName = "RibbonCard";
|
|
265
282
|
const DSRibbonCardWithSchema = (0, import_ds_props_helpers.describe)(RibbonCard);
|
|
266
283
|
DSRibbonCardWithSchema.propTypes = cardprops;
|
|
267
|
-
var DSRibbon_default = DSRibbon;
|
|
268
284
|
//# sourceMappingURL=DSRibbon.js.map
|
package/dist/cjs/DSRibbon.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSRibbon.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable no-use-before-define */\n/* eslint-disable no-confusing-arrow */\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable no-use-before-define */\n/* eslint-disable no-confusing-arrow */\nimport { type WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\n\nconst RibbonColSimple = styled.div`\n display: flex;\n flex-direction: column;\n padding: 0.25rem 0.5rem;\n height: 100%;\n justify-content: center;\n flex: 1;\n position: relative;\n &:after {\n position: absolute;\n top: 10%;\n right: 0;\n height: 80%;\n content: '';\n border-right: dashed 1px #ebedf0;\n }\n ${xStyledCommonProps}\n`;\n\nconst RibbonRow = styled.div`\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n min-height: 4rem;\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n height: 5rem;\n overflow-y: hidden;\n }\n flex-wrap: nowrap;\n overflow-x: auto;\n ${(props) => {\n if (props.alignLeft) {\n return `\n align-items: stretch;\n & > ${RibbonColSimple} {\n align-items: flex-start;\n align-self: stretch; \n flex: 0;\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n flex: 1;\n }\n `;\n }\n return `\n align-items: center;\n `;\n }};\n ${(props) => {\n if (props.solid) {\n return `\n & > ${RibbonColSimple} {\n &:after{\n top: 0%;\n height: 100%;\n border-right: solid 1px #CBCFD7;\n }\n `;\n }\n return '';\n }};\n ${xStyledCommonProps}\n`;\n\nexport const RibbonCol = styled(RibbonColSimple)`\n & > ${RibbonRow} {\n align-items: flex-start;\n }\n ${xStyledCommonProps}\n`;\n\nconst RibbonWrapper = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: 0.62rem 1.22rem;\n border-bottom: solid 1px #cfcfd7;\n background: #fff;\n & > ${RibbonRow} {\n border-bottom: solid 1px #ebedf0;\n width: auto;\n &:last-child {\n border: none;\n }\n & > ${RibbonCol} {\n &:last-child {\n &:after {\n display: none;\n }\n }\n }\n }\n ${xStyledCommonProps}\n`;\n\n/* eslint-disable indent */\nconst RibbonBlockIcon = styled.div`\n padding-right: 0.5rem;\n padding-top: 0.1rem;\n svg,\n svg:not([fill]) {\n fill: ${(props) => {\n if (props.info) return '#1e79c2';\n if (props.error) return '#E34256';\n if (props.warning) return '#FBB431';\n if (props.success) return '#32B87C';\n return '#1e79c2';\n }};\n }\n\n ${xStyledCommonProps}\n`;\n/* eslint-enable indent */\n\nconst RibbonBlockLabel = styled.div`\n padding: 0.25rem 0.5rem;\n color: #697489;\n font-size: 0.9rem;\n line-height: 1.2rem;\n\n ${xStyledCommonProps}\n`;\nconst RibbonBlockValue = styled.div`\n flex: 2;\n font-weight: 600;\n padding: 0.25rem 0.5rem 0.25rem 0rem;\n font-size: 1.1rem;\n color: #333333;\n flex-wrap: nowrap;\n white-space: nowrap;\n\n ${xStyledCommonProps}\n`;\nconst RibbonBlockValueLabel = styled.div`\n flex: 2;\n padding: 0.25rem 0.5rem 0.25rem 0rem;\n font-size: 0.9rem;\n color: #697489;\n flex-wrap: nowrap;\n white-space: nowrap;\n\n ${xStyledCommonProps}\n`;\n\nconst RibbonBlockCol = styled.div`\n display: flex;\n flex-direction: column;\n flex: 2;\n flex-wrap: nowrap;\n align-items: ${(props) => {\n if (props.center) return 'center';\n return '';\n }};\n height: 100%;\n\n ${xStyledCommonProps}\n`;\nconst RibbonBlockRow = styled.div`\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n flex: 1;\n height: 100%;\n align-items: ${(props) => {\n if (props.center) return 'center';\n return '';\n }};\n\n ${xStyledCommonProps}\n`;\nconst RibbonBlock = styled.div`\n flex: 1;\n height: 100%;\n\n ${xStyledCommonProps}\n`;\n\nconst RibbonCard = ({\n containerProps = {},\n icon = null,\n label = '',\n value = '',\n additionalValue = '',\n additionalLabel = '',\n info = false,\n error = false,\n warning = false,\n success = false,\n center = false,\n solid = false,\n}) => {\n const labelPlace = icon ? (\n <RibbonBlockIcon error={error} info={info} success={success} warning={warning}>\n {icon}\n </RibbonBlockIcon>\n ) : (\n <RibbonBlockLabel>{label}</RibbonBlockLabel>\n );\n if (additionalValue || additionalLabel) {\n let additionalInformation;\n if (additionalValue) {\n additionalInformation = additionalValue && <RibbonBlockValue>{additionalValue}</RibbonBlockValue>;\n } else if (additionalLabel) {\n additionalInformation = additionalLabel && <RibbonBlockValueLabel>{additionalLabel}</RibbonBlockValueLabel>;\n }\n return (\n <RibbonBlock {...containerProps}>\n <RibbonBlockRow className=\"ribbon-block-row\" solid={solid} style={{ alignItems: 'flex-start' }}>\n {labelPlace}\n <RibbonBlockCol center={center} className=\"ribbon-block-col\">\n <RibbonBlockValue>{value}</RibbonBlockValue>\n {additionalInformation}\n </RibbonBlockCol>\n </RibbonBlockRow>\n </RibbonBlock>\n );\n }\n\n return (\n <RibbonBlock {...containerProps}>\n <RibbonBlockRow center={center} solid={solid}>\n {labelPlace}\n <RibbonBlockValue>{value}</RibbonBlockValue>\n </RibbonBlockRow>\n </RibbonBlock>\n );\n};\n\nconst DSRibbon = {\n RibbonWrapper,\n RibbonRow,\n RibbonCol,\n RibbonCard,\n};\n\nRibbonWrapper.propTypes = {};\n\nRibbonRow.propTypes = {\n /** align left */\n alignLeft: PropTypes.bool.description('align left'),\n} as WeakValidationMap<unknown>;\n\nRibbonCol.propTypes = {};\n\nconst cardprops = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /** icon for ribbon card */\n icon: PropTypes.element.description('icon for ribbon card'),\n /** label for ribbon card */\n label: PropTypes.string.description('label for ribbon card'),\n /** value for ribbon */\n value: PropTypes.string.description('value for ribbon'),\n /** additional value */\n additionalValue: PropTypes.string.description('additional value'),\n /** additional label */\n additionalLabel: PropTypes.string.description('additional label'),\n /** for main label */\n info: PropTypes.bool.description('for main label'),\n /** error state toggle */\n error: PropTypes.bool.description('error state toggle'),\n /** warning state toggle */\n warning: PropTypes.bool.description('warning state toggle'),\n /** success state toggle */\n success: PropTypes.bool.description('success state toggle'),\n /** align center */\n center: PropTypes.bool.description('align center'),\n /** solid style */\n solid: PropTypes.bool.description('solid style'),\n} as WeakValidationMap<unknown>;\n\nRibbonCard.displayName = 'RibbonCard';\nconst DSRibbonCardWithSchema = describe(RibbonCard);\nDSRibbonCardWithSchema.propTypes = cardprops;\n\nexport { DSRibbonCardWithSchema, DSRibbon };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuMnB;AAnMJ,8BAAoC;AACpC,uBAA2C;AAE3C,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgB3B,mCAAkB;AAAA;AAGtB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYrB,CAAC,UAAU;AACX,MAAI,MAAM,WAAW;AACnB,WAAO;AAAA;AAAA,YAED,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQvB;AACA,SAAO;AAAA;AAAA;AAGT,CAAC;AAAA,IACC,CAAC,UAAU;AACX,MAAI,MAAM,OAAO;AACf,WAAO;AAAA,YACD,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvB;AACA,SAAO;AACT,CAAC;AAAA,IACC,mCAAkB;AAAA;AAGf,MAAM,gBAAY,yBAAO,eAAe;AAAA,QACvC,SAAS;AAAA;AAAA;AAAA,IAGb,mCAAkB;AAAA;AAGtB,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOrB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQf,mCAAkB;AAAA;AAItB,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKnB,CAAC,UAAU;AACjB,MAAI,MAAM,KAAM,QAAO;AACvB,MAAI,MAAM,MAAO,QAAO;AACxB,MAAI,MAAM,QAAS,QAAO;AAC1B,MAAI,MAAM,QAAS,QAAO;AAC1B,SAAO;AACT,CAAC;AAAA;AAAA;AAAA,IAGD,mCAAkB;AAAA;AAItB,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM5B,mCAAkB;AAAA;AAEtB,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAS5B,mCAAkB;AAAA;AAEtB,MAAM,wBAAwB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQjC,mCAAkB;AAAA;AAGtB,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKb,CAAC,UAAU;AACxB,MAAI,MAAM,OAAQ,QAAO;AACzB,SAAO;AACT,CAAC;AAAA;AAAA;AAAA,IAGC,mCAAkB;AAAA;AAEtB,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMb,CAAC,UAAU;AACxB,MAAI,MAAM,OAAQ,QAAO;AACzB,SAAO;AACT,CAAC;AAAA;AAAA,IAEC,mCAAkB;AAAA;AAEtB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA,IAIvB,mCAAkB;AAAA;AAGtB,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB,CAAC;AAAA,EAClB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AACV,MAAM;AACJ,QAAM,aAAa,OACjB,4CAAC,mBAAgB,OAAc,MAAY,SAAkB,SAC1D,gBACH,IAEA,4CAAC,oBAAkB,iBAAM;AAE3B,MAAI,mBAAmB,iBAAiB;AACtC,QAAI;AACJ,QAAI,iBAAiB;AACnB,8BAAwB,mBAAmB,4CAAC,oBAAkB,2BAAgB;AAAA,IAChF,WAAW,iBAAiB;AAC1B,8BAAwB,mBAAmB,4CAAC,yBAAuB,2BAAgB;AAAA,IACrF;AACA,WACE,4CAAC,eAAa,GAAG,gBACf,uDAAC,kBAAe,WAAU,oBAAmB,OAAc,OAAO,EAAE,YAAY,aAAa,GAC1F;AAAA;AAAA,MACD,6CAAC,kBAAe,QAAgB,WAAU,oBACxC;AAAA,oDAAC,oBAAkB,iBAAM;AAAA,QACxB;AAAA,SACH;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,SACE,4CAAC,eAAa,GAAG,gBACf,uDAAC,kBAAe,QAAgB,OAC7B;AAAA;AAAA,IACD,4CAAC,oBAAkB,iBAAM;AAAA,KAC3B,GACF;AAEJ;AAEA,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,cAAc,YAAY,CAAC;AAE3B,UAAU,YAAY;AAAA;AAAA,EAEpB,WAAW,kCAAU,KAAK,YAAY,YAAY;AACpD;AAEA,UAAU,YAAY,CAAC;AAEvB,MAAM,YAAY;AAAA;AAAA,EAEhB,gBAAgB,kCAAU,OAAO,YAAY,4BAA4B;AAAA;AAAA,EAEzE,MAAM,kCAAU,QAAQ,YAAY,sBAAsB;AAAA;AAAA,EAE1D,OAAO,kCAAU,OAAO,YAAY,uBAAuB;AAAA;AAAA,EAE3D,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEtD,iBAAiB,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEhE,iBAAiB,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEhE,MAAM,kCAAU,KAAK,YAAY,gBAAgB;AAAA;AAAA,EAEjD,OAAO,kCAAU,KAAK,YAAY,oBAAoB;AAAA;AAAA,EAEtD,SAAS,kCAAU,KAAK,YAAY,sBAAsB;AAAA;AAAA,EAE1D,SAAS,kCAAU,KAAK,YAAY,sBAAsB;AAAA;AAAA,EAE1D,QAAQ,kCAAU,KAAK,YAAY,cAAc;AAAA;AAAA,EAEjD,OAAO,kCAAU,KAAK,YAAY,aAAa;AACjD;AAEA,WAAW,cAAc;AACzB,MAAM,6BAAyB,kCAAS,UAAU;AAClD,uBAAuB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -29,10 +29,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
29
29
|
var src_exports = {};
|
|
30
30
|
__export(src_exports, {
|
|
31
31
|
DSRibbon: () => import_DSRibbon.DSRibbon,
|
|
32
|
-
DSRibbonCardWithSchema: () => import_DSRibbon.DSRibbonCardWithSchema
|
|
33
|
-
default: () => import_DSRibbon.default
|
|
32
|
+
DSRibbonCardWithSchema: () => import_DSRibbon.DSRibbonCardWithSchema
|
|
34
33
|
});
|
|
35
34
|
module.exports = __toCommonJS(src_exports);
|
|
36
35
|
var React = __toESM(require("react"));
|
|
37
|
-
var import_DSRibbon =
|
|
36
|
+
var import_DSRibbon = require("./DSRibbon.js");
|
|
38
37
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["export { DSRibbon, DSRibbonCardWithSchema } from './DSRibbon.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAiD;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSRibbon.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { PropTypes, describe } from "@elliemae/ds-props-helpers";
|
|
4
|
-
import { styled } from "@elliemae/ds-system";
|
|
4
|
+
import { styled, xStyledCommonProps } from "@elliemae/ds-system";
|
|
5
5
|
const RibbonColSimple = styled.div`
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
@@ -18,6 +18,7 @@ const RibbonColSimple = styled.div`
|
|
|
18
18
|
content: '';
|
|
19
19
|
border-right: dashed 1px #ebedf0;
|
|
20
20
|
}
|
|
21
|
+
${xStyledCommonProps}
|
|
21
22
|
`;
|
|
22
23
|
const RibbonRow = styled.div`
|
|
23
24
|
width: 100%;
|
|
@@ -61,11 +62,13 @@ const RibbonRow = styled.div`
|
|
|
61
62
|
}
|
|
62
63
|
return "";
|
|
63
64
|
}};
|
|
65
|
+
${xStyledCommonProps}
|
|
64
66
|
`;
|
|
65
67
|
const RibbonCol = styled(RibbonColSimple)`
|
|
66
68
|
& > ${RibbonRow} {
|
|
67
69
|
align-items: flex-start;
|
|
68
70
|
}
|
|
71
|
+
${xStyledCommonProps}
|
|
69
72
|
`;
|
|
70
73
|
const RibbonWrapper = styled.div`
|
|
71
74
|
width: 100%;
|
|
@@ -88,6 +91,7 @@ const RibbonWrapper = styled.div`
|
|
|
88
91
|
}
|
|
89
92
|
}
|
|
90
93
|
}
|
|
94
|
+
${xStyledCommonProps}
|
|
91
95
|
`;
|
|
92
96
|
const RibbonBlockIcon = styled.div`
|
|
93
97
|
padding-right: 0.5rem;
|
|
@@ -102,12 +106,16 @@ const RibbonBlockIcon = styled.div`
|
|
|
102
106
|
return "#1e79c2";
|
|
103
107
|
}};
|
|
104
108
|
}
|
|
109
|
+
|
|
110
|
+
${xStyledCommonProps}
|
|
105
111
|
`;
|
|
106
112
|
const RibbonBlockLabel = styled.div`
|
|
107
113
|
padding: 0.25rem 0.5rem;
|
|
108
114
|
color: #697489;
|
|
109
115
|
font-size: 0.9rem;
|
|
110
116
|
line-height: 1.2rem;
|
|
117
|
+
|
|
118
|
+
${xStyledCommonProps}
|
|
111
119
|
`;
|
|
112
120
|
const RibbonBlockValue = styled.div`
|
|
113
121
|
flex: 2;
|
|
@@ -117,6 +125,8 @@ const RibbonBlockValue = styled.div`
|
|
|
117
125
|
color: #333333;
|
|
118
126
|
flex-wrap: nowrap;
|
|
119
127
|
white-space: nowrap;
|
|
128
|
+
|
|
129
|
+
${xStyledCommonProps}
|
|
120
130
|
`;
|
|
121
131
|
const RibbonBlockValueLabel = styled.div`
|
|
122
132
|
flex: 2;
|
|
@@ -125,6 +135,8 @@ const RibbonBlockValueLabel = styled.div`
|
|
|
125
135
|
color: #697489;
|
|
126
136
|
flex-wrap: nowrap;
|
|
127
137
|
white-space: nowrap;
|
|
138
|
+
|
|
139
|
+
${xStyledCommonProps}
|
|
128
140
|
`;
|
|
129
141
|
const RibbonBlockCol = styled.div`
|
|
130
142
|
display: flex;
|
|
@@ -136,6 +148,8 @@ const RibbonBlockCol = styled.div`
|
|
|
136
148
|
return "";
|
|
137
149
|
}};
|
|
138
150
|
height: 100%;
|
|
151
|
+
|
|
152
|
+
${xStyledCommonProps}
|
|
139
153
|
`;
|
|
140
154
|
const RibbonBlockRow = styled.div`
|
|
141
155
|
display: flex;
|
|
@@ -147,10 +161,14 @@ const RibbonBlockRow = styled.div`
|
|
|
147
161
|
if (props.center) return "center";
|
|
148
162
|
return "";
|
|
149
163
|
}};
|
|
164
|
+
|
|
165
|
+
${xStyledCommonProps}
|
|
150
166
|
`;
|
|
151
167
|
const RibbonBlock = styled.div`
|
|
152
168
|
flex: 1;
|
|
153
169
|
height: 100%;
|
|
170
|
+
|
|
171
|
+
${xStyledCommonProps}
|
|
154
172
|
`;
|
|
155
173
|
const RibbonCard = ({
|
|
156
174
|
containerProps = {},
|
|
@@ -228,11 +246,9 @@ const cardprops = {
|
|
|
228
246
|
RibbonCard.displayName = "RibbonCard";
|
|
229
247
|
const DSRibbonCardWithSchema = describe(RibbonCard);
|
|
230
248
|
DSRibbonCardWithSchema.propTypes = cardprops;
|
|
231
|
-
var DSRibbon_default = DSRibbon;
|
|
232
249
|
export {
|
|
233
250
|
DSRibbon,
|
|
234
251
|
DSRibbonCardWithSchema,
|
|
235
|
-
RibbonCol
|
|
236
|
-
DSRibbon_default as default
|
|
252
|
+
RibbonCol
|
|
237
253
|
};
|
|
238
254
|
//# sourceMappingURL=DSRibbon.js.map
|
package/dist/esm/DSRibbon.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSRibbon.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable no-use-before-define */\n/* eslint-disable no-confusing-arrow */\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable no-use-before-define */\n/* eslint-disable no-confusing-arrow */\nimport { type WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\n\nconst RibbonColSimple = styled.div`\n display: flex;\n flex-direction: column;\n padding: 0.25rem 0.5rem;\n height: 100%;\n justify-content: center;\n flex: 1;\n position: relative;\n &:after {\n position: absolute;\n top: 10%;\n right: 0;\n height: 80%;\n content: '';\n border-right: dashed 1px #ebedf0;\n }\n ${xStyledCommonProps}\n`;\n\nconst RibbonRow = styled.div`\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n min-height: 4rem;\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n height: 5rem;\n overflow-y: hidden;\n }\n flex-wrap: nowrap;\n overflow-x: auto;\n ${(props) => {\n if (props.alignLeft) {\n return `\n align-items: stretch;\n & > ${RibbonColSimple} {\n align-items: flex-start;\n align-self: stretch; \n flex: 0;\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n flex: 1;\n }\n `;\n }\n return `\n align-items: center;\n `;\n }};\n ${(props) => {\n if (props.solid) {\n return `\n & > ${RibbonColSimple} {\n &:after{\n top: 0%;\n height: 100%;\n border-right: solid 1px #CBCFD7;\n }\n `;\n }\n return '';\n }};\n ${xStyledCommonProps}\n`;\n\nexport const RibbonCol = styled(RibbonColSimple)`\n & > ${RibbonRow} {\n align-items: flex-start;\n }\n ${xStyledCommonProps}\n`;\n\nconst RibbonWrapper = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: 0.62rem 1.22rem;\n border-bottom: solid 1px #cfcfd7;\n background: #fff;\n & > ${RibbonRow} {\n border-bottom: solid 1px #ebedf0;\n width: auto;\n &:last-child {\n border: none;\n }\n & > ${RibbonCol} {\n &:last-child {\n &:after {\n display: none;\n }\n }\n }\n }\n ${xStyledCommonProps}\n`;\n\n/* eslint-disable indent */\nconst RibbonBlockIcon = styled.div`\n padding-right: 0.5rem;\n padding-top: 0.1rem;\n svg,\n svg:not([fill]) {\n fill: ${(props) => {\n if (props.info) return '#1e79c2';\n if (props.error) return '#E34256';\n if (props.warning) return '#FBB431';\n if (props.success) return '#32B87C';\n return '#1e79c2';\n }};\n }\n\n ${xStyledCommonProps}\n`;\n/* eslint-enable indent */\n\nconst RibbonBlockLabel = styled.div`\n padding: 0.25rem 0.5rem;\n color: #697489;\n font-size: 0.9rem;\n line-height: 1.2rem;\n\n ${xStyledCommonProps}\n`;\nconst RibbonBlockValue = styled.div`\n flex: 2;\n font-weight: 600;\n padding: 0.25rem 0.5rem 0.25rem 0rem;\n font-size: 1.1rem;\n color: #333333;\n flex-wrap: nowrap;\n white-space: nowrap;\n\n ${xStyledCommonProps}\n`;\nconst RibbonBlockValueLabel = styled.div`\n flex: 2;\n padding: 0.25rem 0.5rem 0.25rem 0rem;\n font-size: 0.9rem;\n color: #697489;\n flex-wrap: nowrap;\n white-space: nowrap;\n\n ${xStyledCommonProps}\n`;\n\nconst RibbonBlockCol = styled.div`\n display: flex;\n flex-direction: column;\n flex: 2;\n flex-wrap: nowrap;\n align-items: ${(props) => {\n if (props.center) return 'center';\n return '';\n }};\n height: 100%;\n\n ${xStyledCommonProps}\n`;\nconst RibbonBlockRow = styled.div`\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n flex: 1;\n height: 100%;\n align-items: ${(props) => {\n if (props.center) return 'center';\n return '';\n }};\n\n ${xStyledCommonProps}\n`;\nconst RibbonBlock = styled.div`\n flex: 1;\n height: 100%;\n\n ${xStyledCommonProps}\n`;\n\nconst RibbonCard = ({\n containerProps = {},\n icon = null,\n label = '',\n value = '',\n additionalValue = '',\n additionalLabel = '',\n info = false,\n error = false,\n warning = false,\n success = false,\n center = false,\n solid = false,\n}) => {\n const labelPlace = icon ? (\n <RibbonBlockIcon error={error} info={info} success={success} warning={warning}>\n {icon}\n </RibbonBlockIcon>\n ) : (\n <RibbonBlockLabel>{label}</RibbonBlockLabel>\n );\n if (additionalValue || additionalLabel) {\n let additionalInformation;\n if (additionalValue) {\n additionalInformation = additionalValue && <RibbonBlockValue>{additionalValue}</RibbonBlockValue>;\n } else if (additionalLabel) {\n additionalInformation = additionalLabel && <RibbonBlockValueLabel>{additionalLabel}</RibbonBlockValueLabel>;\n }\n return (\n <RibbonBlock {...containerProps}>\n <RibbonBlockRow className=\"ribbon-block-row\" solid={solid} style={{ alignItems: 'flex-start' }}>\n {labelPlace}\n <RibbonBlockCol center={center} className=\"ribbon-block-col\">\n <RibbonBlockValue>{value}</RibbonBlockValue>\n {additionalInformation}\n </RibbonBlockCol>\n </RibbonBlockRow>\n </RibbonBlock>\n );\n }\n\n return (\n <RibbonBlock {...containerProps}>\n <RibbonBlockRow center={center} solid={solid}>\n {labelPlace}\n <RibbonBlockValue>{value}</RibbonBlockValue>\n </RibbonBlockRow>\n </RibbonBlock>\n );\n};\n\nconst DSRibbon = {\n RibbonWrapper,\n RibbonRow,\n RibbonCol,\n RibbonCard,\n};\n\nRibbonWrapper.propTypes = {};\n\nRibbonRow.propTypes = {\n /** align left */\n alignLeft: PropTypes.bool.description('align left'),\n} as WeakValidationMap<unknown>;\n\nRibbonCol.propTypes = {};\n\nconst cardprops = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /** icon for ribbon card */\n icon: PropTypes.element.description('icon for ribbon card'),\n /** label for ribbon card */\n label: PropTypes.string.description('label for ribbon card'),\n /** value for ribbon */\n value: PropTypes.string.description('value for ribbon'),\n /** additional value */\n additionalValue: PropTypes.string.description('additional value'),\n /** additional label */\n additionalLabel: PropTypes.string.description('additional label'),\n /** for main label */\n info: PropTypes.bool.description('for main label'),\n /** error state toggle */\n error: PropTypes.bool.description('error state toggle'),\n /** warning state toggle */\n warning: PropTypes.bool.description('warning state toggle'),\n /** success state toggle */\n success: PropTypes.bool.description('success state toggle'),\n /** align center */\n center: PropTypes.bool.description('align center'),\n /** solid style */\n solid: PropTypes.bool.description('solid style'),\n} as WeakValidationMap<unknown>;\n\nRibbonCard.displayName = 'RibbonCard';\nconst DSRibbonCardWithSchema = describe(RibbonCard);\nDSRibbonCardWithSchema.propTypes = cardprops;\n\nexport { DSRibbonCardWithSchema, DSRibbon };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { DSRibbon, DSRibbonCardWithSchema } from "./DSRibbon.js";
|
|
3
3
|
export {
|
|
4
4
|
DSRibbon,
|
|
5
|
-
DSRibbonCardWithSchema
|
|
6
|
-
default2 as default
|
|
5
|
+
DSRibbonCardWithSchema
|
|
7
6
|
};
|
|
8
7
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,
|
|
6
|
-
"names": [
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSRibbon, DSRibbonCardWithSchema } from './DSRibbon.js';\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,8BAA8B;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
package/dist/types/DSRibbon.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const RibbonCol: import("styled-components").StyledComponent<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme,
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const RibbonCol: import("styled-components").StyledComponent<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, import("@xstyled/styled-components").Props<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").TypographyProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@elliemae/ds-system").BoxShadowProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").FlexboxesProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").LayoutProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>, import("@elliemae/ds-system").Theme, {
|
|
3
3
|
[x: string]: any;
|
|
4
4
|
[x: number]: any;
|
|
5
5
|
[x: symbol]: any;
|
|
6
6
|
} & {
|
|
7
7
|
theme?: import("@elliemae/ds-system").Theme | undefined;
|
|
8
8
|
} & {
|
|
9
|
-
as?: string |
|
|
10
|
-
forwardedAs?: string |
|
|
11
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme,
|
|
9
|
+
as?: string | import("react").ComponentType<any> | undefined;
|
|
10
|
+
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
11
|
+
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, import("@xstyled/styled-components").Props<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").TypographyProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@elliemae/ds-system").BoxShadowProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").FlexboxesProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").LayoutProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>>, never>;
|
|
12
12
|
declare const DSRibbon: {
|
|
13
13
|
RibbonWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
|
|
14
14
|
[x: string]: any;
|
|
@@ -17,20 +17,20 @@ declare const DSRibbon: {
|
|
|
17
17
|
} & {
|
|
18
18
|
theme?: import("@elliemae/ds-system").Theme | undefined;
|
|
19
19
|
} & {
|
|
20
|
-
as?: string |
|
|
21
|
-
forwardedAs?: string |
|
|
20
|
+
as?: string | import("react").ComponentType<any> | undefined;
|
|
21
|
+
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
22
22
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
23
|
-
RibbonRow: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme,
|
|
24
|
-
RibbonCol: import("styled-components").StyledComponent<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme,
|
|
23
|
+
RibbonRow: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, import("@xstyled/styled-components").Props<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").TypographyProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@elliemae/ds-system").BoxShadowProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").FlexboxesProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").LayoutProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
24
|
+
RibbonCol: import("styled-components").StyledComponent<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, import("@xstyled/styled-components").Props<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").TypographyProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@elliemae/ds-system").BoxShadowProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").FlexboxesProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").LayoutProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>, import("@elliemae/ds-system").Theme, {
|
|
25
25
|
[x: string]: any;
|
|
26
26
|
[x: number]: any;
|
|
27
27
|
[x: symbol]: any;
|
|
28
28
|
} & {
|
|
29
29
|
theme?: import("@elliemae/ds-system").Theme | undefined;
|
|
30
30
|
} & {
|
|
31
|
-
as?: string |
|
|
32
|
-
forwardedAs?: string |
|
|
33
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme,
|
|
31
|
+
as?: string | import("react").ComponentType<any> | undefined;
|
|
32
|
+
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
33
|
+
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, import("@xstyled/styled-components").Props<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").TypographyProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@elliemae/ds-system").BoxShadowProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").FlexboxesProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").LayoutProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>>, never>;
|
|
34
34
|
RibbonCard: {
|
|
35
35
|
({ containerProps, icon, label, value, additionalValue, additionalLabel, info, error, warning, success, center, solid, }: {
|
|
36
36
|
containerProps?: {} | undefined;
|
|
@@ -63,5 +63,4 @@ declare const DSRibbonCardWithSchema: import("@elliemae/ds-props-helpers/dist/ty
|
|
|
63
63
|
center?: boolean | undefined;
|
|
64
64
|
solid?: boolean | undefined;
|
|
65
65
|
}>;
|
|
66
|
-
export default DSRibbon;
|
|
67
66
|
export { DSRibbonCardWithSchema, DSRibbon };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { DSRibbon, DSRibbonCardWithSchema } from './DSRibbon.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-ribbon",
|
|
3
|
-
"version": "3.41.0
|
|
3
|
+
"version": "3.41.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Ribbon",
|
|
6
6
|
"files": [
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"indent": 4
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-
|
|
43
|
+
"@elliemae/ds-props-helpers": "3.41.0",
|
|
44
|
+
"@elliemae/ds-system": "3.41.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
48
48
|
"styled-components": "~5.3.9",
|
|
49
|
-
"@elliemae/ds-monorepo-devops": "3.41.0
|
|
49
|
+
"@elliemae/ds-monorepo-devops": "3.41.0"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
52
|
"lodash": "^4.17.21",
|