@elliemae/ds-ribbon 3.4.2 → 3.4.3

package/dist/cjs/DSRibbon.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSRibbon_exports = {};
 __export(DSRibbon_exports, {
@@ -27,7 +30,7 @@ __export(DSRibbon_exports, {
 });
 module.exports = __toCommonJS(DSRibbon_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
 const RibbonRow = import_ds_system.styled.div`
@@ -199,36 +202,61 @@ function RibbonCard({
   center = false,
   solid = false
 }) {
-  const labelPlace = icon ? /* @__PURE__ */ import_react.default.createElement(RibbonBlockIcon, {
+  const labelPlace = icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RibbonBlockIcon, {
     error,
     info,
     success,
-    warning
-  }, icon) : /* @__PURE__ */ import_react.default.createElement(RibbonBlockLabel, null, label);
+    warning,
+    children: icon
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RibbonBlockLabel, {
+    children: label
+  });
   if (additionalValue || additionalLabel) {
     let additionalInformation;
     if (additionalValue) {
-      additionalInformation = additionalValue && /* @__PURE__ */ import_react.default.createElement(RibbonBlockValue, null, additionalValue);
+      additionalInformation = additionalValue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RibbonBlockValue, {
+        children: additionalValue
+      });
     } else if (additionalLabel) {
-      additionalInformation = additionalLabel && /* @__PURE__ */ import_react.default.createElement(RibbonBlockValueLabel, null, additionalLabel);
+      additionalInformation = additionalLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RibbonBlockValueLabel, {
+        children: additionalLabel
+      });
     }
-    return /* @__PURE__ */ import_react.default.createElement(RibbonBlock, {
-      ...containerProps
-    }, /* @__PURE__ */ import_react.default.createElement(RibbonBlockRow, {
-      className: "ribbon-block-row",
-      solid,
-      style: { alignItems: "flex-start" }
-    }, labelPlace, /* @__PURE__ */ import_react.default.createElement(RibbonBlockCol, {
-      center,
-      className: "ribbon-block-col"
-    }, /* @__PURE__ */ import_react.default.createElement(RibbonBlockValue, null, value), additionalInformation)));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RibbonBlock, {
+      ...containerProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RibbonBlockRow, {
+        className: "ribbon-block-row",
+        solid,
+        style: { alignItems: "flex-start" },
+        children: [
+          labelPlace,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RibbonBlockCol, {
+            center,
+            className: "ribbon-block-col",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RibbonBlockValue, {
+                children: value
+              }),
+              additionalInformation
+            ]
+          })
+        ]
+      })
+    });
   }
-  return /* @__PURE__ */ import_react.default.createElement(RibbonBlock, {
-    ...containerProps
-  }, /* @__PURE__ */ import_react.default.createElement(RibbonBlockRow, {
-    center,
-    solid
-  }, labelPlace, /* @__PURE__ */ import_react.default.createElement(RibbonBlockValue, null, value)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RibbonBlock, {
+    ...containerProps,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RibbonBlockRow, {
+      center,
+      solid,
+      children: [
+        labelPlace,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RibbonBlockValue, {
+          children: value
+        })
+      ]
+    })
+  });
 }
 const DSRibbon = {
   RibbonWrapper,

package/dist/cjs/DSRibbon.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSRibbon.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable no-use-before-define */\n/* eslint-disable no-confusing-arrow */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\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      & > ${RibbonCol} {\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      // flex:1;\n      align-items: center;\n      `;\n  }};\n  ${(props) => {\n    if (props.solid) {\n      return `\n      & > ${RibbonCol} {\n        &:after{\n          top: 0%;\n          height: 100%;\n          border-right: solid 1px #CBCFD7;\n        }\n      `;\n    }\n    return '';\n  }};\n`;\n\nconst RibbonCol = 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  & > ${RibbonRow} {\n    align-items: flex-start;\n  }\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`;\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/* 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`;\nconst RibbonBlockValue = styled.div`\n  flex: 2;\n  font-weight: bold;\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`;\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\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`;\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`;\nconst RibbonBlock = styled.div`\n  flex: 1;\n  height: 100%;\n`;\n\nfunction 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\n      error={error}\n      info={info}\n      success={success}\n      warning={warning}\n    >\n      {icon}\n    </RibbonBlockIcon>\n  ) : (\n    <RibbonBlockLabel>{label}</RibbonBlockLabel>\n  );\n  if (additionalValue || additionalLabel) {\n    let additionalInformation;\n    if (additionalValue) {\n      additionalInformation = additionalValue && (\n        <RibbonBlockValue>{additionalValue}</RibbonBlockValue>\n      );\n    } else if (additionalLabel) {\n      additionalInformation = additionalLabel && (\n        <RibbonBlockValueLabel>{additionalLabel}</RibbonBlockValueLabel>\n      );\n    }\n    return (\n      <RibbonBlock {...containerProps}>\n        <RibbonBlockRow\n          className=\"ribbon-block-row\"\n          solid={solid}\n          style={{ alignItems: 'flex-start' }}\n        >\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};\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};\n\nRibbonCard.propTypes = cardprops;\nRibbonCard.displayName = 'RibbonCard';\nconst DSRibbonCardWithSchema = describe(RibbonCard);\nDSRibbonCardWithSchema.propTypes = cardprops;\n\nexport default DSRibbon;\nexport { DSRibbonCardWithSchema, DSRibbon };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { default, DSRibbon, DSRibbonCardWithSchema } from './DSRibbon';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA0D;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA0D;",
   "names": []
 }

package/dist/esm/DSRibbon.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import { styled } from "@elliemae/ds-system";
 const RibbonRow = styled.div`
@@ -171,36 +171,61 @@ function RibbonCard({
   center = false,
   solid = false
 }) {
-  const labelPlace = icon ? /* @__PURE__ */ React2.createElement(RibbonBlockIcon, {
+  const labelPlace = icon ? /* @__PURE__ */ jsx(RibbonBlockIcon, {
     error,
     info,
     success,
-    warning
-  }, icon) : /* @__PURE__ */ React2.createElement(RibbonBlockLabel, null, label);
+    warning,
+    children: icon
+  }) : /* @__PURE__ */ jsx(RibbonBlockLabel, {
+    children: label
+  });
   if (additionalValue || additionalLabel) {
     let additionalInformation;
     if (additionalValue) {
-      additionalInformation = additionalValue && /* @__PURE__ */ React2.createElement(RibbonBlockValue, null, additionalValue);
+      additionalInformation = additionalValue && /* @__PURE__ */ jsx(RibbonBlockValue, {
+        children: additionalValue
+      });
     } else if (additionalLabel) {
-      additionalInformation = additionalLabel && /* @__PURE__ */ React2.createElement(RibbonBlockValueLabel, null, additionalLabel);
+      additionalInformation = additionalLabel && /* @__PURE__ */ jsx(RibbonBlockValueLabel, {
+        children: additionalLabel
+      });
     }
-    return /* @__PURE__ */ React2.createElement(RibbonBlock, {
-      ...containerProps
-    }, /* @__PURE__ */ React2.createElement(RibbonBlockRow, {
-      className: "ribbon-block-row",
-      solid,
-      style: { alignItems: "flex-start" }
-    }, labelPlace, /* @__PURE__ */ React2.createElement(RibbonBlockCol, {
-      center,
-      className: "ribbon-block-col"
-    }, /* @__PURE__ */ React2.createElement(RibbonBlockValue, null, value), additionalInformation)));
+    return /* @__PURE__ */ jsx(RibbonBlock, {
+      ...containerProps,
+      children: /* @__PURE__ */ jsxs(RibbonBlockRow, {
+        className: "ribbon-block-row",
+        solid,
+        style: { alignItems: "flex-start" },
+        children: [
+          labelPlace,
+          /* @__PURE__ */ jsxs(RibbonBlockCol, {
+            center,
+            className: "ribbon-block-col",
+            children: [
+              /* @__PURE__ */ jsx(RibbonBlockValue, {
+                children: value
+              }),
+              additionalInformation
+            ]
+          })
+        ]
+      })
+    });
   }
-  return /* @__PURE__ */ React2.createElement(RibbonBlock, {
-    ...containerProps
-  }, /* @__PURE__ */ React2.createElement(RibbonBlockRow, {
-    center,
-    solid
-  }, labelPlace, /* @__PURE__ */ React2.createElement(RibbonBlockValue, null, value)));
+  return /* @__PURE__ */ jsx(RibbonBlock, {
+    ...containerProps,
+    children: /* @__PURE__ */ jsxs(RibbonBlockRow, {
+      center,
+      solid,
+      children: [
+        labelPlace,
+        /* @__PURE__ */ jsx(RibbonBlockValue, {
+          children: value
+        })
+      ]
+    })
+  });
 }
 const DSRibbon = {
   RibbonWrapper,

package/dist/esm/DSRibbon.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSRibbon.tsx"],
   "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 React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\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      & > ${RibbonCol} {\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      // flex:1;\n      align-items: center;\n      `;\n  }};\n  ${(props) => {\n    if (props.solid) {\n      return `\n      & > ${RibbonCol} {\n        &:after{\n          top: 0%;\n          height: 100%;\n          border-right: solid 1px #CBCFD7;\n        }\n      `;\n    }\n    return '';\n  }};\n`;\n\nconst RibbonCol = 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  & > ${RibbonRow} {\n    align-items: flex-start;\n  }\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`;\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/* 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`;\nconst RibbonBlockValue = styled.div`\n  flex: 2;\n  font-weight: bold;\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`;\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\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`;\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`;\nconst RibbonBlock = styled.div`\n  flex: 1;\n  height: 100%;\n`;\n\nfunction 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\n      error={error}\n      info={info}\n      success={success}\n      warning={warning}\n    >\n      {icon}\n    </RibbonBlockIcon>\n  ) : (\n    <RibbonBlockLabel>{label}</RibbonBlockLabel>\n  );\n  if (additionalValue || additionalLabel) {\n    let additionalInformation;\n    if (additionalValue) {\n      additionalInformation = additionalValue && (\n        <RibbonBlockValue>{additionalValue}</RibbonBlockValue>\n      );\n    } else if (additionalLabel) {\n      additionalInformation = additionalLabel && (\n        <RibbonBlockValueLabel>{additionalLabel}</RibbonBlockValueLabel>\n      );\n    }\n    return (\n      <RibbonBlock {...containerProps}>\n        <RibbonBlockRow\n          className=\"ribbon-block-row\"\n          solid={solid}\n          style={{ alignItems: 'flex-start' }}\n        >\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};\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};\n\nRibbonCard.propTypes = cardprops;\nRibbonCard.displayName = 'RibbonCard';\nconst DSRibbonCardWithSchema = describe(RibbonCard);\nDSRibbonCardWithSchema.propTypes = cardprops;\n\nexport default DSRibbon;\nexport { DSRibbonCardWithSchema, DSRibbon };\n"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AAEA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYrB,CAAC,UAAU;AACX,MAAI,MAAM,WAAW;AACnB,WAAO;AAAA;AAAA,YAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQR;AACA,SAAO;AAAA;AAAA;AAAA;AAIT;AAAA,IACE,CAAC,UAAU;AACX,MAAI,MAAM,OAAO;AACf,WAAO;AAAA,YACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOR;AACA,SAAO;AACT;AAAA;AAGF,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAgBjB;AAAA;AAAA;AAAA;AAKR,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWV,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKnB,CAAC,UAAU;AACjB,MAAI,MAAM;AAAM,WAAO;AACvB,MAAI,MAAM;AAAO,WAAO;AACxB,MAAI,MAAM;AAAS,WAAO;AAC1B,MAAI,MAAM;AAAS,WAAO;AAC1B,SAAO;AACT;AAAA;AAAA;AAKJ,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMhC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASrC,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKb,CAAC,UAAU;AACxB,MAAI,MAAM;AAAQ,WAAO;AACzB,SAAO;AACT;AAAA;AAAA;AAGF,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMb,CAAC,UAAU;AACxB,MAAI,MAAM;AAAQ,WAAO;AACzB,SAAO;AACT;AAAA;AAEF,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,oBAAoB;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;AAAA,GACP;AACD,QAAM,aAAa,OACjB,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,IACH,IAEA,qCAAC,wBAAkB,KAAM;AAE3B,MAAI,mBAAmB,iBAAiB;AACtC,QAAI;AACJ,QAAI,iBAAiB;AACnB,8BAAwB,mBACtB,qCAAC,wBAAkB,eAAgB;AAAA,IAEvC,WAAW,iBAAiB;AAC1B,8BAAwB,mBACtB,qCAAC,6BAAuB,eAAgB;AAAA,IAE5C;AACA,WACE,qCAAC;AAAA,MAAa,GAAG;AAAA,OACf,qCAAC;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,OAAO,EAAE,YAAY,aAAa;AAAA,OAEjC,YACD,qCAAC;AAAA,MAAe;AAAA,MAAgB,WAAU;AAAA,OACxC,qCAAC,wBAAkB,KAAM,GACxB,qBACH,CACF,CACF;AAAA,EAEJ;AAEA,SACE,qCAAC;AAAA,IAAa,GAAG;AAAA,KACf,qCAAC;AAAA,IAAe;AAAA,IAAgB;AAAA,KAC7B,YACD,qCAAC,wBAAkB,KAAM,CAC3B,CACF;AAEJ;AAEA,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,cAAc,YAAY,CAAC;AAE3B,UAAU,YAAY;AAAA,EAEpB,WAAW,UAAU,KAAK,YAAY,YAAY;AACpD;AAEA,UAAU,YAAY,CAAC;AAEvB,MAAM,YAAY;AAAA,EAEhB,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAEzE,MAAM,UAAU,QAAQ,YAAY,sBAAsB;AAAA,EAE1D,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEtD,iBAAiB,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEhE,iBAAiB,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEhE,MAAM,UAAU,KAAK,YAAY,gBAAgB;AAAA,EAEjD,OAAO,UAAU,KAAK,YAAY,oBAAoB;AAAA,EAEtD,SAAS,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAE1D,SAAS,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAE1D,QAAQ,UAAU,KAAK,YAAY,cAAc;AAAA,EAEjD,OAAO,UAAU,KAAK,YAAY,aAAa;AACjD;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,yBAAyB,SAAS,UAAU;AAClD,uBAAuB,YAAY;AAEnC,IAAO,mBAAQ;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSRibbon, DSRibbonCardWithSchema } from './DSRibbon';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,UAAU,8BAA8B;",
+  "names": ["default"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-ribbon",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Ribbon",
   "files": [
@@ -39,8 +39,8 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.4.2",
-    "@elliemae/ds-utilities": "3.4.2"
+    "@elliemae/ds-system": "3.4.3",
+    "@elliemae/ds-utilities": "3.4.3"
   },
   "devDependencies": {
     "styled-components": "~5.3.5"