@wix/design-system 1.0.0

package/dist/cjs/Foundation/stylable/spacing.st.css.js

@@ -0,0 +1,24 @@
+
+
+const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_spacing";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_spacing__root"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"spacing01":"1px","spacing02":"2px","spacing03":"3px","spacing06":"6px","spacing12":"12px","spacing18":"18px","spacing24":"24px","spacing30":"30px","spacing36":"36px","spacing42":"42px","spacing48":"48px","spacing78":"78px","spacing90":"90px","Spacing":"6px","SP1":"calc(6px * 1)","SP2":"calc(6px * 2)","SP3":"calc(6px * 3)","SP4":"calc(6px * 4)","SP5":"calc(6px * 5)","SP6":"calc(6px * 6)","SP7":"calc(6px * 7)","SP8":"calc(6px * 8)","SP9":"calc(6px * 9)","SP10":"calc(6px * 10)"}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/Foundation/stylable/typography.st.css

@@ -0,0 +1,229 @@
+@st-namespace "StylableTypography";
+
+@st-import [--wsr-font-family, --wsr-font-weight-regular, --wsr-font-weight-medium, --wsr-font-weight-bold,
+            --wsr-text-font-size-tiny, --wsr-text-font-size-small, --wsr-text-font-size-medium,
+            --wsr-text-line-height-tiny, --wsr-text-line-height-small, --wsr-text-line-height-medium,
+            --wsr-heading-font-size-h1, --wsr-heading-font-size-h2, --wsr-heading-font-size-h3, --wsr-heading-font-size-h4,
+            --wsr-heading-font-size-h5, --wsr-heading-font-size-h6, --wsr-heading-line-height-h1,
+            --wsr-heading-line-height-h2,--wsr-heading-line-height-h3, --wsr-heading-line-height-h4,
+            --wsr-heading-line-height-h5,--wsr-heading-line-height-h6, --wsr-caption-font-size-1,
+            --wsr-caption-line-height-1, --wsr-heading-font-size-xl, --wsr-heading-font-size-l, --wsr-heading-font-size-m,
+            --wsr-heading-font-size-s, --wsr-heading-font-size-t, --wsr-heading-font-size-xt, --wsr-heading-line-height-xl,
+            --wsr-heading-line-height-l, --wsr-heading-line-height-m, --wsr-heading-line-height-s, --wsr-heading-line-height-t,
+            --wsr-heading-line-height-xt] from '../../typography.st.css';
+
+:vars {
+  /* Fonts */
+  wsr-font-family: 'Madefor,"Helvetica Neue",Helvetica,Arial,"メイリオ","meiryo","ヒラギノ角ゴ pro w3","hiragino kaku gothic pro", sans-serif';
+
+  /** Font Weight **/
+  wsr-font-weight-regular: 400;
+  wsr-font-weight-medium: 530;
+  wsr-font-weight-bold: 700;
+
+  /** Text Font Sizes **/
+  wsr-text-font-size-tiny: 12px;
+  wsr-text-font-size-small: 14px;
+  wsr-text-font-size-medium: 16px;
+
+  /** Text Line Height **/
+  wsr-text-line-height-tiny: 15px;
+  wsr-text-line-height-small: 18px;
+  wsr-text-line-height-medium: 24px;
+
+  /** Heading Font Sizes */
+  wsr-heading-font-size-h1: 32px;
+  wsr-heading-font-size-h2: 24px;
+  wsr-heading-font-size-h3: 20px;
+  wsr-heading-font-size-h4: 18px;
+  wsr-heading-font-size-h5: 12px;
+  wsr-heading-font-size-h6: 10px;
+
+  wsr-heading-font-size-xl: 28px;
+  wsr-heading-font-size-l: 21px;
+  wsr-heading-font-size-m: 18px;
+  wsr-heading-font-size-s: 18px;
+  wsr-heading-font-size-t: 15px;
+  wsr-heading-font-size-xt: 12px;
+
+  /** Heading Line Height **/
+  wsr-heading-line-height-h1: 42px;
+  wsr-heading-line-height-h2: 30px;
+  wsr-heading-line-height-h3: 24px;
+  wsr-heading-line-height-h4: 24px;
+  wsr-heading-line-height-h5: 24px;
+  wsr-heading-line-height-h6: 18px;
+
+  wsr-heading-line-height-xl: 36px;
+  wsr-heading-line-height-l: 28px;
+  wsr-heading-line-height-m: 24px;
+  wsr-heading-line-height-s: 24px;
+  wsr-heading-line-height-t: 24px;
+  wsr-heading-line-height-xt: 15px;
+
+  /** Caption Font Sizes */
+  wsr-caption-font-size-1: 10px;
+
+  /** Caption Font Sizes */
+  wsr-caption-line-height-1: 12px;
+}
+
+/* Text Typography API */
+
+.text-tiny-thin {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-text-font-size-tiny, value(wsr-text-font-size-tiny));
+  font-weight: var(--wsr-font-weight-regular, value(wsr-font-weight-regular));
+  line-height: var(--wsr-text-line-height-tiny, value(wsr-text-line-height-tiny));
+}
+
+.text-tiny-normal {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-text-font-size-tiny, value(wsr-text-font-size-tiny));
+  font-weight: var(--wsr-font-weight-medium, value(wsr-font-weight-medium));
+  line-height: var(--wsr-text-line-height-tiny, value(wsr-text-line-height-tiny));
+}
+
+.text-tiny-bold {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-text-font-size-tiny, value(wsr-text-font-size-tiny));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-text-line-height-tiny, value(wsr-text-line-height-tiny));
+}
+
+.text-small-thin {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-text-font-size-small, value(wsr-text-font-size-small));
+  font-weight: var(--wsr-font-weight-regular, value(wsr-font-weight-regular));
+  line-height: var(--wsr-text-line-height-small, value(wsr-text-line-height-small));
+}
+
+.text-small-normal {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-text-font-size-small, value(wsr-text-font-size-small));
+  font-weight: var(--wsr-font-weight-medium, value(wsr-font-weight-medium));
+  line-height: var(--wsr-text-line-height-small, value(wsr-text-line-height-small));
+}
+
+.text-small-bold {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-text-font-size-small, value(wsr-text-font-size-small));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-text-line-height-small, value(wsr-text-line-height-small));
+}
+
+.text-medium-thin {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-text-font-size-medium, value(wsr-text-font-size-medium));
+  font-weight: var(--wsr-font-weight-regular, value(wsr-font-weight-regular));
+  line-height: var(--wsr-text-line-height-medium, value(wsr-text-line-height-medium));
+}
+
+.text-medium-normal {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-text-font-size-medium, value(wsr-text-font-size-medium));
+  font-weight: var(--wsr-font-weight-medium, value(wsr-font-weight-medium));
+  line-height: var(--wsr-text-line-height-medium, value(wsr-text-line-height-medium));
+}
+
+.text-medium-bold {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-text-font-size-medium, value(wsr-text-font-size-medium));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-text-line-height-medium, value(wsr-text-line-height-medium));
+}
+
+/* Heading Typography API */
+
+.heading-h1 {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-h1, value(wsr-heading-font-size-h1));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-heading-line-height-h1, value(wsr-heading-line-height-h1));
+}
+
+.heading-h2 {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-h2, value(wsr-heading-font-size-h2));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-heading-line-height-h2, value(wsr-heading-line-height-h2));
+}
+
+.heading-h3 {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-h3, value(wsr-heading-font-size-h3));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-heading-line-height-h3, value(wsr-heading-line-height-h3));
+}
+
+.heading-h4 {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-h4, value(wsr-heading-font-size-h4));
+  font-weight: var(--wsr-font-weight-medium, value(wsr-font-weight-medium));
+  line-height: var(--wsr-heading-line-height-h4, value(wsr-heading-line-height-h4));
+}
+
+.heading-h5 {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-h5, value(wsr-heading-font-size-h5));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-heading-line-height-h5, value(wsr-heading-line-height-h5));
+}
+
+.heading-h6 {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-h6, value(wsr-heading-font-size-h6));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-heading-line-height-h6, value(wsr-heading-line-height-h6));
+}
+
+.heading-xl {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-xl, value(wsr-heading-font-size-xl));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-heading-line-height-xl, value(wsr-heading-line-height-xl));
+}
+
+.heading-l {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-l, value(wsr-heading-font-size-l));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-heading-line-height-l, value(wsr-heading-line-height-l));
+}
+
+.heading-m {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-m, value(wsr-heading-font-size-m));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  line-height: var(--wsr-heading-line-height-m, value(wsr-heading-line-height-m));
+}
+
+.heading-s {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-s, value(wsr-heading-font-size-s));
+  font-weight: var(--wsr-font-weight-medium, value(wsr-font-weight-medium));
+  line-height: var(--wsr-heading-line-height-s, value(wsr-heading-line-height-s));
+}
+
+.heading-t {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-t, value(wsr-heading-font-size-t));
+  font-weight: var(--wsr-font-weight-medium, value(wsr-font-weight-medium));
+  line-height: var(--wsr-heading-line-height-t, value(wsr-heading-line-height-t));
+}
+
+.heading-xt {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-size: var(--wsr-heading-font-size-xt, value(wsr-heading-font-size-xt));
+  font-weight: var(--wsr-font-weight-medium, value(wsr-font-weight-medium));
+  line-height: var(--wsr-heading-line-height-xt, value(wsr-heading-line-height-xt));
+}
+
+/* Caption */
+
+.caption-1 {
+  font-family: var(--wsr-font-family, value(wsr-font-family));
+  font-weight: var(--wsr-font-weight-bold, value(wsr-font-weight-bold));
+  font-size: var(--wsr-caption-font-size-1, value(wsr-caption-font-size-1));
+  line-height: var(--wsr-caption-line-height-1, value(wsr-caption-line-height-1));
+}

