@orangesk/orange-design-system 1.11.0 → 2.0.0-alpha.0

package/build/components/Forms/TextArea/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../webpack/universalModuleDefinition","../webpack/bootstrap","../external {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}","../node_modules/classnames/index.js","components/Forms/TextArea/TextArea.js"],"names":["root","factory","exports","module","require","define","amd","a","i","this","__WEBPACK_EXTERNAL_MODULE__0__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","hasOwn","classNames","classes","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","includes","newClass","default","defaultProps","size","width","TextArea","props","children","className","id","isDisabled","isInvalid","isValid","isReadonly","placeholder","other","cx","React","createElement","assign","disabled","readOnly","displayName"],"mappings":"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","file":"components/Forms/TextArea/index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"react\")) : factory(root[\"React\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function(__WEBPACK_EXTERNAL_MODULE__0__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 59);\n","module.exports = __WEBPACK_EXTERNAL_MODULE__0__;","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from 'react';\nimport { bool, oneOf, string } from 'prop-types';\nimport cx from 'classnames';\n\nconst CLASS_ROOT = 'textarea';\n\nconst propTypes = {\n  /** Html id attribute. */\n  id: string.isRequired,\n  /** Disabled state. */\n  isDisabled: bool,\n  /** Invalid state */\n  isInvalid: bool,\n  /** Readonly state. */\n  isReadonly: bool,\n  /** Valid state */\n  isValid: bool,\n  /** Html name attribute. If not present, id is used.*/\n  name: string,\n  /** Placeholder text */\n  placeholder: string,\n  /** Size of element. */\n  size: oneOf(['default', 'large']),\n  /** Input width */\n  width: oneOf(['default', 'fullwidth']),\n};\n\nconst defaultProps = {\n  size: 'default',\n  width: 'default',\n};\n\nconst TextArea = props => {\n  const {\n    children,\n    className,\n    id,\n    isDisabled,\n    isInvalid,\n    isValid,\n    isReadonly,\n    placeholder,\n    size,\n    width,\n    ...other\n  } = props;\n\n  const classes = cx(\n    CLASS_ROOT,\n    {\n      'is-invalid': isInvalid,\n      'is-valid': isValid,\n      [`${CLASS_ROOT}--${size}`]: size !== defaultProps.size,\n      [`${CLASS_ROOT}--${width}`]: width !== defaultProps.width,\n    },\n    className\n  );\n\n  // set name from id if name is not specfied\n  const { name = id } = other;\n\n  return (\n    <textarea\n      className={classes}\n      id={id}\n      name={name}\n      disabled={isDisabled}\n      readOnly={isReadonly}\n      placeholder={placeholder}\n      {...other}\n    />\n  );\n};\n\nTextArea.propTypes = propTypes;\nTextArea.defaultProps = defaultProps;\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"sourceRoot":""}

package/build/components/Forms/TextArea/style.css

