@elliemae/ds-ribbon 2.3.0-alpha.8 → 2.3.0-next.2

package/cjs/DSRibbon.js

@@ -0,0 +1,193 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var styled = require('styled-components');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const RibbonRow = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-0"
+})(["width:100%;display:flex;flex-direction:row;align-items:center;min-height:4rem;@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){height:5rem;overflow-y:hidden;}flex-wrap:nowrap;overflow-x:auto;", ";", ";"], props => {
+  if (props.alignLeft) {
+    return "\n      align-items: stretch;\n      & > ".concat(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      ");
+  }
+
+  return "\n      // flex:1;\n      align-items: center;\n      ";
+}, props => {
+  if (props.solid) {
+    return "\n      & > ".concat(RibbonCol, " {\n        &:after{\n          top: 0%;\n          height: 100%;\n          border-right: solid 1px #CBCFD7;\n        }\n      ");
+  }
+
+  return '';
+});
+const RibbonCol = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-1"
+})(["display:flex;flex-direction:column;padding:0.25rem 0.5rem;height:100%;justify-content:center;flex:1;position:relative;&:after{position:absolute;top:10%;right:0;height:80%;content:'';border-right:dashed 1px #ebedf0;}& > ", "{align-items:flex-start;}"], RibbonRow);
+const RibbonWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-2"
+})(["width:100%;display:flex;flex-direction:column;padding:0.62rem 1.22rem;border-bottom:solid 1px #cfcfd7;background:#fff;& > ", "{border-bottom:solid 1px #ebedf0;width:auto;&:last-child{border:none;}& > ", "{&:last-child{&:after{display:none;}}}}"], RibbonRow, RibbonCol);
+/* eslint-disable indent */
+
+const RibbonBlockIcon = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-3"
+})(["padding-right:0.5rem;padding-top:0.1rem;svg,svg:not([fill]){fill:", ";}"], props => {
+  if (props.info) return '#1e79c2';
+  if (props.error) return '#E34256';
+  if (props.warning) return '#FBB431';
+  if (props.success) return '#32B87C';
+  return '#1e79c2';
+});
+/* eslint-enable indent */
+
+const RibbonBlockLabel = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-4"
+})(["padding:0.25rem 0.5rem;color:#697489;font-size:0.9rem;line-height:1.2rem;"]);
+const RibbonBlockValue = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-5"
+})(["flex:2;font-weight:bold;padding:0.25rem 0.5rem 0.25rem 0rem;font-size:1.1rem;color:#333333;flex-wrap:nowrap;white-space:nowrap;"]);
+const RibbonBlockValueLabel = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-6"
+})(["flex:2;padding:0.25rem 0.5rem 0.25rem 0rem;font-size:0.9rem;color:#697489;flex-wrap:nowrap;white-space:nowrap;"]);
+const RibbonBlockCol = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-7"
+})(["display:flex;flex-direction:column;flex:2;flex-wrap:nowrap;align-items:", ";height:100%;"], props => {
+  if (props.center) return 'center';
+  return '';
+});
+const RibbonBlockRow = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-8"
+})(["display:flex;flex-direction:row;flex-wrap:nowrap;flex:1;height:100%;align-items:", ";"], props => {
+  if (props.center) return 'center';
+  return '';
+});
+const RibbonBlock = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-9boes5-9"
+})(["flex:1;height:100%;"]);
+
+function RibbonCard(_ref) {
+  var _RibbonBlockValue;
+
+  let {
+    containerProps = {},
+    icon = null,
+    label = '',
+    value = '',
+    additionalValue = '',
+    additionalLabel = '',
+    info = false,
+    error = false,
+    warning = false,
+    success = false,
+    center = false,
+    solid = false
+  } = _ref;
+  const labelPlace = icon ? /*#__PURE__*/_jsx__default["default"](RibbonBlockIcon, {
+    error: error,
+    info: info,
+    success: success,
+    warning: warning
+  }, void 0, icon) : /*#__PURE__*/_jsx__default["default"](RibbonBlockLabel, {}, void 0, label);
+
+  if (additionalValue || additionalLabel) {
+    let additionalInformation;
+
+    if (additionalValue) {
+      additionalInformation = additionalValue && /*#__PURE__*/_jsx__default["default"](RibbonBlockValue, {}, void 0, additionalValue);
+    } else if (additionalLabel) {
+      additionalInformation = additionalLabel && /*#__PURE__*/_jsx__default["default"](RibbonBlockValueLabel, {}, void 0, additionalLabel);
+    }
+
+    return /*#__PURE__*/jsxRuntime.jsx(RibbonBlock, _objectSpread(_objectSpread({}, containerProps), {}, {
+      children: /*#__PURE__*/_jsx__default["default"](RibbonBlockRow, {
+        className: "ribbon-block-row",
+        solid: solid,
+        style: {
+          alignItems: 'flex-start'
+        }
+      }, void 0, labelPlace, /*#__PURE__*/_jsx__default["default"](RibbonBlockCol, {
+        center: center,
+        className: "ribbon-block-col"
+      }, void 0, _RibbonBlockValue || (_RibbonBlockValue = /*#__PURE__*/_jsx__default["default"](RibbonBlockValue, {}, void 0, value)), additionalInformation))
+    }));
+  }
+
+  return /*#__PURE__*/jsxRuntime.jsx(RibbonBlock, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: /*#__PURE__*/_jsx__default["default"](RibbonBlockRow, {
+      center: center,
+      solid: solid
+    }, void 0, labelPlace, /*#__PURE__*/_jsx__default["default"](RibbonBlockValue, {}, void 0, value))
+  }));
+}
+
+const DSRibbon = {
+  RibbonWrapper,
+  RibbonRow,
+  RibbonCol,
+  RibbonCard
+};
+RibbonWrapper.propTypes = {};
+RibbonRow.propTypes = {
+  /** align left */
+  alignLeft: reactDesc.PropTypes.bool.description('align left')
+};
+RibbonCol.propTypes = {};
+const cardprops = {
+  /** props to inject to wrapper */
+  containerProps: reactDesc.PropTypes.object.description('props to inject to wrapper'),
+
+  /** icon for ribbon card */
+  icon: reactDesc.PropTypes.element.description('icon for ribbon card'),
+
+  /** label for ribbon card */
+  label: reactDesc.PropTypes.string.description('label for ribbon card'),
+
+  /** value for ribbon */
+  value: reactDesc.PropTypes.string.description('value for ribbon'),
+
+  /** additional value */
+  additionalValue: reactDesc.PropTypes.string.description('additional value'),
+
+  /** additional label */
+  additionalLabel: reactDesc.PropTypes.string.description('additional label'),
+
+  /** for main label */
+  info: reactDesc.PropTypes.bool.description('for main label'),
+
+  /** error state toggle */
+  error: reactDesc.PropTypes.bool.description('error state toggle'),
+
+  /** warning state toggle */
+  warning: reactDesc.PropTypes.bool.description('warning state toggle'),
+
+  /** success state toggle */
+  success: reactDesc.PropTypes.bool.description('success state toggle'),
+
+  /** align center */
+  center: reactDesc.PropTypes.bool.description('align center'),
+
+  /** solid style */
+  solid: reactDesc.PropTypes.bool.description('solid style')
+};
+const DSRibbonCardWithSchema = reactDesc.describe(RibbonCard);
+DSRibbonCardWithSchema.propTypes = cardprops;
+
+exports.DSRibbonCardWithSchema = DSRibbonCardWithSchema;
+exports["default"] = DSRibbon;

