@elliemae/ds-ribbon 3.80.0-next.1 → 3.80.0-next.12
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.
|
@@ -48,12 +48,12 @@ const StyledBlockIcon = (0, import_ds_system.styled)("div", {
|
|
|
48
48
|
padding-top: 0.1rem;
|
|
49
49
|
svg,
|
|
50
50
|
svg:not([fill]) {
|
|
51
|
-
fill: ${(
|
|
52
|
-
if (
|
|
53
|
-
if (
|
|
54
|
-
if (
|
|
55
|
-
if (
|
|
56
|
-
return
|
|
51
|
+
fill: ${({ theme: { colors }, info, error, warning, success }) => {
|
|
52
|
+
if (info) return colors.brand[600];
|
|
53
|
+
if (error) return colors.danger[900];
|
|
54
|
+
if (warning) return colors.warning[900];
|
|
55
|
+
if (success) return colors.success[900];
|
|
56
|
+
return colors.brand[600];
|
|
57
57
|
}};
|
|
58
58
|
}
|
|
59
59
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/DSRibbonCard/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSRibbonName, RIBBON_CARD_SLOTS } from './constants/index.js';\nimport { type DSRibbonCardT } from './react-desc-prop-types.js';\n\ntype StyledBlockIconProps = {\n info?: DSRibbonCardT.Props['info'];\n error?: DSRibbonCardT.Props['error'];\n warning?: DSRibbonCardT.Props['warning'];\n success?: DSRibbonCardT.Props['success'];\n};\nexport const StyledBlockIcon = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ICON,\n name: DSRibbonName,\n})<StyledBlockIconProps>`\n padding-right: 0.5rem;\n padding-top: 0.1rem;\n svg,\n svg:not([fill]) {\n fill: ${(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAA2C;AAC3C,uBAAgD;AASzC,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKW,CAAC,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSRibbonName, RIBBON_CARD_SLOTS } from './constants/index.js';\nimport { type DSRibbonCardT } from './react-desc-prop-types.js';\n\ntype StyledBlockIconProps = {\n info?: DSRibbonCardT.Props['info'];\n error?: DSRibbonCardT.Props['error'];\n warning?: DSRibbonCardT.Props['warning'];\n success?: DSRibbonCardT.Props['success'];\n};\nexport const StyledBlockIcon = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ICON,\n name: DSRibbonName,\n})<StyledBlockIconProps>`\n padding-right: 0.5rem;\n padding-top: 0.1rem;\n svg,\n svg:not([fill]) {\n fill: ${({ theme: { colors }, info, error, warning, success }) => {\n if (info) return colors.brand[600];\n if (error) return colors.danger[900];\n if (warning) return colors.warning[900];\n if (success) return colors.success[900];\n return colors.brand[600];\n }};\n }\n\n ${xStyledCommonProps}\n`;\n\nexport const StyledBlockLabel = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_LABEL,\n name: DSRibbonName,\n})`\n padding: 0.25rem 0.5rem;\n color: #697489;\n font-size: 0.9rem;\n line-height: 1.2rem;\n\n ${xStyledCommonProps}\n`;\n\nexport const StyledBlockValue = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_VALUE,\n name: DSRibbonName,\n})`\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`;\n\nexport const StyledBlockValueLabel = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_VALUE_LABEL,\n name: DSRibbonName,\n})`\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`;\ntype StyledColProps = {\n center?: DSRibbonCardT.Props['center'];\n};\nexport const StyledBlockCol = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_COL,\n name: DSRibbonName,\n})<StyledColProps>`\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`;\ntype StyledRowProps = {\n center?: DSRibbonCardT.Props['center'];\n};\nexport const StyledBlockRow = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ROW,\n name: DSRibbonName,\n})<StyledRowProps>`\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`;\n\nexport const StyledBlock = styled('div', { slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK, name: DSRibbonName })`\n flex: 1;\n height: 100%;\n\n ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAA2C;AAC3C,uBAAgD;AASzC,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKW,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,OAAO,SAAS,QAAQ,MAAM;AAChE,MAAI,KAAM,QAAO,OAAO,MAAM,GAAG;AACjC,MAAI,MAAO,QAAO,OAAO,OAAO,GAAG;AACnC,MAAI,QAAS,QAAO,OAAO,QAAQ,GAAG;AACtC,MAAI,QAAS,QAAO,OAAO,QAAQ,GAAG;AACtC,SAAO,OAAO,MAAM,GAAG;AACzB,CAAC;AAAA;AAAA;AAAA,IAGD,mCAAkB;AAAA;AAGf,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMG,mCAAkB;AAAA;AAGf,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASG,mCAAkB;AAAA;AAGf,MAAM,4BAAwB,yBAAO,OAAO;AAAA,EACjD,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQG,mCAAkB;AAAA;AAKf,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,UAAU;AACxB,MAAI,MAAM,OAAQ,QAAO;AACzB,SAAO;AACT,CAAC;AAAA;AAAA;AAAA,IAGC,mCAAkB;AAAA;AAKf,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMgB,CAAC,UAAU;AACxB,MAAI,MAAM,OAAQ,QAAO;AACzB,SAAO;AACT,CAAC;AAAA;AAAA,IAEC,mCAAkB;AAAA;AAGf,MAAM,kBAAc,yBAAO,OAAO,EAAE,MAAM,mCAAkB,mBAAmB,MAAM,8BAAa,CAAC;AAAA;AAAA;AAAA;AAAA,IAItG,mCAAkB;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -9,12 +9,12 @@ const StyledBlockIcon = styled("div", {
|
|
|
9
9
|
padding-top: 0.1rem;
|
|
10
10
|
svg,
|
|
11
11
|
svg:not([fill]) {
|
|
12
|
-
fill: ${(
|
|
13
|
-
if (
|
|
14
|
-
if (
|
|
15
|
-
if (
|
|
16
|
-
if (
|
|
17
|
-
return
|
|
12
|
+
fill: ${({ theme: { colors }, info, error, warning, success }) => {
|
|
13
|
+
if (info) return colors.brand[600];
|
|
14
|
+
if (error) return colors.danger[900];
|
|
15
|
+
if (warning) return colors.warning[900];
|
|
16
|
+
if (success) return colors.success[900];
|
|
17
|
+
return colors.brand[600];
|
|
18
18
|
}};
|
|
19
19
|
}
|
|
20
20
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonCard/styled.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSRibbonName, RIBBON_CARD_SLOTS } from './constants/index.js';\nimport { type DSRibbonCardT } from './react-desc-prop-types.js';\n\ntype StyledBlockIconProps = {\n info?: DSRibbonCardT.Props['info'];\n error?: DSRibbonCardT.Props['error'];\n warning?: DSRibbonCardT.Props['warning'];\n success?: DSRibbonCardT.Props['success'];\n};\nexport const StyledBlockIcon = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ICON,\n name: DSRibbonName,\n})<StyledBlockIconProps>`\n padding-right: 0.5rem;\n padding-top: 0.1rem;\n svg,\n svg:not([fill]) {\n fill: ${(
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,cAAc,yBAAyB;AASzC,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM,kBAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKW,CAAC,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSRibbonName, RIBBON_CARD_SLOTS } from './constants/index.js';\nimport { type DSRibbonCardT } from './react-desc-prop-types.js';\n\ntype StyledBlockIconProps = {\n info?: DSRibbonCardT.Props['info'];\n error?: DSRibbonCardT.Props['error'];\n warning?: DSRibbonCardT.Props['warning'];\n success?: DSRibbonCardT.Props['success'];\n};\nexport const StyledBlockIcon = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ICON,\n name: DSRibbonName,\n})<StyledBlockIconProps>`\n padding-right: 0.5rem;\n padding-top: 0.1rem;\n svg,\n svg:not([fill]) {\n fill: ${({ theme: { colors }, info, error, warning, success }) => {\n if (info) return colors.brand[600];\n if (error) return colors.danger[900];\n if (warning) return colors.warning[900];\n if (success) return colors.success[900];\n return colors.brand[600];\n }};\n }\n\n ${xStyledCommonProps}\n`;\n\nexport const StyledBlockLabel = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_LABEL,\n name: DSRibbonName,\n})`\n padding: 0.25rem 0.5rem;\n color: #697489;\n font-size: 0.9rem;\n line-height: 1.2rem;\n\n ${xStyledCommonProps}\n`;\n\nexport const StyledBlockValue = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_VALUE,\n name: DSRibbonName,\n})`\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`;\n\nexport const StyledBlockValueLabel = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_VALUE_LABEL,\n name: DSRibbonName,\n})`\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`;\ntype StyledColProps = {\n center?: DSRibbonCardT.Props['center'];\n};\nexport const StyledBlockCol = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_COL,\n name: DSRibbonName,\n})<StyledColProps>`\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`;\ntype StyledRowProps = {\n center?: DSRibbonCardT.Props['center'];\n};\nexport const StyledBlockRow = styled('div', {\n slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ROW,\n name: DSRibbonName,\n})<StyledRowProps>`\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`;\n\nexport const StyledBlock = styled('div', { slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK, name: DSRibbonName })`\n flex: 1;\n height: 100%;\n\n ${xStyledCommonProps}\n`;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,cAAc,yBAAyB;AASzC,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM,kBAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKW,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,OAAO,SAAS,QAAQ,MAAM;AAChE,MAAI,KAAM,QAAO,OAAO,MAAM,GAAG;AACjC,MAAI,MAAO,QAAO,OAAO,OAAO,GAAG;AACnC,MAAI,QAAS,QAAO,OAAO,QAAQ,GAAG;AACtC,MAAI,QAAS,QAAO,OAAO,QAAQ,GAAG;AACtC,SAAO,OAAO,MAAM,GAAG;AACzB,CAAC;AAAA;AAAA;AAAA,IAGD,kBAAkB;AAAA;AAGf,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM,kBAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMG,kBAAkB;AAAA;AAGf,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM,kBAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASG,kBAAkB;AAAA;AAGf,MAAM,wBAAwB,OAAO,OAAO;AAAA,EACjD,MAAM,kBAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQG,kBAAkB;AAAA;AAKf,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM,kBAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,UAAU;AACxB,MAAI,MAAM,OAAQ,QAAO;AACzB,SAAO;AACT,CAAC;AAAA;AAAA;AAAA,IAGC,kBAAkB;AAAA;AAKf,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM,kBAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMgB,CAAC,UAAU;AACxB,MAAI,MAAM,OAAQ,QAAO;AACzB,SAAO;AACT,CAAC;AAAA;AAAA,IAEC,kBAAkB;AAAA;AAGf,MAAM,cAAc,OAAO,OAAO,EAAE,MAAM,kBAAkB,mBAAmB,MAAM,aAAa,CAAC;AAAA;AAAA;AAAA;AAAA,IAItG,kBAAkB;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-ribbon",
|
|
3
|
-
"version": "3.80.0-next.
|
|
3
|
+
"version": "3.80.0-next.12",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Ribbon",
|
|
6
6
|
"files": [
|
|
@@ -36,15 +36,15 @@
|
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-
|
|
40
|
-
"@elliemae/ds-
|
|
39
|
+
"@elliemae/ds-props-helpers": "3.80.0-next.12",
|
|
40
|
+
"@elliemae/ds-system": "3.80.0-next.12"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"jest": "^30.0.0",
|
|
44
44
|
"styled-components": "~5.3.11",
|
|
45
|
-
"@elliemae/ds-
|
|
46
|
-
"@elliemae/ds-
|
|
47
|
-
"@elliemae/ds-
|
|
45
|
+
"@elliemae/ds-monorepo-devops": "3.80.0-next.12",
|
|
46
|
+
"@elliemae/ds-typescript-helpers": "3.80.0-next.12",
|
|
47
|
+
"@elliemae/ds-test-utils": "3.80.0-next.12"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"lodash-es": "^4.18.1",
|