@@ -1,2 +0,0 @@
-.textarea{font-weight:700;border-radius:0;position:relative;display:block;overflow-x:hidden;transform:translateZ(0);background-color:#fff;border:2px solid #ccc}.textarea:focus{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #527edb}.textarea:disabled{border-color:#ccc}.textarea:disabled,.textarea:read-only{background-color:#eee;color:#666}.textarea.is-invalid{border-color:#cd3c14}.textarea.is-valid{padding-right:36px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M7.5,15 C3.35786438,15 0,11.6421356 0,7.5 C0,3.35786438 3.35786438,0 7.5,0 C11.6421356,0 15,3.35786438 15,7.5 C15,11.6421356 11.6421356,15 7.5,15 Z M3.40550597,6.68901229 C2.99100286,7.0539857 2.95085113,7.6858763 3.31582458,8.1003794 L5.77477826,10.8930318 C6.1397517,11.3075349 6.7716423,11.3476866 7.18614541,10.9827132 C7.20478962,10.9662968 7.22281563,10.9491914 7.24018594,10.9314326 L11.8941565,6.17336831 C12.2803381,5.7785491 12.2733359,5.14542284 11.8785167,4.75924123 C11.4836975,4.37305961 10.8505712,4.38006176 10.4643896,4.77488097 L7.31720124,7.9924615 C6.93101963,8.3872807 6.29789337,8.3942828 5.90307416,8.0081012 C5.88531533,7.9907309 5.86820993,7.9727049 5.85179355,7.9540607 L4.81687313,6.77869369 C4.45189969,6.36419058 3.82000909,6.32403885 3.40550597,6.68901229 Z' fill='%2332c832' /%3E%3C/svg%3E");background-size:16px;background-position:top .625rem right .625rem;background-repeat:no-repeat}.textarea{padding:.5rem}.textarea--large{padding:.8125rem}.textarea{width:100%;max-width:21.875rem}.textarea--fullwidth{max-width:100%}
-/*# sourceMappingURL=style.css.map */

package/build/components/Forms/TextArea/style.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["style.scss","../../../../styles/tools/generate.scss","mixins.scss"],"names":[],"mappings":"AAIA,UCuBI,eAAA,CAAA,eAAA,CCpBF,iBAAA,CACA,aAAA,CACA,iBAAA,CACA,uBAAA,CDiBE,qBAAA,CAAA,qBAAA,CCXF,gBDWE,iBAAA,CAAA,2CAAA,CCPF,mBDOE,iBAAA,CCHF,uCDGE,qBAAA,CAAA,UAAA,CCCF,qBDDE,oBAAA,CCKF,mBACE,kBAAA,CACA,88BAAA,CACA,oBAAA,CACA,6CAAA,CACA,2BAAA,CF5BA,UCkBA,aAAA,CDlBA,iBCkBA,gBAAA,CDZA,UCYA,UAAA,CAAA,mBAAA,CDZA,qBCYA,cAAA","file":"style.css","sourcesContent":["@use '../../../../styles/tools/generate';\n@use './config';\n@use './mixins';\n\n.textarea {\n  @include mixins.base();\n  @include mixins.states();\n\n  @each $size, $values in config.$sizes {\n    &#{generate.variant-name($size)} {\n      @include mixins.size($size);\n    }\n  }\n\n  @each $width, $value in config.$widths {\n    &#{generate.variant-name($width)} {\n      @include mixins.width($width);\n    }\n  }\n}\n","@use '../tokens/breakpoint';\n@use './map' as *;\n\n/// Get css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n///   background-color: #fff,\n///   color: #000\n/// );\n///\n/// .example {\n///   @include css-map($map);\n///  }\n///\n/// Output:\n/// .example {\n///   background-color: #fff;\n///   color: #000;\n/// }\n@mixin css-map($_map, $keys...) {\n  $map: if($keys, map-deep-get($_map, $keys...), $_map);\n\n  @each $prop, $value in $map {\n    #{$prop}: #{$value};\n  }\n}\n\n/// Get responsive css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n///   default: (\n///     color: red,\n///   ),\n///   xl: (\n///     color: blue,\n///   ),\n/// );\n///\n/// .example {\n///   @include responsive-css-map($map);\n///  }\n///\n/// Output:\n/// .example {\n///   color: red;\n///   @media only screen and (min-width: 1240px) {\n///     color: blue;\n///   }\n/// }\n@mixin responsive-css-map($map) {\n  @each $breakpoint, $props in $map {\n    @include breakpoint.get($breakpoint) {\n      @include css-map($props);\n    }\n  }\n}\n\n/// Get variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin variants($map, $className: '', $classSuffix: '') {\n  @each $variant, $props in $map {\n    #{if(&, \"&\", \"\")}#{$className + variant-name($variant) + $classSuffix} {\n      @include css-map($props);\n    }\n  }\n}\n\n/// Get responsive variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin responsive-variants($map, $className: '', $classSuffix: '') {\n  @each $breakpoint, $props in $map {\n    @include breakpoint.get($breakpoint) {\n      @include variants($props, $className, $classSuffix);\n    }\n  }\n}\n\n/// Get prefixed variant name\n/// @param {String} $name - Variant name\n/// @return {String} - Return a prefixed variant name or empty string, for default variants\n/// @example scss\n///   variant-name('primary')\n/// // -primary\n///   variant-name('default')\n///\n@function variant-name($name, $prefix: '--', $suffix: '') {\n  @if not $name or $name == default or $name == xs {\n    @return '';\n  }\n\n  @return #{$prefix + $name + $suffix};\n}\n","@use '../../../../styles/tools/convert';\n@use '../../../../styles/tools/generate';\n@use './config';\n\n@mixin base($config: config.$base) {\n  @include generate.css-map($config);\n\n  position: relative;\n  display: block;\n  overflow-x: hidden; // firefox TEXTAREA incorrectly applying ROWS= and COLS= https://bugzilla.mozilla.org/show_bug.cgi?id=33654\n  transform: translateZ(0);\n}\n\n@mixin states($config: config.$states) {\n  @include generate.css-map($config, 'default');\n\n  &:focus {\n    @include generate.css-map($config, 'focus');\n  }\n\n  &:disabled {\n    @include generate.css-map($config, 'disabled');\n  }\n\n  &:read-only {\n    @include generate.css-map($config, 'readonly');\n  }\n\n  &.is-invalid {\n    @include generate.css-map($config, 'invalid');\n  }\n\n  &.is-valid {\n    padding-right: 36px;\n    background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M7.5,15 C3.35786438,15 0,11.6421356 0,7.5 C0,3.35786438 3.35786438,0 7.5,0 C11.6421356,0 15,3.35786438 15,7.5 C15,11.6421356 11.6421356,15 7.5,15 Z M3.40550597,6.68901229 C2.99100286,7.0539857 2.95085113,7.6858763 3.31582458,8.1003794 L5.77477826,10.8930318 C6.1397517,11.3075349 6.7716423,11.3476866 7.18614541,10.9827132 C7.20478962,10.9662968 7.22281563,10.9491914 7.24018594,10.9314326 L11.8941565,6.17336831 C12.2803381,5.7785491 12.2733359,5.14542284 11.8785167,4.75924123 C11.4836975,4.37305961 10.8505712,4.38006176 10.4643896,4.77488097 L7.31720124,7.9924615 C6.93101963,8.3872807 6.29789337,8.3942828 5.90307416,8.0081012 C5.88531533,7.9907309 5.86820993,7.9727049 5.85179355,7.9540607 L4.81687313,6.77869369 C4.45189969,6.36419058 3.82000909,6.32403885 3.40550597,6.68901229 Z' fill='%2332c832' /%3E%3C/svg%3E\");\n    background-size: 16px;\n    background-position: top #{convert.to-rem(10px)} right #{convert.to-rem(10px)};\n    background-repeat: no-repeat;\n  }\n}\n\n@mixin size($size, $config: config.$sizes) {\n  @include generate.css-map($config, $size);\n}\n\n@mixin width($width, $config: config.$widths) {\n  @include generate.css-map($config, $width);\n}\n"]}

