@elliemae/ds-ribbon 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/cjs/DSRibbon.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -216,9 +230,7 @@ function RibbonCard({
     } 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, {
+    return /* @__PURE__ */ import_react.default.createElement(RibbonBlock, __spreadValues({}, containerProps), /* @__PURE__ */ import_react.default.createElement(RibbonBlockRow, {
       className: "ribbon-block-row",
       solid,
       style: { alignItems: "flex-start" }
@@ -227,9 +239,7 @@ function RibbonCard({
       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, {
+  return /* @__PURE__ */ import_react.default.createElement(RibbonBlock, __spreadValues({}, containerProps), /* @__PURE__ */ import_react.default.createElement(RibbonBlockRow, {
     center,
     solid
   }, labelPlace, /* @__PURE__ */ import_react.default.createElement(RibbonBlockValue, null, value)));

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 '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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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/DSRibbon.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2 from "react";
 import { PropTypes, describe } from "react-desc";
@@ -184,9 +200,7 @@ function RibbonCard({
     } else if (additionalLabel) {
       additionalInformation = additionalLabel && /* @__PURE__ */ React2.createElement(RibbonBlockValueLabel, null, additionalLabel);
     }
-    return /* @__PURE__ */ React2.createElement(RibbonBlock, {
-      ...containerProps
-    }, /* @__PURE__ */ React2.createElement(RibbonBlockRow, {
+    return /* @__PURE__ */ React2.createElement(RibbonBlock, __spreadValues({}, containerProps), /* @__PURE__ */ React2.createElement(RibbonBlockRow, {
       className: "ribbon-block-row",
       solid,
       style: { alignItems: "flex-start" }
@@ -195,9 +209,7 @@ function RibbonCard({
       className: "ribbon-block-col"
     }, /* @__PURE__ */ React2.createElement(RibbonBlockValue, null, value), additionalInformation)));
   }
-  return /* @__PURE__ */ React2.createElement(RibbonBlock, {
-    ...containerProps
-  }, /* @__PURE__ */ React2.createElement(RibbonBlockRow, {
+  return /* @__PURE__ */ React2.createElement(RibbonBlock, __spreadValues({}, containerProps), /* @__PURE__ */ React2.createElement(RibbonBlockRow, {
     center,
     solid
   }, labelPlace, /* @__PURE__ */ React2.createElement(RibbonBlockValue, null, value)));

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 '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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",
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-ribbon",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Ribbon",
   "files": [
@@ -58,6 +58,7 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/dist/types/DSRibbon.d.ts

@@ -1,117 +0,0 @@
-/// <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/dist/types/index.d.ts

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