package/dist/cjs/Foundation/stylable/typography.st.css.js

@@ -0,0 +1,24 @@
+
+require("../../typography.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_StylableTypography";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_StylableTypography__root","text-tiny-thin":"wds_1_0_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_0_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_0_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_0_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_0_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_0_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_0_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_0_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_0_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_0_0_StylableTypography__heading-h1","heading-h2":"wds_1_0_0_StylableTypography__heading-h2","heading-h3":"wds_1_0_0_StylableTypography__heading-h3","heading-h4":"wds_1_0_0_StylableTypography__heading-h4","heading-h5":"wds_1_0_0_StylableTypography__heading-h5","heading-h6":"wds_1_0_0_StylableTypography__heading-h6","heading-xl":"wds_1_0_0_StylableTypography__heading-xl","heading-l":"wds_1_0_0_StylableTypography__heading-l","heading-m":"wds_1_0_0_StylableTypography__heading-m","heading-s":"wds_1_0_0_StylableTypography__heading-s","heading-t":"wds_1_0_0_StylableTypography__heading-t","heading-xt":"wds_1_0_0_StylableTypography__heading-xt","caption-1":"wds_1_0_0_StylableTypography__caption-1"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"wsr-font-family":"Madefor,\"Helvetica Neue\",Helvetica,Arial,\"メイリオ\",\"meiryo\",\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\", sans-serif","wsr-font-weight-regular":"400","wsr-font-weight-medium":"530","wsr-font-weight-bold":"700","wsr-text-font-size-tiny":"12px","wsr-text-font-size-small":"14px","wsr-text-font-size-medium":"16px","wsr-text-line-height-tiny":"15px","wsr-text-line-height-small":"18px","wsr-text-line-height-medium":"24px","wsr-heading-font-size-h1":"32px","wsr-heading-font-size-h2":"24px","wsr-heading-font-size-h3":"20px","wsr-heading-font-size-h4":"18px","wsr-heading-font-size-h5":"12px","wsr-heading-font-size-h6":"10px","wsr-heading-font-size-xl":"28px","wsr-heading-font-size-l":"21px","wsr-heading-font-size-m":"18px","wsr-heading-font-size-s":"18px","wsr-heading-font-size-t":"15px","wsr-heading-font-size-xt":"12px","wsr-heading-line-height-h1":"42px","wsr-heading-line-height-h2":"30px","wsr-heading-line-height-h3":"24px","wsr-heading-line-height-h4":"24px","wsr-heading-line-height-h5":"24px","wsr-heading-line-height-h6":"18px","wsr-heading-line-height-xl":"36px","wsr-heading-line-height-l":"28px","wsr-heading-line-height-m":"24px","wsr-heading-line-height-s":"24px","wsr-heading-line-height-t":"24px","wsr-heading-line-height-xt":"15px","wsr-caption-font-size-1":"10px","wsr-caption-line-height-1":"12px"}; 
+module.exports.vars = {"wsr-font-family":"--wds_1_0_0_typography-wsr-font-family","wsr-font-weight-regular":"--wds_1_0_0_typography-wsr-font-weight-regular","wsr-font-weight-medium":"--wds_1_0_0_typography-wsr-font-weight-medium","wsr-font-weight-bold":"--wds_1_0_0_typography-wsr-font-weight-bold","wsr-text-font-size-tiny":"--wds_1_0_0_typography-wsr-text-font-size-tiny","wsr-text-font-size-small":"--wds_1_0_0_typography-wsr-text-font-size-small","wsr-text-font-size-medium":"--wds_1_0_0_typography-wsr-text-font-size-medium","wsr-text-line-height-tiny":"--wds_1_0_0_typography-wsr-text-line-height-tiny","wsr-text-line-height-small":"--wds_1_0_0_typography-wsr-text-line-height-small","wsr-text-line-height-medium":"--wds_1_0_0_typography-wsr-text-line-height-medium","wsr-heading-font-size-h1":"--wds_1_0_0_typography-wsr-heading-font-size-h1","wsr-heading-font-size-h2":"--wds_1_0_0_typography-wsr-heading-font-size-h2","wsr-heading-font-size-h3":"--wds_1_0_0_typography-wsr-heading-font-size-h3","wsr-heading-font-size-h4":"--wds_1_0_0_typography-wsr-heading-font-size-h4","wsr-heading-font-size-h5":"--wds_1_0_0_typography-wsr-heading-font-size-h5","wsr-heading-font-size-h6":"--wds_1_0_0_typography-wsr-heading-font-size-h6","wsr-heading-line-height-h1":"--wds_1_0_0_typography-wsr-heading-line-height-h1","wsr-heading-line-height-h2":"--wds_1_0_0_typography-wsr-heading-line-height-h2","wsr-heading-line-height-h3":"--wds_1_0_0_typography-wsr-heading-line-height-h3","wsr-heading-line-height-h4":"--wds_1_0_0_typography-wsr-heading-line-height-h4","wsr-heading-line-height-h5":"--wds_1_0_0_typography-wsr-heading-line-height-h5","wsr-heading-line-height-h6":"--wds_1_0_0_typography-wsr-heading-line-height-h6","wsr-caption-font-size-1":"--wds_1_0_0_typography-wsr-caption-font-size-1","wsr-caption-line-height-1":"--wds_1_0_0_typography-wsr-caption-line-height-1","wsr-heading-font-size-xl":"--wds_1_0_0_typography-wsr-heading-font-size-xl","wsr-heading-font-size-l":"--wds_1_0_0_typography-wsr-heading-font-size-l","wsr-heading-font-size-m":"--wds_1_0_0_typography-wsr-heading-font-size-m","wsr-heading-font-size-s":"--wds_1_0_0_typography-wsr-heading-font-size-s","wsr-heading-font-size-t":"--wds_1_0_0_typography-wsr-heading-font-size-t","wsr-heading-font-size-xt":"--wds_1_0_0_typography-wsr-heading-font-size-xt","wsr-heading-line-height-xl":"--wds_1_0_0_typography-wsr-heading-line-height-xl","wsr-heading-line-height-l":"--wds_1_0_0_typography-wsr-heading-line-height-l","wsr-heading-line-height-m":"--wds_1_0_0_typography-wsr-heading-line-height-m","wsr-heading-line-height-s":"--wds_1_0_0_typography-wsr-heading-line-height-s","wsr-heading-line-height-t":"--wds_1_0_0_typography-wsr-heading-line-height-t","wsr-heading-line-height-xt":"--wds_1_0_0_typography-wsr-heading-line-height-xt"}; 
+
+
+
+