package/build/components/Forms/TextInput/index.js

@@ -1,3 +0,0 @@
-/*! For license information please see index.js.LICENSE.txt */
-!function(e,t){if("object"===typeof exports&&"object"===typeof module)module.exports=t(require("react"));else if("function"===typeof define&&define.amd)define(["react"],t);else{var r="object"===typeof exports?t(require("react")):t(e.React);for(var n in r)("object"===typeof exports?exports:e)[n]=r[n]}}(this,(function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=35)}({0:function(t,r){t.exports=e},1:function(e,t,r){var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=u(e,i(r)))}return e}function i(e){if("string"===typeof e||"number"===typeof e)return e;if("object"!==typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=u(t,n));return t}function u(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},33:function(e,t,r){"use strict";var n=r(0),o=r.n(n),i=r(1),u=r.n(i);const a={htmlType:"text",size:"default",width:"default"},f=o.a.forwardRef((e,t)=>{const{children:r,className:n,id:i,isDisabled:f,isInvalid:c,isValid:l,isReadonly:s,placeholder:p,size:d,htmlType:y,width:b,...v}=e,x=u()("text-input",{"is-invalid":c,"is-valid":l,["text-input--"+d]:d!==a.size,["text-input--"+b]:b!==a.width},n),{name:m=i}=v;return o.a.createElement("input",Object.assign({className:x,id:i,name:m,type:y,disabled:f,readOnly:s,placeholder:p,ref:t},v))});f.defaultProps=a,f.displayName="TextInput",t.a=f},35:function(e,t,r){"use strict";r.r(t);r(86);var n=r(33);r.d(t,"default",(function(){return n.a}))},86:function(e,t,r){}})}));
-//# sourceMappingURL=index.js.map

package/build/components/Forms/TextInput/index.js.LICENSE.txt

@@ -1,5 +0,0 @@
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/