package/cjs/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSRibbon = require('./DSRibbon.js');
+
+
+
+exports.DSRibbonCardWithSchema = DSRibbon.DSRibbonCardWithSchema;
+exports["default"] = DSRibbon["default"];

package/esm/DSRibbon.js

@@ -0,0 +1,182 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const RibbonRow = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-0"
+})(["width:100%;display:flex;flex-direction:row;align-items:center;min-height:4rem;@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){height:5rem;overflow-y:hidden;}flex-wrap:nowrap;overflow-x:auto;", ";", ";"], props => {
+  if (props.alignLeft) {
+    return "\n      align-items: stretch;\n      & > ".concat(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      ");
+  }
+
+  return "\n      // flex:1;\n      align-items: center;\n      ";
+}, props => {
+  if (props.solid) {
+    return "\n      & > ".concat(RibbonCol, " {\n        &:after{\n          top: 0%;\n          height: 100%;\n          border-right: solid 1px #CBCFD7;\n        }\n      ");
+  }
+
+  return '';
+});
+const RibbonCol = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-1"
+})(["display:flex;flex-direction:column;padding:0.25rem 0.5rem;height:100%;justify-content:center;flex:1;position:relative;&:after{position:absolute;top:10%;right:0;height:80%;content:'';border-right:dashed 1px #ebedf0;}& > ", "{align-items:flex-start;}"], RibbonRow);
+const RibbonWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-2"
+})(["width:100%;display:flex;flex-direction:column;padding:0.62rem 1.22rem;border-bottom:solid 1px #cfcfd7;background:#fff;& > ", "{border-bottom:solid 1px #ebedf0;width:auto;&:last-child{border:none;}& > ", "{&:last-child{&:after{display:none;}}}}"], RibbonRow, RibbonCol);
+/* eslint-disable indent */
+
+const RibbonBlockIcon = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-3"
+})(["padding-right:0.5rem;padding-top:0.1rem;svg,svg:not([fill]){fill:", ";}"], props => {
+  if (props.info) return '#1e79c2';
+  if (props.error) return '#E34256';
+  if (props.warning) return '#FBB431';
+  if (props.success) return '#32B87C';
+  return '#1e79c2';
+});
+/* eslint-enable indent */
+
+const RibbonBlockLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-4"
+})(["padding:0.25rem 0.5rem;color:#697489;font-size:0.9rem;line-height:1.2rem;"]);
+const RibbonBlockValue = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-5"
+})(["flex:2;font-weight:bold;padding:0.25rem 0.5rem 0.25rem 0rem;font-size:1.1rem;color:#333333;flex-wrap:nowrap;white-space:nowrap;"]);
+const RibbonBlockValueLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-6"
+})(["flex:2;padding:0.25rem 0.5rem 0.25rem 0rem;font-size:0.9rem;color:#697489;flex-wrap:nowrap;white-space:nowrap;"]);
+const RibbonBlockCol = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-7"
+})(["display:flex;flex-direction:column;flex:2;flex-wrap:nowrap;align-items:", ";height:100%;"], props => {
+  if (props.center) return 'center';
+  return '';
+});
+const RibbonBlockRow = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-8"
+})(["display:flex;flex-direction:row;flex-wrap:nowrap;flex:1;height:100%;align-items:", ";"], props => {
+  if (props.center) return 'center';
+  return '';
+});
+const RibbonBlock = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-9boes5-9"
+})(["flex:1;height:100%;"]);
+
+function RibbonCard(_ref) {
+  var _RibbonBlockValue;
+
+  let {
+    containerProps = {},
+    icon = null,
+    label = '',
+    value = '',
+    additionalValue = '',
+    additionalLabel = '',
+    info = false,
+    error = false,
+    warning = false,
+    success = false,
+    center = false,
+    solid = false
+  } = _ref;
+  const labelPlace = icon ? /*#__PURE__*/_jsx(RibbonBlockIcon, {
+    error: error,
+    info: info,
+    success: success,
+    warning: warning
+  }, void 0, icon) : /*#__PURE__*/_jsx(RibbonBlockLabel, {}, void 0, label);
+
+  if (additionalValue || additionalLabel) {
+    let additionalInformation;
+
+    if (additionalValue) {
+      additionalInformation = additionalValue && /*#__PURE__*/_jsx(RibbonBlockValue, {}, void 0, additionalValue);
+    } else if (additionalLabel) {
+      additionalInformation = additionalLabel && /*#__PURE__*/_jsx(RibbonBlockValueLabel, {}, void 0, additionalLabel);
+    }
+
+    return /*#__PURE__*/jsx(RibbonBlock, _objectSpread(_objectSpread({}, containerProps), {}, {
+      children: /*#__PURE__*/_jsx(RibbonBlockRow, {
+        className: "ribbon-block-row",
+        solid: solid,
+        style: {
+          alignItems: 'flex-start'
+        }
+      }, void 0, labelPlace, /*#__PURE__*/_jsx(RibbonBlockCol, {
+        center: center,
+        className: "ribbon-block-col"
+      }, void 0, _RibbonBlockValue || (_RibbonBlockValue = /*#__PURE__*/_jsx(RibbonBlockValue, {}, void 0, value)), additionalInformation))
+    }));
+  }
+
+  return /*#__PURE__*/jsx(RibbonBlock, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: /*#__PURE__*/_jsx(RibbonBlockRow, {
+      center: center,
+      solid: solid
+    }, void 0, labelPlace, /*#__PURE__*/_jsx(RibbonBlockValue, {}, void 0, value))
+  }));
+}
+
+const DSRibbon = {
+  RibbonWrapper,
+  RibbonRow,
+  RibbonCol,
+  RibbonCard
+};
+RibbonWrapper.propTypes = {};
+RibbonRow.propTypes = {
+  /** align left */
+  alignLeft: PropTypes.bool.description('align left')
+};
+RibbonCol.propTypes = {};
+const cardprops = {
+  /** props to inject to wrapper */
+  containerProps: PropTypes.object.description('props to inject to wrapper'),
+
+  /** icon for ribbon card */
+  icon: PropTypes.element.description('icon for ribbon card'),
+
+  /** label for ribbon card */
+  label: PropTypes.string.description('label for ribbon card'),
+
+  /** value for ribbon */
+  value: PropTypes.string.description('value for ribbon'),
+
+  /** additional value */
+  additionalValue: PropTypes.string.description('additional value'),
+
+  /** additional label */
+  additionalLabel: PropTypes.string.description('additional label'),
+
+  /** for main label */
+  info: PropTypes.bool.description('for main label'),
+
+  /** error state toggle */
+  error: PropTypes.bool.description('error state toggle'),
+
+  /** warning state toggle */
+  warning: PropTypes.bool.description('warning state toggle'),
+
+  /** success state toggle */
+  success: PropTypes.bool.description('success state toggle'),
+
+  /** align center */
+  center: PropTypes.bool.description('align center'),
+
+  /** solid style */
+  solid: PropTypes.bool.description('solid style')
+};
+const DSRibbonCardWithSchema = describe(RibbonCard);
+DSRibbonCardWithSchema.propTypes = cardprops;
+
+export { DSRibbonCardWithSchema, DSRibbon as default };