package/dist/cjs/Foundation/stylable/z-index.st.css

@@ -0,0 +1,16 @@
+:vars {
+    /*
+    * This value is related to current BM z-index values of Header and Sidebar.
+    * Sidebar is 2, so Page should be beneath it.
+    */
+    zIndex_PAGE: 1;
+    /*
+    * The following values assume that the BM's Header has zIndex 2000
+    */
+    zIndex_NOTIFICATION: 4000;
+    zIndex_MODAL: 5000;
+    /*
+    * Making Tooltip higher than Modal, assumes that when a modal is Opened, then all Tooltip's are closed.
+    */
+    zIndex_TOOLTIP: 6000;
+}

package/dist/cjs/Foundation/stylable/z-index.st.css.js

@@ -0,0 +1,24 @@
+
+
+const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_zindex";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_zindex__root"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"zIndex_PAGE":"1","zIndex_NOTIFICATION":"4000","zIndex_MODAL":"5000","zIndex_TOOLTIP":"6000"}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/FunnelChart/FunnelBadge/FunnelBadge.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FunnelBadge = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
+var _Heading = _interopRequireDefault(require("../../Heading"));
+var _Focusable = require("../../common/Focusable");
+var _FunnelBadgeSt = require("./FunnelBadge.st.css.js");
+var _constants = require("../constants");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/FunnelChart/FunnelBadge/FunnelBadge.js";
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class Badge extends _react.PureComponent {
+  render() {
+    var {
+      value,
+      className,
+      focusableOnBlur,
+      focusableOnFocus,
+      dataHook
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _FunnelBadgeSt.st)(_FunnelBadgeSt.classes.badge, className),
+      "data-hook": dataHook,
+      tabIndex: 0,
+      onBlur: focusableOnBlur,
+      onFocus: focusableOnFocus,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 16,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: _FunnelBadgeSt.classes.badgeContent,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 23,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Heading.default, {
+      className: _FunnelBadgeSt.classes.badgeText,
+      size: "extraTiny",
+      dataHook: _constants.dataHooks.badgeValue,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 24,
+        columnNumber: 11
+      }
+    }, value)));
+  }
+}
+var FocusedBadge = (0, _Focusable.withFocusable)(Badge);
+var FunnelBadge = props => {
+  var {
+    tooltipContent,
+    onTooltipShow,
+    value
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    dataHook: _constants.dataHooks.badgeTooltip,
+    disabled: !tooltipContent,
+    content: tooltipContent,
+    onShow: onTooltipShow,
+    moveBy: {
+      y: 2
+    },
+    textAlign: "start",
+    size: "small",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(FocusedBadge, {
+    value: value,
+    dataHook: _constants.dataHooks.badge,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 7
+    }
+  }));
+};
+exports.FunnelBadge = FunnelBadge;
+FunnelBadge.propTypes = {
+  /** Badge's value */
+  value: _propTypes.default.string.isRequired,
+  /** Tooltip content. Can be either string or renderable node */
+  tooltipContent: _propTypes.default.node,
+  /** Callback on tooltip content show event */
+  onTooltipShow: _propTypes.default.func
+};
+//# sourceMappingURL=FunnelBadge.js.map