package/build/components/Forms/TextInput/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../webpack/universalModuleDefinition","../webpack/bootstrap","../external {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}","../node_modules/classnames/index.js","components/Forms/TextInput/TextInput.js","components/Forms/TextInput/index.js"],"names":["root","factory","exports","module","require","define","amd","a","i","this","__WEBPACK_EXTERNAL_MODULE__0__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","hasOwn","classNames","classes","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","includes","newClass","default","defaultProps","htmlType","size","width","TextInput","React","forwardRef","props","ref","children","className","id","isDisabled","isInvalid","isValid","isReadonly","placeholder","other","cx","createElement","assign","type","disabled","readOnly","displayName"],"mappings":"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","file":"components/Forms/TextInput/index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"react\")) : factory(root[\"React\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function(__WEBPACK_EXTERNAL_MODULE__0__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 35);\n","module.exports = __WEBPACK_EXTERNAL_MODULE__0__;","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from 'react';\nimport { bool, oneOf, string } from 'prop-types';\nimport cx from 'classnames';\n\nconst CLASS_ROOT = 'text-input';\n\nconst propTypes = {\n  /** Input html type. */\n  htmlType: oneOf([\n    'email',\n    'hidden',\n    'password',\n    'search',\n    'tel',\n    'number',\n    'text',\n    'url',\n  ]),\n  /** Html id attribute. */\n  id: string.isRequired,\n  /** Disabled state. */\n  isDisabled: bool,\n  /** Invalid state */\n  isInvalid: bool,\n  /** Readonly state. */\n  isReadonly: bool,\n  /** Valid state */\n  isValid: bool,\n  /** Html name attribute. If not present, id is used.*/\n  name: string,\n  /** Placeholder text */\n  placeholder: string,\n  /** Size of element. */\n  size: oneOf(['default', 'large']),\n  /** Input value. */\n  value: string,\n  /** Input width */\n  width: oneOf(['3ch', '8ch', '12ch', 'default', 'fullwidth']),\n};\n\nconst defaultProps = {\n  htmlType: 'text',\n  size: 'default',\n  width: 'default',\n};\n\nconst TextInput = React.forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    id,\n    isDisabled,\n    isInvalid,\n    isValid,\n    isReadonly,\n    placeholder,\n    size,\n    htmlType,\n    width,\n    ...other\n  } = props;\n\n  const classes = cx(\n    CLASS_ROOT,\n    {\n      'is-invalid': isInvalid,\n      'is-valid': isValid,\n      [`${CLASS_ROOT}--${size}`]: size !== defaultProps.size,\n      [`${CLASS_ROOT}--${width}`]: width !== defaultProps.width,\n    },\n    className\n  );\n\n  // set name from id if name is not specfied\n  const { name = id } = other;\n\n  return (\n    <input\n      className={classes}\n      id={id}\n      name={name}\n      type={htmlType}\n      disabled={isDisabled}\n      readOnly={isReadonly}\n      placeholder={placeholder}\n      ref={ref}\n      {...other}\n    />\n  );\n});\n\nTextInput.propTypes = propTypes;\nTextInput.defaultProps = defaultProps;\nTextInput.displayName = 'TextInput';\n\nexport default TextInput;\n","import './styles/style.scss';\n\nexport { default } from './TextInput';\n"],"sourceRoot":""}

package/build/components/Forms/TextInput/style.css

