@wix/design-system 1.0.0

package/dist/cjs/FormField/FormField.st.css

@@ -0,0 +1,207 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: B10, R10, Y10;
+}
+
+:import {
+  -st-from: '../Foundation/stylable/typography.st.css';
+  -st-named: text-small-thin, text-tiny-thin;
+}
+
+:vars{
+  suffixHorizontalPadding: 12px;
+  inlineLabelMinHeight: 36px;
+  childrenMargin: 6px;
+  suffixHeight: 18px;
+}
+
+.root {
+  -st-states: labelPlacement(enum(top, left, right)), labelAlignment(enum(top, middle)), labelSize(enum(tiny, small)), required, stretchContent, minLabelHeight, hasInlineElements;
+  display: inline-flex;
+  flex-wrap: wrap;
+  font-size: initial;
+}
+
+.root:labelAlignment(middle) {
+  align-items: center;
+}
+
+.root:labelAlignment(top) {
+  align-items: start;
+}
+
+
+.root:stretchContent {
+  display: flex;
+}
+
+.root:hasInlineElements {
+  display: inline-grid;
+  align-content: center; 
+  grid-template-rows: max-content max-content;
+  grid-template-columns: min-content min-content;
+}
+
+.root:hasInlineElements .label {
+  width: max-content;
+}
+
+.root:labelPlacement(left) {
+  grid-template-columns: max-content min-content;
+  justify-content: end;
+}
+
+.root:hasInlineElements:stretchContent {
+  display: grid;
+  grid-template-columns: 1fr max-content;
+}
+
+.root:labelPlacement(left):stretchContent {
+  grid-template-columns: max-content 1fr;
+}
+
+.root:labelPlacement(left) .labelIndicators {
+  order: 1;
+}
+
+.root:labelPlacement(left) .children {
+  order: 2;
+}
+
+.root:labelPlacement(left) .statusMessage {
+  order: 3;
+  grid-column-start: 2;
+  grid-column-end: 3;
+  padding-left: value(suffixHorizontalPadding);
+}
+
+.root:labelPlacement(right) .statusMessage {
+  order: 3;
+  grid-column-start: 1;
+  grid-column-end: 3;
+}
+
+.root .children {
+  margin: auto 0;
+}
+
+.root:stretchContent .children {
+  flex-grow: 1;
+}
+
+.root:labelPlacement(top) .children {
+  padding-top: value(childrenMargin);
+}
+
+.children {
+  -st-states: childrenWithInlineLabel;
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.children:childrenWithInlineLabel {
+  flex: 0 0 auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.children:childrenWithInlineLabel .suffix {
+  margin-bottom: value(childrenMargin);
+}
+
+.root:labelPlacement(right) .children:childrenWithInlineLabel {
+  padding-right: value(suffixHorizontalPadding);
+}
+
+.root:labelPlacement(left) .children:childrenWithInlineLabel {
+  padding-left: value(suffixHorizontalPadding);
+}
+
+.root:minLabelHeight .labelRow, .root:minLabelHeight .labelIndicators  {
+  min-height: value(inlineLabelMinHeight);
+  line-height: value(inlineLabelMinHeight);
+}
+
+.root:labelPlacement(top) .labelRow {
+  display: flex;
+  align-items: end;
+  flex: 1 0 auto;
+  max-width: 100%;
+}
+
+.labelIndicators {
+  -st-states: inlineWithSuffix;
+  display: flex;
+  align-items: center;
+}
+
+.labelIndicators:inlineWithSuffix {
+  /* Aligns the inline label on the top in case the suffix (whether custom or the char counter) appears */
+  margin-top: calc(value(suffixHeight) + value(childrenMargin));
+}
+
+.asterisk {
+  -st-mixin: text-small-thin;
+  display: inline-block;
+  color: value(B10);
+  margin-left: 6px;
+  margin-top: -4px;
+  font-size: 22px;
+}
+
+.root:labelSize(small) .asterisk {
+  -st-mixin: text-small-thin;
+  font-size: 18px;
+  margin-top: -1px;
+}
+
+.root:labelSize(tiny) .asterisk {
+  -st-mixin: text-tiny-thin;
+  font-size: 18px;
+  margin-top: -1px;
+}
+
+.suffix {
+  margin-left: auto;
+  max-width: 50%;
+}
+
+.infoIcon {
+  margin-left: 3px;
+}
+
+.root:required .infoIcon {
+  margin-left: 0;
+}
+
+.root:labelSize(tiny) .infoIcon {
+  margin-bottom: -3px;
+}
+
+.statusMessage {
+  -st-states: status(enum(error, warning)), labelSize(enum(tiny, small));
+  display: flex;
+  gap: 3px;
+  margin-top: 6px;
+}
+
+.statusMessage:status(error) .statusIcon{
+  color: value(R10);
+}
+
+.statusMessage:status(warning) .statusIcon{
+  color: value(Y10);
+}
+
+.statusMessage:labelSize(tiny) .statusIcon{
+  height: 16px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  
+}
+
+.statusIcon {
+  flex-shrink: 0;
+}
+

package/dist/cjs/FormField/FormField.st.css.js

@@ -0,0 +1,25 @@
+
+require("../Foundation/stylable/colors.st.css.js");
+require("../Foundation/stylable/typography.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_FormField";
+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_FormField__root","text-small-thin":"wds_1_0_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_0_0_StylableTypography__text-tiny-thin","label":"wds_1_0_0_FormField__label","labelIndicators":"wds_1_0_0_FormField__labelIndicators","children":"wds_1_0_0_FormField__children","statusMessage":"wds_1_0_0_FormField__statusMessage","suffix":"wds_1_0_0_FormField__suffix","labelRow":"wds_1_0_0_FormField__labelRow","asterisk":"wds_1_0_0_FormField__asterisk","infoIcon":"wds_1_0_0_FormField__infoIcon","statusIcon":"wds_1_0_0_FormField__statusIcon"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"suffixHorizontalPadding":"12px","inlineLabelMinHeight":"36px","childrenMargin":"6px","suffixHeight":"18px"}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/FormField/FormField.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=FormField.uni.driver.d.js.map

package/dist/cjs/FormField/FormField.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/FormField/FormField.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/base-driver';\nimport { LabelSize } from './index';\nimport { StatusIndications } from '../common';\n\nexport interface FormFieldUniDriver extends BaseUniDriver {\n  element(): Promise<HTMLElement>;\n  getChildren(): Promise<HTMLElement | null>;\n  getLabel(): Promise<HTMLElement | null>;\n  getLabelSize(): Promise<LabelSize>;\n  isRequired(): Promise<boolean>;\n  getLengthLeft(): Promise<number | null>;\n  isLengthExceeded(): Promise<boolean>;\n  hasTooltip(): Promise<boolean>;\n  getInfoContent(): Promise<string>;\n  getSuffix(): Promise<HTMLElement | null>;\n  hoverInfoIcon: () => Promise<void>;\n  getStatusMessage(): Promise<string>;\n  hasStatus: (status: StatusIndications) => Promise<boolean>;\n}\n"],"mappings":""}

package/dist/cjs/FormField/FormField.uni.driver.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.formFieldUniDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _baseDriver = require("wix-ui-test-utils/base-driver");
+var _InfoIconUni = require("../InfoIcon/InfoIcon.uni.driver");
+var _TextUni = require("../Text/Text.uni.driver");
+var _constants = require("./constants");
+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) { (0, _defineProperty2.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; }
+var formFieldUniDriverFactory = (base, body) => {
+  var charactersCounter = () => base.$("[data-hook*=\"".concat(_constants.dataHooks.counter, "\"]"));
+  return _objectSpread(_objectSpread({}, (0, _baseDriver.baseUniDriverFactory)(base)), {}, {
+    /** get children */
+    getChildren: function () {
+      var _getChildren = (0, _asyncToGenerator2.default)(function* () {
+        var baseUniDriverElement = base.$("[data-hook*=\"".concat(_constants.dataHooks.children, "\"]"));
+        return (yield baseUniDriverElement.exists()) ? baseUniDriverElement.getNative() // eslint-disable-line no-restricted-properties
+        : null;
+      });
+      function getChildren() {
+        return _getChildren.apply(this, arguments);
+      }
+      return getChildren;
+    }(),
+    /** get label */
+    getLabel: function () {
+      var _getLabel = (0, _asyncToGenerator2.default)(function* () {
+        var baseUniDriverElement = base.$("[data-hook*=\"".concat(_constants.dataHooks.label, "\"]"));
+        return (yield baseUniDriverElement.exists()) ? baseUniDriverElement.getNative() // eslint-disable-line no-restricted-properties
+        : null;
+      });
+      function getLabel() {
+        return _getLabel.apply(this, arguments);
+      }
+      return getLabel;
+    }(),
+    /** returns label size */
+    getLabelSize: function () {
+      var _getLabelSize = (0, _asyncToGenerator2.default)(function* () {
+        var labelDriver = (0, _TextUni.textUniDriverFactory)(base.$("[data-hook=\"".concat(_constants.dataHooks.label, "\"]")));
+        return labelDriver.getSize();
+      });
+      function getLabelSize() {
+        return _getLabelSize.apply(this, arguments);
+      }
+      return getLabelSize;
+    }(),
+    /** returns true whether form field is required */
+    isRequired: function () {
+      var _isRequired = (0, _asyncToGenerator2.default)(function* () {
+        return base.$("[data-hook*=\"".concat(_constants.dataHooks.asterisk, "\"]")).exists();
+      });
+      function isRequired() {
+        return _isRequired.apply(this, arguments);
+      }
+      return isRequired;
+    }(),
+    /** returns the length left */
+    getLengthLeft: function () {
+      var _getLengthLeft = (0, _asyncToGenerator2.default)(function* () {
+        var counter = charactersCounter();
+        return (yield counter.exists()) ? parseInt(yield counter._prop('innerHTML'), 10) : null;
+      });
+      function getLengthLeft() {
+        return _getLengthLeft.apply(this, arguments);
+      }
+      return getLengthLeft;
+    }(),
+    /** returns whether the form field length is exceeded */
+    isLengthExceeded: function () {
+      var _isLengthExceeded = (0, _asyncToGenerator2.default)(function* () {
+        var counter = charactersCounter();
+        if (yield counter.exists()) {
+          var length = parseInt(yield counter._prop('innerHTML'), 10);
+          return length < 0;
+        }
+        return false;
+      });
+      function isLengthExceeded() {
+        return _isLengthExceeded.apply(this, arguments);
+      }
+      return isLengthExceeded;
+    }(),
+    /** returns true whether form field has tooltip */
+    hasTooltip: function () {
+      var _hasTooltip = (0, _asyncToGenerator2.default)(function* () {
+        return base.$("[data-hook=\"".concat(_constants.dataHooks.infoIcon, "\"]")).exists();
+      });
+      function hasTooltip() {
+        return _hasTooltip.apply(this, arguments);
+      }
+      return hasTooltip;
+    }(),
+    /** returns tooltip text of the info content */
+    getInfoContent: function () {
+      var _getInfoContent = (0, _asyncToGenerator2.default)(function* () {
+        var testkit = (0, _InfoIconUni.infoIconDriverFactory)(base.$("[data-hook=\"".concat(_constants.dataHooks.infoIcon, "\"]")), body);
+        return testkit.getContent();
+      });
+      function getInfoContent() {
+        return _getInfoContent.apply(this, arguments);
+      }
+      return getInfoContent;
+    }(),
+    /** get form field suffix */
+    getSuffix: function () {
+      var _getSuffix = (0, _asyncToGenerator2.default)(function* () {
+        var suffixElement = base.$("[data-hook=\"".concat(_constants.dataHooks.suffix, "\"]"));
+        return (yield suffixElement.exists()) ? suffixElement.getNative() // eslint-disable-line no-restricted-properties
+        : null;
+      });
+      function getSuffix() {
+        return _getSuffix.apply(this, arguments);
+      }
+      return getSuffix;
+    }(),
+    /** hovers over the formfield infoicon */
+    hoverInfoIcon: function () {
+      var _hoverInfoIcon = (0, _asyncToGenerator2.default)(function* () {
+        var testkit = (0, _InfoIconUni.infoIconDriverFactory)(base.$("[data-hook=\"".concat(_constants.dataHooks.infoIcon, "\"]")), body);
+        return testkit.hover();
+      });
+      function hoverInfoIcon() {
+        return _hoverInfoIcon.apply(this, arguments);
+      }
+      return hoverInfoIcon;
+    }(),
+    /** returns status message text */
+    getStatusMessage: function () {
+      var _getStatusMessage = (0, _asyncToGenerator2.default)(function* () {
+        var testkit = (0, _TextUni.textUniDriverFactory)(base.$("[data-hook=\"".concat(_constants.dataHooks.statusMessage, "\"]")), body);
+        return testkit.getText();
+      });
+      function getStatusMessage() {
+        return _getStatusMessage.apply(this, arguments);
+      }
+      return getStatusMessage;
+    }(),
+    /** return true if it has a given status */
+    hasStatus: function () {
+      var _hasStatus = (0, _asyncToGenerator2.default)(function* (status) {
+        return (yield base.attr('data-status')) === status;
+      });
+      function hasStatus(_x) {
+        return _hasStatus.apply(this, arguments);
+      }
+      return hasStatus;
+    }()
+  });
+};
+exports.formFieldUniDriverFactory = formFieldUniDriverFactory;
+//# sourceMappingURL=FormField.uni.driver.js.map

package/dist/cjs/FormField/FormField.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formFieldUniDriverFactory","base","body","charactersCounter","$","dataHooks","counter","baseUniDriverFactory","getChildren","baseUniDriverElement","children","exists","getNative","getLabel","label","getLabelSize","labelDriver","textUniDriverFactory","getSize","isRequired","asterisk","getLengthLeft","parseInt","_prop","isLengthExceeded","length","hasTooltip","infoIcon","getInfoContent","testkit","infoIconDriverFactory","getContent","getSuffix","suffixElement","suffix","hoverInfoIcon","hover","getStatusMessage","statusMessage","getText","hasStatus","status","attr"],"sources":["../../../src/FormField/FormField.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';\nimport { infoIconDriverFactory } from '../InfoIcon/InfoIcon.uni.driver';\nimport { textUniDriverFactory } from '../Text/Text.uni.driver';\nimport { dataHooks } from './constants';\n\nexport const formFieldUniDriverFactory = (base, body) => {\n  const charactersCounter = () => base.$(`[data-hook*=\"${dataHooks.counter}\"]`);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** get children */\n    getChildren: async () => {\n      const baseUniDriverElement = base.$(\n        `[data-hook*=\"${dataHooks.children}\"]`,\n      );\n      return (await baseUniDriverElement.exists())\n        ? baseUniDriverElement.getNative() // eslint-disable-line no-restricted-properties\n        : null;\n    },\n    /** get label */\n    getLabel: async () => {\n      const baseUniDriverElement = base.$(`[data-hook*=\"${dataHooks.label}\"]`);\n      return (await baseUniDriverElement.exists())\n        ? baseUniDriverElement.getNative() // eslint-disable-line no-restricted-properties\n        : null;\n    },\n    /** returns label size */\n    getLabelSize: async () => {\n      const labelDriver = textUniDriverFactory(\n        base.$(`[data-hook=\"${dataHooks.label}\"]`),\n      );\n      return labelDriver.getSize();\n    },\n    /** returns true whether form field is required */\n    isRequired: async () =>\n      base.$(`[data-hook*=\"${dataHooks.asterisk}\"]`).exists(),\n    /** returns the length left */\n    getLengthLeft: async () => {\n      const counter = charactersCounter();\n      return (await counter.exists())\n        ? parseInt(await counter._prop('innerHTML'), 10)\n        : null;\n    },\n    /** returns whether the form field length is exceeded */\n    isLengthExceeded: async () => {\n      const counter = charactersCounter();\n      if (await counter.exists()) {\n        const length = parseInt(await counter._prop('innerHTML'), 10);\n        return length < 0;\n      }\n      return false;\n    },\n    /** returns true whether form field has tooltip */\n    hasTooltip: async () => {\n      return base.$(`[data-hook=\"${dataHooks.infoIcon}\"]`).exists();\n    },\n    /** returns tooltip text of the info content */\n    getInfoContent: async () => {\n      const testkit = infoIconDriverFactory(\n        base.$(`[data-hook=\"${dataHooks.infoIcon}\"]`),\n        body,\n      );\n      return testkit.getContent();\n    },\n    /** get form field suffix */\n    getSuffix: async () => {\n      const suffixElement = base.$(`[data-hook=\"${dataHooks.suffix}\"]`);\n\n      return (await suffixElement.exists())\n        ? suffixElement.getNative() // eslint-disable-line no-restricted-properties\n        : null;\n    },\n    /** hovers over the formfield infoicon */\n    hoverInfoIcon: async () => {\n      const testkit = infoIconDriverFactory(\n        base.$(`[data-hook=\"${dataHooks.infoIcon}\"]`),\n        body,\n      );\n      return testkit.hover();\n    },\n    /** returns status message text */\n    getStatusMessage: async () => {\n      const testkit = textUniDriverFactory(\n        base.$(`[data-hook=\"${dataHooks.statusMessage}\"]`),\n        body,\n      );\n      return testkit.getText();\n    },\n    /** return true if it has a given status */\n    hasStatus: async status => (await base.attr('data-status')) === status,\n  };\n};\n"],"mappings":"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"}

package/dist/cjs/FormField/StatusContext.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.getStatusFromContext = exports.getAriaAttributesFromContext = exports.StatusContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var StatusContext = /*#__PURE__*/_react.default.createContext({
+  status: null,
+  ariaDescribedBy: null
+});
+exports.StatusContext = StatusContext;
+var getStatusFromContext = (_ref, propsStatus) => {
+  var {
+    status
+  } = _ref;
+  return propsStatus || status;
+};
+exports.getStatusFromContext = getStatusFromContext;
+var getAriaAttributesFromContext = _ref2 => {
+  var {
+    ariaDescribedBy
+  } = _ref2;
+  return ariaDescribedBy ? {
+    'aria-describedby': ariaDescribedBy
+  } : {};
+};
+exports.getAriaAttributesFromContext = getAriaAttributesFromContext;
+//# sourceMappingURL=StatusContext.js.map

package/dist/cjs/FormField/StatusContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StatusContext","React","createContext","status","ariaDescribedBy","getStatusFromContext","propsStatus","getAriaAttributesFromContext"],"sources":["../../../src/FormField/StatusContext.js"],"sourcesContent":["import React from 'react';\n\nexport const StatusContext = React.createContext({\n  status: null,\n  ariaDescribedBy: null,\n});\n\nexport const getStatusFromContext = ({ status }, propsStatus) =>\n  propsStatus || status;\n\nexport const getAriaAttributesFromContext = ({ ariaDescribedBy }) =>\n  ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {};\n"],"mappings":";;;;;AAAA;AAEO,IAAMA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAC;EAC/CC,MAAM,EAAE,IAAI;EACZC,eAAe,EAAE;AACnB,CAAC,CAAC;AAAC;AAEI,IAAMC,oBAAoB,GAAG,OAAaC,WAAW;EAAA,IAAvB;IAAEH;EAAO,CAAC;EAAA,OAC7CG,WAAW,IAAIH,MAAM;AAAA;AAAC;AAEjB,IAAMI,4BAA4B,GAAG;EAAA,IAAC;IAAEH;EAAgB,CAAC;EAAA,OAC9DA,eAAe,GAAG;IAAE,kBAAkB,EAAEA;EAAgB,CAAC,GAAG,CAAC,CAAC;AAAA;AAAC"}

package/dist/cjs/FormField/constants.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = void 0;
+var prefix = 'formfield';
+var dataHooks = {
+  suffix: "".concat(prefix, "-suffix"),
+  labelIndicators: "".concat(prefix, "-indicators"),
+  counter: "".concat(prefix, "-counter"),
+  children: "".concat(prefix, "-children"),
+  label: "".concat(prefix, "-label"),
+  asterisk: "".concat(prefix, "-asterisk"),
+  infoIcon: "".concat(prefix, "-infoicon"),
+  statusMessage: "".concat(prefix, "-statusmessage")
+};
+exports.dataHooks = dataHooks;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/FormField/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["prefix","dataHooks","suffix","labelIndicators","counter","children","label","asterisk","infoIcon","statusMessage"],"sources":["../../../src/FormField/constants.js"],"sourcesContent":["const prefix = 'formfield';\n\nexport const dataHooks = {\n  suffix: `${prefix}-suffix`,\n  labelIndicators: `${prefix}-indicators`,\n  counter: `${prefix}-counter`,\n  children: `${prefix}-children`,\n  label: `${prefix}-label`,\n  asterisk: `${prefix}-asterisk`,\n  infoIcon: `${prefix}-infoicon`,\n  statusMessage: `${prefix}-statusmessage`,\n};\n"],"mappings":";;;;AAAA,IAAMA,MAAM,GAAG,WAAW;AAEnB,IAAMC,SAAS,GAAG;EACvBC,MAAM,YAAKF,MAAM,YAAS;EAC1BG,eAAe,YAAKH,MAAM,gBAAa;EACvCI,OAAO,YAAKJ,MAAM,aAAU;EAC5BK,QAAQ,YAAKL,MAAM,cAAW;EAC9BM,KAAK,YAAKN,MAAM,WAAQ;EACxBO,QAAQ,YAAKP,MAAM,cAAW;EAC9BQ,QAAQ,YAAKR,MAAM,cAAW;EAC9BS,aAAa,YAAKT,MAAM;AAC1B,CAAC;AAAC"}

package/dist/cjs/FormField/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 FormField extends React.Component {}
+exports.default = FormField;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/FormField/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormField","React","Component"],"sources":["../../../src/FormField/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { TooltipCommonProps } from '../common';\n\nexport interface FormFieldProps {\n  children?:\n    | React.ReactNode\n    | ((data: { setCharactersLeft: CharactersLeftFn }) => React.ReactNode);\n  charCount?: number;\n  stretchContent?: boolean;\n  label?: React.ReactNode;\n  labelAlignment?: LabelAlignment;\n  labelPlacement?: LabelPlacement;\n  labelSize?: LabelSize;\n  required?: boolean;\n  infoContent?: React.ReactNode;\n  infoTooltipProps?: TooltipCommonProps;\n  suffix?: React.ReactNode;\n  status?: StatusType;\n  statusMessage?: React.ReactNode;\n  id?: string;\n  labelId?: string;\n  dataHook?: string;\n}\n\nexport default class FormField extends React.Component<FormFieldProps> {}\n\nexport type StatusType = 'error' | 'warning' | 'loading';\nexport type LabelPlacement = 'top' | 'right' | 'left';\nexport type LabelSize = 'tiny' | 'small';\nexport type LabelAlignment = 'middle' | 'top';\ntype CharactersLeftFn = (lengthLeft: number) => void;\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAwBhB,MAAMA,SAAS,SAASC,KAAK,CAACC,SAAS,CAAiB;AAAE"}

package/dist/cjs/FormField/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _FormField = _interopRequireDefault(require("./FormField.js"));
+exports.default = _FormField.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/FormField/index.js.map

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

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

@@ -0,0 +1,12 @@
+:vars {
+  radius02: 2px;
+  radius04: 4px;
+  radius06: 6px;
+  radius08: 8px;
+
+  /* Theme */
+  THEME-RADIUS-02: var(--wsr-border-radius-02, value(radius02));
+  THEME-RADIUS-04: var(--wsr-border-radius-04, value(radius04));
+  THEME-RADIUS-06: var(--wsr-border-radius-06, value(radius06));
+  THEME-RADIUS-08: var(--wsr-border-radius-08, value(radius08));
+}

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

@@ -0,0 +1,24 @@
+
+
+const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_border";
+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_border__root"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"radius02":"2px","radius04":"4px","radius06":"6px","radius08":"8px","THEME-RADIUS-02":"var(--wsr-border-radius-02, 2px)","THEME-RADIUS-04":"var(--wsr-border-radius-04, 4px)","THEME-RADIUS-06":"var(--wsr-border-radius-06, 6px)","THEME-RADIUS-08":"var(--wsr-border-radius-08, 8px)"}; 
+module.exports.vars = {}; 
+
+
+
+