package/dist/cjs/FunnelChart/FunnelBadge/FunnelBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Badge","PureComponent","render","value","className","focusableOnBlur","focusableOnFocus","dataHook","props","st","classes","badge","badgeContent","badgeText","dataHooks","badgeValue","FocusedBadge","withFocusable","FunnelBadge","tooltipContent","onTooltipShow","badgeTooltip","y","propTypes","PropTypes","string","isRequired","node","func"],"sources":["../../../../src/FunnelChart/FunnelBadge/FunnelBadge.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Tooltip from '../../Tooltip';\nimport Heading from '../../Heading';\nimport { withFocusable } from '../../common/Focusable';\n\nimport { st, classes } from './FunnelBadge.st.css';\nimport { dataHooks } from '../constants';\n\nclass Badge extends PureComponent {\n  render() {\n    const { value, className, focusableOnBlur, focusableOnFocus, dataHook } =\n      this.props;\n    return (\n      <div\n        className={st(classes.badge, className)}\n        data-hook={dataHook}\n        tabIndex={0}\n        onBlur={focusableOnBlur}\n        onFocus={focusableOnFocus}\n      >\n        <span className={classes.badgeContent}>\n          <Heading\n            className={classes.badgeText}\n            size=\"extraTiny\"\n            dataHook={dataHooks.badgeValue}\n          >\n            {value}\n          </Heading>\n        </span>\n      </div>\n    );\n  }\n}\n\nconst FocusedBadge = withFocusable(Badge);\n\nexport const FunnelBadge = props => {\n  const { tooltipContent, onTooltipShow, value } = props;\n  return (\n    <Tooltip\n      dataHook={dataHooks.badgeTooltip}\n      disabled={!tooltipContent}\n      content={tooltipContent}\n      onShow={onTooltipShow}\n      moveBy={{ y: 2 }}\n      textAlign=\"start\"\n      size=\"small\"\n    >\n      <FocusedBadge value={value} dataHook={dataHooks.badge} />\n    </Tooltip>\n  );\n};\n\nFunnelBadge.propTypes = {\n  /** Badge's value */\n  value: PropTypes.string.isRequired,\n\n  /** Tooltip content. Can be either string or renderable node */\n  tooltipContent: PropTypes.node,\n\n  /** Callback on tooltip content show event */\n  onTooltipShow: PropTypes.func,\n};\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAyC;AAAA;AAAA;AAEzC,MAAMA,KAAK,SAASC,oBAAa,CAAC;EAChCC,MAAM,GAAG;IACP,IAAM;MAAEC,KAAK;MAAEC,SAAS;MAAEC,eAAe;MAAEC,gBAAgB;MAAEC;IAAS,CAAC,GACrE,IAAI,CAACC,KAAK;IACZ,oBACE;MACE,SAAS,EAAE,IAAAC,iBAAE,EAACC,sBAAO,CAACC,KAAK,EAAEP,SAAS,CAAE;MACxC,aAAWG,QAAS;MACpB,QAAQ,EAAE,CAAE;MACZ,MAAM,EAAEF,eAAgB;MACxB,OAAO,EAAEC,gBAAiB;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBAE1B;MAAM,SAAS,EAAEI,sBAAO,CAACE,YAAa;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBACpC,6BAAC,gBAAO;MACN,SAAS,EAAEF,sBAAO,CAACG,SAAU;MAC7B,IAAI,EAAC,WAAW;MAChB,QAAQ,EAAEC,oBAAS,CAACC,UAAW;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAE9BZ,KAAK,CACE,CACL,CACH;EAEV;AACF;AAEA,IAAMa,YAAY,GAAG,IAAAC,wBAAa,EAACjB,KAAK,CAAC;AAElC,IAAMkB,WAAW,GAAGV,KAAK,IAAI;EAClC,IAAM;IAAEW,cAAc;IAAEC,aAAa;IAAEjB;EAAM,CAAC,GAAGK,KAAK;EACtD,oBACE,6BAAC,gBAAO;IACN,QAAQ,EAAEM,oBAAS,CAACO,YAAa;IACjC,QAAQ,EAAE,CAACF,cAAe;IAC1B,OAAO,EAAEA,cAAe;IACxB,MAAM,EAAEC,aAAc;IACtB,MAAM,EAAE;MAAEE,CAAC,EAAE;IAAE,CAAE;IACjB,SAAS,EAAC,OAAO;IACjB,IAAI,EAAC,OAAO;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBAEZ,6BAAC,YAAY;IAAC,KAAK,EAAEnB,KAAM;IAAC,QAAQ,EAAEW,oBAAS,CAACH,KAAM;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CACjD;AAEd,CAAC;AAAC;AAEFO,WAAW,CAACK,SAAS,GAAG;EACtB;EACApB,KAAK,EAAEqB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAElC;EACAP,cAAc,EAAEK,kBAAS,CAACG,IAAI;EAE9B;EACAP,aAAa,EAAEI,kBAAS,CAACI;AAC3B,CAAC"}

package/dist/cjs/FunnelChart/FunnelBadge/FunnelBadge.st.css

@@ -0,0 +1,70 @@
+:import {
+-st-from: '../../Foundation/stylable/colors.st.css';
+-st-named: D80, B10, A1;
+}
+
+:import {
+  -st-from: '../../common/Focusable/Focusable.st.css';
+  -st-default: Focusable;
+}
+
+:import {
+  -st-from: '../../Heading/Heading.st.css';
+  -st-default: Heading;
+}
+
+.badge {
+  -st-extends: Focusable;
+  position: relative;
+  box-sizing: border-box;
+  width: 40px;
+  height: 18px;
+  text-align: center;
+
+  border-radius: 2px;
+  background: value(D80);
+  outline: 0;
+  border: 1px solid value(A1);
+}
+
+.badge:focus-visible {
+  box-shadow: 0 0 4px 2px value(B10);
+}
+
+.badge::before {
+  position: absolute;
+  top: 50%;
+  right: -1px;
+  box-sizing: border-box;
+
+  width: 13px;
+  height: 13px;
+
+  content: '';
+  transform: translate(42%, -50%) rotate(-45deg);
+
+  background: value(D80);
+  outline: 0;
+  border-right: 1px solid value(A1);
+  border-bottom: 1px solid value(A1);
+  border-radius: 2px;
+}
+
+.badge:focus-visible::before {
+  box-shadow: 3px 3px 4px 0 value(B10);
+}
+
+.badgeContent {
+  position: relative;
+  top: -3px;
+  display: inline-block;
+  padding: 0 6px;
+}
+
+.badgeText {
+  -st-extends: Heading;
+}
+
+.badgeText:appearance(H6) {
+  color: value(A1);
+}

package/dist/cjs/FunnelChart/FunnelBadge/FunnelBadge.st.css.js

@@ -0,0 +1,26 @@
+
+require("../../Foundation/stylable/colors.st.css.js");
+require("../../common/Focusable/Focusable.st.css.js");
+require("../../Heading/Heading.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_FunnelBadge";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_FunnelBadge__root","badge":"wds_1_0_0_FunnelBadge__badge","badgeContent":"wds_1_0_0_FunnelBadge__badgeContent","badgeText":"wds_1_0_0_FunnelBadge__badgeText"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/FunnelChart/FunnelBadge/index.d.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class FunnelBadge extends React.PureComponent {}
+exports.default = FunnelBadge;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/FunnelChart/FunnelBadge/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FunnelBadge","React","PureComponent"],"sources":["../../../../src/FunnelChart/FunnelBadge/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface FunnelBadgeProps {\n  value: string;\n  tooltipContent?: React.ReactNode;\n  onTooltipShow?(): void;\n}\n\nexport default class FunnelBadge extends React.PureComponent<FunnelBadgeProps> {}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAQhB,MAAMA,WAAW,SAASC,KAAK,CAACC,aAAa,CAAmB;AAAE"}

package/dist/cjs/FunnelChart/FunnelBadge/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FunnelBadge = void 0;
+var _FunnelBadge = require("./FunnelBadge");
+exports.FunnelBadge = _FunnelBadge.FunnelBadge;
+//# sourceMappingURL=index.js.map

package/dist/cjs/FunnelChart/FunnelBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/FunnelChart/FunnelBadge/index.js"],"sourcesContent":["export { FunnelBadge } from './FunnelBadge';\n"],"mappings":";;;;AAAA;AAA4C"}

package/dist/cjs/FunnelChart/FunnelBar/FunnelBar.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FunnelBar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _FunnelBarSt = require("./FunnelBar.st.css.js");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/FunnelChart/FunnelBar/FunnelBar.js";
+var FunnelBar = _ref => {
+  var {
+    height,
+    dataHook
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _FunnelBarSt.st)(_FunnelBarSt.classes.root),
+    "data-hook": dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 6,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: "".concat(height, "%")
+    },
+    className: _FunnelBarSt.classes.filledBar,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 7,
+      columnNumber: 7
+    }
+  }));
+};
+exports.FunnelBar = FunnelBar;
+//# sourceMappingURL=FunnelBar.js.map