package/esm/index.js

@@ -0,0 +1 @@
+export { DSRibbonCardWithSchema, default } from './DSRibbon.js';

package/package.json

@@ -1,22 +1,19 @@
 {
   "name": "@elliemae/ds-ribbon",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Ribbon",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./DSRibbon": {
-      "import": "./dist/esm/DSRibbon.js",
-      "require": "./dist/cjs/DSRibbon.js"
+      "import": "./esm/DSRibbon.js",
+      "require": "./cjs/DSRibbon.js"
     }
   },
   "sideEffects": [
@@ -28,10 +25,16 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
     "react-desc": "~4.1.3"
   },
@@ -46,12 +49,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSRibbon.d.ts

@@ -0,0 +1,117 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function RibbonCard({ containerProps, icon, label, value, additionalValue, additionalLabel, info, error, warning, success, center, solid, }: {
+    containerProps?: {} | undefined;
+    icon?: null | undefined;
+    label?: string | undefined;
+    value?: string | undefined;
+    additionalValue?: string | undefined;
+    additionalLabel?: string | undefined;
+    info?: boolean | undefined;
+    error?: boolean | undefined;
+    warning?: boolean | undefined;
+    success?: boolean | undefined;
+    center?: boolean | undefined;
+    solid?: boolean | undefined;
+}): JSX.Element;
+declare namespace RibbonCard {
+    var propTypes: {
+        /** props to inject to wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** icon for ribbon card */
+        icon: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** label for ribbon card */
+        label: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** value for ribbon */
+        value: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** additional value */
+        additionalValue: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** additional label */
+        additionalLabel: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** for main label */
+        info: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** error state toggle */
+        error: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** warning state toggle */
+        warning: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** success state toggle */
+        success: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** align center */
+        center: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** solid style */
+        solid: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const DSRibbon: {
+    RibbonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+    RibbonRow: any;
+    RibbonCol: any;
+    RibbonCard: typeof RibbonCard;
+};
+declare const DSRibbonCardWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export default DSRibbon;
+export { DSRibbonCardWithSchema };

package/types/index.d.ts

@@ -0,0 +1 @@
+export { default, DSRibbonCardWithSchema } from './DSRibbon';

package/dist/cjs/DSRibbon.js

@@ -1,267 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSRibbon_exports = {};
-__export(DSRibbon_exports, {
-  DSRibbonCardWithSchema: () => DSRibbonCardWithSchema,
-  default: () => DSRibbon_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_styled_components = __toESM(require("styled-components"));
-const RibbonRow = import_styled_components.default.div`
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  min-height: 4rem;
-  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    height: 5rem;
-    overflow-y: hidden;
-  }
-  flex-wrap: nowrap;
-  overflow-x: auto;
-  ${(props) => {
-  if (props.alignLeft) {
-    return `
-      align-items: stretch;
-      & > ${RibbonCol} {
-        align-items: flex-start;
-        align-self: stretch;    
-        flex: 0;
-        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-          flex: 1;
-        }
-      `;
-  }
-  return `
-      // flex:1;
-      align-items: center;
-      `;
-}};
-  ${(props) => {
-  if (props.solid) {
-    return `
-      & > ${RibbonCol} {
-        &:after{
-          top: 0%;
-          height: 100%;
-          border-right: solid 1px #CBCFD7;
-        }
-      `;
-  }
-  return "";
-}};
-`;
-const RibbonCol = import_styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  padding: 0.25rem 0.5rem;
-  height: 100%;
-  justify-content: center;
-  flex: 1;
-  position: relative;
-  &:after {
-    position: absolute;
-    top: 10%;
-    right: 0;
-    height: 80%;
-    content: '';
-    border-right: dashed 1px #ebedf0;
-  }
-  & > ${RibbonRow} {
-    align-items: flex-start;
-  }
-`;
-const RibbonWrapper = import_styled_components.default.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 0.62rem 1.22rem;
-  border-bottom: solid 1px #cfcfd7;
-  background: #fff;
-  & > ${RibbonRow} {
-    border-bottom: solid 1px #ebedf0;
-    width: auto;
-    &:last-child {
-      border: none;
-    }
-    & > ${RibbonCol} {
-      &:last-child {
-        &:after {
-          display: none;
-        }
-      }
-    }
-  }
-`;
-const RibbonBlockIcon = import_styled_components.default.div`
-  padding-right: 0.5rem;
-  padding-top: 0.1rem;
-  svg,
-  svg:not([fill]) {
-    fill: ${(props) => {
-  if (props.info)
-    return "#1e79c2";
-  if (props.error)
-    return "#E34256";
-  if (props.warning)
-    return "#FBB431";
-  if (props.success)
-    return "#32B87C";
-  return "#1e79c2";
-}};
-  }
-`;
-const RibbonBlockLabel = import_styled_components.default.div`
-  padding: 0.25rem 0.5rem;
-  color: #697489;
-  font-size: 0.9rem;
-  line-height: 1.2rem;
-`;
-const RibbonBlockValue = import_styled_components.default.div`
-  flex: 2;
-  font-weight: bold;
-  padding: 0.25rem 0.5rem 0.25rem 0rem;
-  font-size: 1.1rem;
-  color: #333333;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-`;
-const RibbonBlockValueLabel = import_styled_components.default.div`
-  flex: 2;
-  padding: 0.25rem 0.5rem 0.25rem 0rem;
-  font-size: 0.9rem;
-  color: #697489;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-`;
-const RibbonBlockCol = import_styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  flex: 2;
-  flex-wrap: nowrap;
-  align-items: ${(props) => {
-  if (props.center)
-    return "center";
-  return "";
-}};
-  height: 100%;
-`;
-const RibbonBlockRow = import_styled_components.default.div`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  flex: 1;
-  height: 100%;
-  align-items: ${(props) => {
-  if (props.center)
-    return "center";
-  return "";
-}};
-`;
-const RibbonBlock = import_styled_components.default.div`
-  flex: 1;
-  height: 100%;
-`;
-function RibbonCard({
-  containerProps = {},
-  icon = null,
-  label = "",
-  value = "",
-  additionalValue = "",
-  additionalLabel = "",
-  info = false,
-  error = false,
-  warning = false,
-  success = false,
-  center = false,
-  solid = false
-}) {
-  const labelPlace = icon ? /* @__PURE__ */ import_react.default.createElement(RibbonBlockIcon, {
-    error,
-    info,
-    success,
-    warning
-  }, icon) : /* @__PURE__ */ import_react.default.createElement(RibbonBlockLabel, null, label);
-  if (additionalValue || additionalLabel) {
-    let additionalInformation;
-    if (additionalValue) {
-      additionalInformation = additionalValue && /* @__PURE__ */ import_react.default.createElement(RibbonBlockValue, null, additionalValue);
-    } else if (additionalLabel) {
-      additionalInformation = additionalLabel && /* @__PURE__ */ import_react.default.createElement(RibbonBlockValueLabel, null, 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__ */ import_react.default.createElement(RibbonBlock, {
-    ...containerProps
-  }, /* @__PURE__ */ import_react.default.createElement(RibbonBlockRow, {
-    center,
-    solid
-  }, labelPlace, /* @__PURE__ */ import_react.default.createElement(RibbonBlockValue, null, value)));
-}
-const DSRibbon = {
-  RibbonWrapper,
-  RibbonRow,
-  RibbonCol,
-  RibbonCard
-};
-RibbonWrapper.propTypes = {};
-RibbonRow.propTypes = {
-  alignLeft: import_react_desc.PropTypes.bool.description("align left")
-};
-RibbonCol.propTypes = {};
-const cardprops = {
-  containerProps: import_react_desc.PropTypes.object.description("props to inject to wrapper"),
-  icon: import_react_desc.PropTypes.element.description("icon for ribbon card"),
-  label: import_react_desc.PropTypes.string.description("label for ribbon card"),
-  value: import_react_desc.PropTypes.string.description("value for ribbon"),
-  additionalValue: import_react_desc.PropTypes.string.description("additional value"),
-  additionalLabel: import_react_desc.PropTypes.string.description("additional label"),
-  info: import_react_desc.PropTypes.bool.description("for main label"),
-  error: import_react_desc.PropTypes.bool.description("error state toggle"),
-  warning: import_react_desc.PropTypes.bool.description("warning state toggle"),
-  success: import_react_desc.PropTypes.bool.description("success state toggle"),
-  center: import_react_desc.PropTypes.bool.description("align center"),
-  solid: import_react_desc.PropTypes.bool.description("solid style")
-};
-RibbonCard.propTypes = cardprops;
-const DSRibbonCardWithSchema = (0, import_react_desc.describe)(RibbonCard);
-DSRibbonCardWithSchema.propTypes = cardprops;
-var DSRibbon_default = DSRibbon;
-module.exports = __toCommonJS(DSRibbon_exports);
-//# sourceMappingURL=DSRibbon.js.map

package/dist/cjs/DSRibbon.js.map

@@ -1,7 +0,0 @@
-{
-  "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 'react-desc';\nimport styled from 'styled-components';\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;\n\nconst DSRibbonCardWithSchema = describe(RibbonCard);\nDSRibbonCardWithSchema.propTypes = cardprops;\n\nexport default DSRibbon;\nexport { DSRibbonCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/index.js

@@ -1,36 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  DSRibbonCardWithSchema: () => import_DSRibbon.DSRibbonCardWithSchema,
-  default: () => import_DSRibbon.default
-});
-var React = __toESM(require("react"));
-var import_DSRibbon = __toESM(require("./DSRibbon"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/esm/DSRibbon.js

@@ -1,238 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import styled from "styled-components";
-const RibbonRow = styled.div`
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  min-height: 4rem;
-  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    height: 5rem;
-    overflow-y: hidden;
-  }
-  flex-wrap: nowrap;
-  overflow-x: auto;
-  ${(props) => {
-  if (props.alignLeft) {
-    return `
-      align-items: stretch;
-      & > ${RibbonCol} {
-        align-items: flex-start;
-        align-self: stretch;    
-        flex: 0;
-        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-          flex: 1;
-        }
-      `;
-  }
-  return `
-      // flex:1;
-      align-items: center;
-      `;
-}};
-  ${(props) => {
-  if (props.solid) {
-    return `
-      & > ${RibbonCol} {
-        &:after{
-          top: 0%;
-          height: 100%;
-          border-right: solid 1px #CBCFD7;
-        }
-      `;
-  }
-  return "";
-}};
-`;
-const RibbonCol = styled.div`
-  display: flex;
-  flex-direction: column;
-  padding: 0.25rem 0.5rem;
-  height: 100%;
-  justify-content: center;
-  flex: 1;
-  position: relative;
-  &:after {
-    position: absolute;
-    top: 10%;
-    right: 0;
-    height: 80%;
-    content: '';
-    border-right: dashed 1px #ebedf0;
-  }
-  & > ${RibbonRow} {
-    align-items: flex-start;
-  }
-`;
-const RibbonWrapper = styled.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 0.62rem 1.22rem;
-  border-bottom: solid 1px #cfcfd7;
-  background: #fff;
-  & > ${RibbonRow} {
-    border-bottom: solid 1px #ebedf0;
-    width: auto;
-    &:last-child {
-      border: none;
-    }
-    & > ${RibbonCol} {
-      &:last-child {
-        &:after {
-          display: none;
-        }
-      }
-    }
-  }
-`;
-const RibbonBlockIcon = styled.div`
-  padding-right: 0.5rem;
-  padding-top: 0.1rem;
-  svg,
-  svg:not([fill]) {
-    fill: ${(props) => {
-  if (props.info)
-    return "#1e79c2";
-  if (props.error)
-    return "#E34256";
-  if (props.warning)
-    return "#FBB431";
-  if (props.success)
-    return "#32B87C";
-  return "#1e79c2";
-}};
-  }
-`;
-const RibbonBlockLabel = styled.div`
-  padding: 0.25rem 0.5rem;
-  color: #697489;
-  font-size: 0.9rem;
-  line-height: 1.2rem;
-`;
-const RibbonBlockValue = styled.div`
-  flex: 2;
-  font-weight: bold;
-  padding: 0.25rem 0.5rem 0.25rem 0rem;
-  font-size: 1.1rem;
-  color: #333333;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-`;
-const RibbonBlockValueLabel = styled.div`
-  flex: 2;
-  padding: 0.25rem 0.5rem 0.25rem 0rem;
-  font-size: 0.9rem;
-  color: #697489;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-`;
-const RibbonBlockCol = styled.div`
-  display: flex;
-  flex-direction: column;
-  flex: 2;
-  flex-wrap: nowrap;
-  align-items: ${(props) => {
-  if (props.center)
-    return "center";
-  return "";
-}};
-  height: 100%;
-`;
-const RibbonBlockRow = styled.div`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  flex: 1;
-  height: 100%;
-  align-items: ${(props) => {
-  if (props.center)
-    return "center";
-  return "";
-}};
-`;
-const RibbonBlock = styled.div`
-  flex: 1;
-  height: 100%;
-`;
-function RibbonCard({
-  containerProps = {},
-  icon = null,
-  label = "",
-  value = "",
-  additionalValue = "",
-  additionalLabel = "",
-  info = false,
-  error = false,
-  warning = false,
-  success = false,
-  center = false,
-  solid = false
-}) {
-  const labelPlace = icon ? /* @__PURE__ */ React2.createElement(RibbonBlockIcon, {
-    error,
-    info,
-    success,
-    warning
-  }, icon) : /* @__PURE__ */ React2.createElement(RibbonBlockLabel, null, label);
-  if (additionalValue || additionalLabel) {
-    let additionalInformation;
-    if (additionalValue) {
-      additionalInformation = additionalValue && /* @__PURE__ */ React2.createElement(RibbonBlockValue, null, additionalValue);
-    } else if (additionalLabel) {
-      additionalInformation = additionalLabel && /* @__PURE__ */ React2.createElement(RibbonBlockValueLabel, null, 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__ */ React2.createElement(RibbonBlock, {
-    ...containerProps
-  }, /* @__PURE__ */ React2.createElement(RibbonBlockRow, {
-    center,
-    solid
-  }, labelPlace, /* @__PURE__ */ React2.createElement(RibbonBlockValue, null, value)));
-}
-const DSRibbon = {
-  RibbonWrapper,
-  RibbonRow,
-  RibbonCol,
-  RibbonCard
-};
-RibbonWrapper.propTypes = {};
-RibbonRow.propTypes = {
-  alignLeft: PropTypes.bool.description("align left")
-};
-RibbonCol.propTypes = {};
-const cardprops = {
-  containerProps: PropTypes.object.description("props to inject to wrapper"),
-  icon: PropTypes.element.description("icon for ribbon card"),
-  label: PropTypes.string.description("label for ribbon card"),
-  value: PropTypes.string.description("value for ribbon"),
-  additionalValue: PropTypes.string.description("additional value"),
-  additionalLabel: PropTypes.string.description("additional label"),
-  info: PropTypes.bool.description("for main label"),
-  error: PropTypes.bool.description("error state toggle"),
-  warning: PropTypes.bool.description("warning state toggle"),
-  success: PropTypes.bool.description("success state toggle"),
-  center: PropTypes.bool.description("align center"),
-  solid: PropTypes.bool.description("solid style")
-};
-RibbonCard.propTypes = cardprops;
-const DSRibbonCardWithSchema = describe(RibbonCard);
-DSRibbonCardWithSchema.propTypes = cardprops;
-var DSRibbon_default = DSRibbon;
-export {
-  DSRibbonCardWithSchema,
-  DSRibbon_default as default
-};
-//# sourceMappingURL=DSRibbon.js.map

package/dist/esm/DSRibbon.js.map

@@ -1,7 +0,0 @@
-{
-  "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 'react-desc';\nimport styled from 'styled-components';\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;\n\nconst DSRibbonCardWithSchema = describe(RibbonCard);\nDSRibbonCardWithSchema.propTypes = cardprops;\n\nexport default DSRibbon;\nexport { DSRibbonCardWithSchema };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { default as default2, DSRibbonCardWithSchema } from "./DSRibbon";
-export {
-  DSRibbonCardWithSchema,
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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