@@ -1,2 +0,0 @@
-.text-input{font-weight:700;border-radius:0;position:relative;display:inline-block;transform:translateZ(0);background-color:#fff;border:2px solid #ccc}.text-input:focus{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #527edb}.text-input:disabled{opacity:1;-webkit-text-fill-color:#666;border-color:#ccc}.text-input:disabled,.text-input:read-only{background-color:#eee;color:#666}.text-input.is-invalid{border-color:#cd3c14}.text-input.is-valid{padding-right:2.25rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M7.5,15 C3.35786438,15 0,11.6421356 0,7.5 C0,3.35786438 3.35786438,0 7.5,0 C11.6421356,0 15,3.35786438 15,7.5 C15,11.6421356 11.6421356,15 7.5,15 Z M3.40550597,6.68901229 C2.99100286,7.0539857 2.95085113,7.6858763 3.31582458,8.1003794 L5.77477826,10.8930318 C6.1397517,11.3075349 6.7716423,11.3476866 7.18614541,10.9827132 C7.20478962,10.9662968 7.22281563,10.9491914 7.24018594,10.9314326 L11.8941565,6.17336831 C12.2803381,5.7785491 12.2733359,5.14542284 11.8785167,4.75924123 C11.4836975,4.37305961 10.8505712,4.38006176 10.4643896,4.77488097 L7.31720124,7.9924615 C6.93101963,8.3872807 6.29789337,8.3942828 5.90307416,8.0081012 C5.88531533,7.9907309 5.86820993,7.9727049 5.85179355,7.9540607 L4.81687313,6.77869369 C4.45189969,6.36419058 3.82000909,6.32403885 3.40550597,6.68901229 Z' fill='%2332c832' /%3E%3C/svg%3E");background-size:1rem;background-position:calc(100% - .625rem);background-repeat:no-repeat}.text-input{height:2.5rem;padding:.5rem}.text-input--large{height:3.125rem;padding:.8125rem}.text-input{width:100%;max-width:21.875rem}.text-input--3ch{max-width:5rem}.text-input--8ch{max-width:7.5rem}.text-input--12ch{max-width:10rem}.text-input--fullwidth{max-width:100%}.input--search-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M19.82 18l-5.64-5.65a7.81 7.81 0 10-1.83 1.82L18 19.82a.63.63 0 00.88 0l.94-.94a.63.63 0 000-.88zm-12-4.88a5.32 5.32 0 110-10.63 5.32 5.32 0 010 10.63z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.5rem .5rem}.input--search-icon.text-input--large{background-position:.8125rem .8125rem}.input--search-icon:focus,.input--search-icon:not(:placeholder-shown){background-image:none}.input--search-icon-with-placeholder{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M19.82 18l-5.64-5.65a7.81 7.81 0 10-1.83 1.82L18 19.82a.63.63 0 00.88 0l.94-.94a.63.63 0 000-.88zm-12-4.88a5.32 5.32 0 110-10.63 5.32 5.32 0 010 10.63z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.5rem .5rem;padding-left:2.5rem}.input--search-icon-with-placeholder.text-input--large{background-position:.8125rem .8125rem}.input--search-icon-with-placeholder:focus,.input--search-icon-with-placeholder:not(:placeholder-shown){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M19.82 18l-5.64-5.65a7.81 7.81 0 10-1.83 1.82L18 19.82a.63.63 0 00.88 0l.94-.94a.63.63 0 000-.88zm-12-4.88a5.32 5.32 0 110-10.63 5.32 5.32 0 010 10.63z' clip-rule='evenodd'/%3E%3C/svg%3E")}
-/*# sourceMappingURL=style.css.map */

package/build/components/Forms/TextInput/style.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["style.scss","../../../../styles/tools/generate.scss","mixins.scss","../../../../styles/tokens/color.scss","config.scss"],"names":[],"mappings":"AAIA,YCuBI,eAAA,CAAA,eAAA,CCpBF,iBAAA,CACA,oBAAA,CACA,uBAAA,CDkBE,qBAAA,CAAA,qBAAA,CCZF,kBDYE,iBAAA,CAAA,2CAAA,CCRF,qBACE,SAAA,CAEA,4BCFO,CFOP,iBAAA,CCDF,2CDCE,qBAAA,CAAA,UAAA,CCGF,uBDHE,oBAAA,CCOF,qBACE,qBAAA,CACA,88BAAA,CACA,oBAAA,CACA,wCAAA,CACA,2BAAA,CF9BA,YCkBA,aAAA,CAAA,aAAA,CDlBA,mBCkBA,eAAA,CAAA,gBAAA,CDZA,YCYA,UAAA,CAAA,mBAAA,CDZA,iBCYA,cAAA,CDZA,iBCYA,gBAAA,CDZA,kBCYA,eAAA,CDZA,uBCYA,cAAA,CDNJ,oBE+BE,+WEO6B,CFN7B,2BAAA,CD1BE,+BAAA,CC6BF,sCD7BE,qCAAA,CCqCF,sEAEE,qBAAA,CFzCJ,qCE2BE,+WEO6B,CFN7B,2BAAA,CD1BE,+BAAA,CC8CF,mBAAA,CAjBA,uDD7BE,qCAAA,CCgDF,wGAEE,+WElB2B","file":"style.css","sourcesContent":["@use '../../../../styles/tools/generate';\n@use './config';\n@use './mixins';\n\n.text-input {\n  @include mixins.base();\n  @include mixins.states();\n\n  @each $size, $values in config.$sizes {\n    &#{generate.variant-name($size)} {\n      @include mixins.size($size);\n    }\n  }\n\n  @each $width, $value in config.$widths {\n    &#{generate.variant-name($width)} {\n      @include mixins.width($width);\n    }\n  }\n}\n\n.input--search-icon {\n  @include mixins.search-icon();\n}\n\n.input--search-icon-with-placeholder {\n  @include mixins.search-icon-with-placeholder();\n}\n","@use '../tokens/breakpoint';\n@use './map' as *;\n\n/// Get css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n///   background-color: #fff,\n///   color: #000\n/// );\n///\n/// .example {\n///   @include css-map($map);\n///  }\n///\n/// Output:\n/// .example {\n///   background-color: #fff;\n///   color: #000;\n/// }\n@mixin css-map($_map, $keys...) {\n  $map: if($keys, map-deep-get($_map, $keys...), $_map);\n\n  @each $prop, $value in $map {\n    #{$prop}: #{$value};\n  }\n}\n\n/// Get responsive css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n///   default: (\n///     color: red,\n///   ),\n///   xl: (\n///     color: blue,\n///   ),\n/// );\n///\n/// .example {\n///   @include responsive-css-map($map);\n///  }\n///\n/// Output:\n/// .example {\n///   color: red;\n///   @media only screen and (min-width: 1240px) {\n///     color: blue;\n///   }\n/// }\n@mixin responsive-css-map($map) {\n  @each $breakpoint, $props in $map {\n    @include breakpoint.get($breakpoint) {\n      @include css-map($props);\n    }\n  }\n}\n\n/// Get variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin variants($map, $className: '', $classSuffix: '') {\n  @each $variant, $props in $map {\n    #{if(&, \"&\", \"\")}#{$className + variant-name($variant) + $classSuffix} {\n      @include css-map($props);\n    }\n  }\n}\n\n/// Get responsive variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin responsive-variants($map, $className: '', $classSuffix: '') {\n  @each $breakpoint, $props in $map {\n    @include breakpoint.get($breakpoint) {\n      @include variants($props, $className, $classSuffix);\n    }\n  }\n}\n\n/// Get prefixed variant name\n/// @param {String} $name - Variant name\n/// @return {String} - Return a prefixed variant name or empty string, for default variants\n/// @example scss\n///   variant-name('primary')\n/// // -primary\n///   variant-name('default')\n///\n@function variant-name($name, $prefix: '--', $suffix: '') {\n  @if not $name or $name == default or $name == xs {\n    @return '';\n  }\n\n  @return #{$prefix + $name + $suffix};\n}\n","@use '../../../../styles/tools/generate';\n@use '../../../../styles/tools/convert';\n@use './config';\n\n@mixin base($config: config.$base) {\n  @include generate.css-map($config);\n\n  position: relative;\n  display: inline-block;\n  transform: translateZ(0);\n}\n\n@mixin states($config: config.$states) {\n  @include generate.css-map($config, 'default');\n\n  &:focus {\n    @include generate.css-map($config, 'focus');\n  }\n\n  &:disabled {\n    opacity: 1;\n    //stylelint-disable-next-line\n    -webkit-text-fill-color: config.$disabled;\n    @include generate.css-map($config, 'disabled');\n  }\n\n  &:read-only {\n    @include generate.css-map($config, 'readonly');\n  }\n\n  &.is-invalid {\n    @include generate.css-map($config, 'invalid');\n  }\n\n  &.is-valid {\n    padding-right: convert.to-rem(36px);\n    background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M7.5,15 C3.35786438,15 0,11.6421356 0,7.5 C0,3.35786438 3.35786438,0 7.5,0 C11.6421356,0 15,3.35786438 15,7.5 C15,11.6421356 11.6421356,15 7.5,15 Z M3.40550597,6.68901229 C2.99100286,7.0539857 2.95085113,7.6858763 3.31582458,8.1003794 L5.77477826,10.8930318 C6.1397517,11.3075349 6.7716423,11.3476866 7.18614541,10.9827132 C7.20478962,10.9662968 7.22281563,10.9491914 7.24018594,10.9314326 L11.8941565,6.17336831 C12.2803381,5.7785491 12.2733359,5.14542284 11.8785167,4.75924123 C11.4836975,4.37305961 10.8505712,4.38006176 10.4643896,4.77488097 L7.31720124,7.9924615 C6.93101963,8.3872807 6.29789337,8.3942828 5.90307416,8.0081012 C5.88531533,7.9907309 5.86820993,7.9727049 5.85179355,7.9540607 L4.81687313,6.77869369 C4.45189969,6.36419058 3.82000909,6.32403885 3.40550597,6.68901229 Z' fill='%2332c832' /%3E%3C/svg%3E\");\n    background-size: convert.to-rem(16px);\n    background-position: calc(100% - #{convert.to-rem(10px)});\n    background-repeat: no-repeat;\n  }\n}\n\n@mixin size($size, $config: config.$sizes) {\n  @include generate.css-map($config, $size);\n}\n\n@mixin width($width, $config: config.$widths) {\n  @include generate.css-map($config, $width);\n}\n\n@mixin search-icon-base {\n  background-image: config.$background-image-search-icon;\n  background-repeat: no-repeat;\n  @include generate.css-map(config.$background-search, 'default');\n\n  &.text-input--large {\n    @include generate.css-map(config.$background-search, 'large');\n  }\n}\n\n@mixin search-icon {\n  @include search-icon-base;\n\n  &:not(:placeholder-shown),\n  &:focus {\n    background-image: none;\n  }\n}\n\n@mixin search-icon-with-placeholder {\n  @include search-icon-base;\n\n  padding-left: convert.to-rem(40px);\n\n  &:not(:placeholder-shown),\n  &:focus {\n    background-image: config.$background-image-search-icon;\n  }\n}\n","// core (brand)\n$orange: #ff7900;\n$orange-dark: #f16e00;\n$black: #000;\n$white: #fff;\n\n// supporting color\n$blue: #4bb4e6;\n$green: #50be87;\n$pink: #ffb4e6;\n$violet: #a885d8;\n$yellow: #ffd200;\n$yellow-lighter: #fff6b6;\n$red: #ff4d4d;\n\n// functional\n$gray-300: #eee;\n$gray-400: #ddd;\n$gray-500: #ccc;\n$gray-600: #999;\n$gray-700: #666;\n$gray-800: #595959;\n$gray-900: #333;\n$success: #32c832;\n$danger: #cd3c14;\n$info: #527edb;\n$warning: #fc0;\n","@use '../../../../styles/tokens/space';\n@use '../../../../styles/tools/convert';\n@use '../../../../styles/tokens/color';\n@use '../../styles/config' as commonConfig;\n\n$base: (\n  font-weight: bold,\n  border-radius: 0,\n);\n\n$disabled: color.$gray-700;\n\n$background-search: (\n  default: (\n    background-position: convert.to-rem(8px) convert.to-rem(8px),\n  ),\n  large: (\n    background-position: convert.to-rem(13px) convert.to-rem(13px),\n  ),\n);\n\n$states: (\n  default: commonConfig.$default,\n  focus: commonConfig.$focus,\n  disabled: commonConfig.$disabled,\n  readonly: commonConfig.$readonly,\n  invalid: commonConfig.$invalid,\n);\n\n$sizes: (\n  default: (\n    height: convert.to-rem(40px),\n    padding: convert.to-rem(8px),\n  ),\n  large: (\n    height: convert.to-rem(50px),\n    padding: convert.to-rem(13px),\n  ),\n);\n\n$widths: (\n  default: (\n    width: 100%,\n    max-width: convert.to-rem(350px),\n  ),\n  3ch: (\n    max-width: convert.to-rem(80px),\n  ),\n  8ch: (\n    max-width: convert.to-rem(120px),\n  ),\n  12ch: (\n    max-width: convert.to-rem(160px),\n  ),\n  fullwidth: (\n    max-width: 100%,\n  ),\n);\n\n$background-image-search-icon: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\"><path fill=\"%23999999\" fill-rule=\"evenodd\" d=\"m19.82 18-5.64-5.65a7.81 7.81 0 1 0-1.83 1.82L18 19.82a.63.63 0 0 0 .88 0l.94-.94a.63.63 0 0 0 0-.88Zm-12-4.88a5.32 5.32 0 1 1 0-10.63 5.32 5.32 0 0 1 0 10.63Z\" clip-rule=\"evenodd\"/></svg>');\n"]}