package/dist/cjs/FunnelChart/FunnelBar/FunnelBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FunnelBar","height","dataHook","st","classes","root","filledBar"],"sources":["../../../../src/FunnelChart/FunnelBar/FunnelBar.js"],"sourcesContent":["import React from 'react';\nimport { st, classes } from './FunnelBar.st.css';\n\nexport const FunnelBar = ({ height, dataHook }) => {\n  return (\n    <div className={st(classes.root)} data-hook={dataHook}>\n      <div style={{ height: `${height}%` }} className={classes.filledBar} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA;AACA;AAAiD;AAE1C,IAAMA,SAAS,GAAG,QAA0B;EAAA,IAAzB;IAAEC,MAAM;IAAEC;EAAS,CAAC;EAC5C,oBACE;IAAK,SAAS,EAAE,IAAAC,eAAE,EAACC,oBAAO,CAACC,IAAI,CAAE;IAAC,aAAWH,QAAS;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACpD;IAAK,KAAK,EAAE;MAAED,MAAM,YAAKA,MAAM;IAAI,CAAE;IAAC,SAAS,EAAEG,oBAAO,CAACE,SAAU;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CAClE;AAEV,CAAC;AAAC"}

package/dist/cjs/FunnelChart/FunnelBar/FunnelBar.st.css

@@ -0,0 +1,24 @@
+:import {
+  -st-from: '../../Foundation/stylable/colors.st.css';
+  -st-named: D70, A1;
+}
+
+:vars {
+  barWidth: 18px;
+}
+
+.root {
+  position: relative;
+  z-index: 1;
+  width: value(barWidth);
+  background: value(D70);
+}
+
+.filledBar {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 0;
+  background: value(A1);
+}

package/dist/cjs/FunnelChart/FunnelBar/FunnelBar.st.css.js

@@ -0,0 +1,24 @@
+
+require("../../Foundation/stylable/colors.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_FunnelBar";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_FunnelBar__root","filledBar":"wds_1_0_0_FunnelBar__filledBar"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"barWidth":"18px"}; 
+module.exports.vars = {}; 
+
+
+
+