@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-942b5aade9

package/components/Input/Input.styles.js

@@ -1,332 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject27() {var data = _taggedTemplateLiteralLoose(["\n      padding-left: 2px;\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n    "]);_templateObject27 = function _templateObject27() {return data;};return data;}function _templateObject26() {var data = _taggedTemplateLiteralLoose(["\n      padding-right: 2px;\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n    "]);_templateObject26 = function _templateObject26() {return data;};return data;}function _templateObject25() {var data = _taggedTemplateLiteralLoose(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n      padding-right: 10px;\n    "]);_templateObject25 = function _templateObject25() {return data;};return data;}function _templateObject24() {var data = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n      min-width: 10px;\n      padding-left: 10px;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n      min-width: 10px;\n      padding-left: 10px;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "]);_templateObject24 = function _templateObject24() {return data;};return data;}function _templateObject23() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject23 = function _templateObject23() {return data;};return data;}function _templateObject22() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject22 = function _templateObject22() {return data;};return data;}function _templateObject21() {var data = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal !important;\n    "]);_templateObject21 = function _templateObject21() {return data;};return data;}function _templateObject20() {var data = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", " !important;\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n    "]);_templateObject20 = function _templateObject20() {return data;};return data;}function _templateObject19() {var data = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal !important;\n    "]);_templateObject19 = function _templateObject19() {return data;};return data;}function _templateObject18() {var data = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", " !important;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      height: ", ";\n    "]);_templateObject18 = function _templateObject18() {return data;};return data;}function _templateObject17() {var data = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal !important;\n    "]);_templateObject17 = function _templateObject17() {return data;};return data;}function _templateObject16() {var data = _taggedTemplateLiteralLoose(["\n      & {\n        font-size: ", ";\n        line-height: ", " !important;\n        padding-top: ", ";\n        padding-bottom: ", ";\n        height: ", ";\n      }\n    "]);_templateObject16 = function _templateObject16() {return data;};return data;}function _templateObject15() {var data = _taggedTemplateLiteralLoose(["\n      animation: ", " 0.15s ease-in;\n    "]);_templateObject15 = function _templateObject15() {return data;};return data;}function _templateObject14() {var data = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "]);_templateObject14 = function _templateObject14() {return data;};return data;}function _templateObject13() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", " !important;\n      box-shadow: none;\n\n      ", ",\n      ", " {\n        cursor: default;\n      }\n      ", " {\n        color: ", ";\n        pointer-events: none;\n        /* fix text color in safari */\n        -webkit-text-fill-color: currentcolor;\n      }\n      ", ":-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      ", "::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      ", "::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = _taggedTemplateLiteralLoose(["\n      box-shadow: none !important;\n      outline: 1px solid ", " !important;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = _taggedTemplateLiteralLoose(["\n      border-color: ", " !important;\n      box-shadow: 0 0 0 1px ", " !important;\n      z-index: 2;\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = _taggedTemplateLiteralLoose(["\n      box-shadow: none !important;\n      outline: 1px solid ", " !important;\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = _taggedTemplateLiteralLoose(["\n      & {\n        border-color: ", " !important;\n        box-shadow: 0 0 0 1px ", " !important;\n        z-index: 2;\n      }\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = _taggedTemplateLiteralLoose(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n\n      ", " & {\n        color: ", ";\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: 1px solid ", ";\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n\n      ", ":-moz-placeholder {\n        color: ", ";\n      }\n      ", "::-moz-placeholder {\n        color: ", ";\n      }\n      ", "::placeholder {\n        color: ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      border-color: transparent;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: 250px;\n\n      & * {\n        box-sizing: border-box;\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';
-
-import { shift } from '../../lib/styles/DimensionFunctions';
-import { resetText } from '../../lib/styles/Mixins';
-
-var styles = {
-  wrapper: function wrapper() {
-    return css(_templateObject());
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  },
-
-  root: function root(t) {
-    return css(_templateObject2(),
-    resetText(),
-
-
-
-    t.inputBg,
-    t.inputBorderWidth, t.borderColorGrayLight,
-    t.inputBorderTopColor,
-    t.inputShadow,
-
-    t.inputColor);
-
-
-
-
-
-
-
-
-
-
-  },
-
-  borderless: function borderless() {
-    return css(_templateObject3());
-
-
-
-  },
-
-  useDefaultColor: function useDefaultColor(t) {
-    return css(_templateObject4(),
-    t.inputIconColor);
-
-  },
-
-  focus: function focus(t) {
-    return css(_templateObject5(),
-    t.borderColorFocus,
-    t.inputFocusShadow,
-
-
-
-    cssName(styles.input(t)),
-    t.placeholderColorLight,
-
-    cssName(styles.input(t)),
-    t.placeholderColorLight,
-
-    cssName(styles.input(t)),
-    t.placeholderColorLight);
-
-
-  },
-
-  focusFallback: function focusFallback(t) {
-    return css(_templateObject6(),
-
-    t.inputFocusOutline);
-
-  },
-
-  placeholder: function placeholder(t) {
-    return css(_templateObject7(),
-
-    t.placeholderColor,
-
-
-
-
-
-
-
-
-
-
-
-
-    cssName(styles.focus(t)),
-    t.placeholderColorLight);
-
-
-  },
-
-  input: function input(t) {
-    return css(_templateObject8(),
-
-
-
-    t.inputTextColor,
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    t.placeholderColor,
-
-
-    t.placeholderColor,
-
-
-    t.placeholderColor);
-
-
-  },
-
-  warning: function warning(t) {
-    return css(_templateObject9(),
-
-    t.borderColorWarning,
-    t.borderColorWarning);
-
-
-
-  },
-
-  warningFallback: function warningFallback(t) {
-    return css(_templateObject10(),
-
-    t.borderColorWarning);
-
-  },
-
-  error: function error(t) {
-    return css(_templateObject11(),
-    t.borderColorError,
-    t.borderColorError);
-
-
-  },
-
-  errorFallback: function errorFallback(t) {
-    return css(_templateObject12(),
-
-    t.borderColorError);
-
-  },
-
-  disabled: function disabled(t) {
-    return css(_templateObject13(),
-    t.inputDisabledBg,
-    t.inputDisabledBorderColor,
-
-
-    cssName(styles.leftIcon()),
-    cssName(styles.rightIcon()),
-
-
-    cssName(styles.input(t)),
-    t.textColorDisabled,
-
-
-
-
-    cssName(styles.input(t)),
-    t.placeholderColor,
-
-    cssName(styles.input(t)),
-    t.placeholderColor,
-
-    cssName(styles.input(t)),
-    t.placeholderColor);
-
-
-  },
-
-  blink: function blink(t) {
-    var blinkAnimation = keyframes(_templateObject14(),
-
-    t.blinkColor);
-
-
-    return css(_templateObject15(),
-    blinkAnimation);
-
-  },
-
-  sizeSmall: function sizeSmall(t) {
-    return css(_templateObject16(),
-
-    t.inputFontSizeSmall,
-    t.controlLineHeightSmall,
-    t.controlPaddingYSmall,
-    t.controlPaddingYSmall,
-    t.controlHeightSmall);
-
-
-  },
-
-  sizeSmallFallback: function sizeSmallFallback(t) {
-    return css(_templateObject17(),
-    shift(t.controlPaddingYSmall, '-1'),
-    shift(t.controlPaddingYSmall, '1'));
-
-
-  },
-
-  sizeMedium: function sizeMedium(t) {
-    return css(_templateObject18(),
-    t.inputFontSizeMedium,
-    t.controlLineHeightMedium,
-    t.controlPaddingYMedium,
-    t.controlPaddingYMedium,
-    t.controlHeightMedium);
-
-  },
-
-  sizeMediumFallback: function sizeMediumFallback(t) {
-    return css(_templateObject19(),
-    shift(t.controlPaddingYMedium, '-1'),
-    shift(t.controlPaddingYMedium, '1'));
-
-
-  },
-
-  sizeLarge: function sizeLarge(t) {
-    return css(_templateObject20(),
-    t.inputFontSizeLarge,
-    t.controlLineHeightLarge,
-    t.controlHeightLarge,
-    shift(t.controlPaddingYLarge, '-1'),
-    shift(t.controlPaddingYLarge, '1'));
-
-  },
-
-  sizeLargeFallback: function sizeLargeFallback(t) {
-    return css(_templateObject21(),
-    shift(t.controlPaddingYLarge, '-2'),
-    shift(t.controlPaddingYLarge, '2'));
-
-
-  },
-
-  prefix: function prefix(t) {
-    return css(_templateObject22(),
-    t.placeholderColor);
-
-  },
-
-  suffix: function suffix(t) {
-    return css(_templateObject23(),
-    t.placeholderColor);
-
-  },
-
-  sideContainer: function sideContainer() {
-    return css(_templateObject24());
-
-
-
-
-
-
-
-
-
-
-
-
-
-  },
-
-  rightContainer: function rightContainer() {
-    return css(_templateObject25());
-
-
-
-
-
-  },
-
-  leftIcon: function leftIcon() {
-    return css(_templateObject26());
-
-
-
-
-
-  },
-
-  rightIcon: function rightIcon() {
-    return css(_templateObject27());
-
-
-
-
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

package/components/Input/Input.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Input.styles.ts"],"names":["css","cssName","keyframes","memoizeStyle","shift","resetText","styles","wrapper","root","t","inputBg","inputBorderWidth","borderColorGrayLight","inputBorderTopColor","inputShadow","inputColor","borderless","useDefaultColor","inputIconColor","focus","borderColorFocus","inputFocusShadow","input","placeholderColorLight","focusFallback","inputFocusOutline","placeholder","placeholderColor","inputTextColor","warning","borderColorWarning","warningFallback","error","borderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","leftIcon","rightIcon","textColorDisabled","blink","blinkAnimation","blinkColor","sizeSmall","inputFontSizeSmall","controlLineHeightSmall","controlPaddingYSmall","controlHeightSmall","sizeSmallFallback","sizeMedium","inputFontSizeMedium","controlLineHeightMedium","controlPaddingYMedium","controlHeightMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","controlLineHeightLarge","controlHeightLarge","controlPaddingYLarge","sizeLargeFallback","prefix","suffix","sideContainer","rightContainer","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { shift } from '../../lib/styles/DimensionFunctions';\r\nimport { resetText } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  wrapper() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      margin: 0;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      position: relative;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &::before {\r\n        content: '\\\\A0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetText()};\r\n\r\n      align-items: center;\r\n      background-clip: padding-box;\r\n      background-color: ${t.inputBg};\r\n      border: ${t.inputBorderWidth} solid ${t.borderColorGrayLight};\r\n      border-top-color: ${t.inputBorderTopColor};\r\n      box-shadow: ${t.inputShadow};\r\n      box-sizing: border-box;\r\n      color: ${t.inputColor};\r\n      cursor: text;\r\n      display: inline-flex;\r\n      outline: none;\r\n      position: relative;\r\n      width: 250px;\r\n\r\n      & * {\r\n        box-sizing: border-box;\r\n      }\r\n    `;\r\n  },\r\n\r\n  borderless() {\r\n    return css`\r\n      box-shadow: none;\r\n      border-color: transparent;\r\n    `;\r\n  },\r\n\r\n  useDefaultColor(t: Theme) {\r\n    return css`\r\n      color: ${t.inputIconColor};\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      border-color: ${t.borderColorFocus};\r\n      box-shadow: ${t.inputFocusShadow};\r\n      outline: none;\r\n      z-index: 2;\r\n\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focusFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none;\r\n      outline: 1px solid ${t.inputFocusOutline};\r\n    `;\r\n  },\r\n\r\n  placeholder(t: Theme) {\r\n    return css`\r\n      -ms-user-select: none;\r\n      color: ${t.placeholderColor};\r\n      cursor: text;\r\n      font-size: inherit;\r\n      height: 100%;\r\n      left: 0;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n      position: absolute;\r\n      top: 0;\r\n      user-select: none;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      ${cssName(styles.focus(t))} & {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    return css`\r\n      -webkit-appearance: none;\r\n      background: transparent;\r\n      border: 0 none;\r\n      color: ${t.inputTextColor};\r\n      font: inherit;\r\n      line-height: inherit;\r\n      margin: 0;\r\n      outline: none;\r\n      padding: 0;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &:-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n      &:-moz-placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n      &::-moz-placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n      &::placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      & {\r\n        border-color: ${t.borderColorWarning} !important;\r\n        box-shadow: 0 0 0 1px ${t.borderColorWarning} !important;\r\n        z-index: 2;\r\n      }\r\n    `;\r\n  },\r\n\r\n  warningFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: 1px solid ${t.borderColorWarning} !important;\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      border-color: ${t.borderColorError} !important;\r\n      box-shadow: 0 0 0 1px ${t.borderColorError} !important;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n\r\n  errorFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: 1px solid ${t.borderColorError} !important;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: ${t.inputDisabledBg};\r\n      border-color: ${t.inputDisabledBorderColor} !important;\r\n      box-shadow: none;\r\n\r\n      ${cssName(styles.leftIcon())},\r\n      ${cssName(styles.rightIcon())} {\r\n        cursor: default;\r\n      }\r\n      ${cssName(styles.input(t))} {\r\n        color: ${t.textColorDisabled};\r\n        pointer-events: none;\r\n        /* fix text color in safari */\r\n        -webkit-text-fill-color: currentcolor;\r\n      }\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  blink(t: Theme) {\r\n    const blinkAnimation = keyframes`\r\n    0% {\r\n      background-color: ${t.blinkColor};\r\n    }\r\n  `;\r\n    return css`\r\n      animation: ${blinkAnimation} 0.15s ease-in;\r\n    `;\r\n  },\r\n\r\n  sizeSmall(t: Theme) {\r\n    return css`\r\n      & {\r\n        font-size: ${t.inputFontSizeSmall};\r\n        line-height: ${t.controlLineHeightSmall} !important;\r\n        padding-top: ${t.controlPaddingYSmall};\r\n        padding-bottom: ${t.controlPaddingYSmall};\r\n        height: ${t.controlHeightSmall};\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeSmallFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYSmall, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYSmall, '1')};\r\n      line-height: normal !important;\r\n    `;\r\n  },\r\n\r\n  sizeMedium(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeMedium};\r\n      line-height: ${t.controlLineHeightMedium} !important;\r\n      padding-top: ${t.controlPaddingYMedium};\r\n      padding-bottom: ${t.controlPaddingYMedium};\r\n      height: ${t.controlHeightMedium};\r\n    `;\r\n  },\r\n\r\n  sizeMediumFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYMedium, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYMedium, '1')};\r\n      line-height: normal !important;\r\n    `;\r\n  },\r\n\r\n  sizeLarge(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeLarge};\r\n      line-height: ${t.controlLineHeightLarge} !important;\r\n      height: ${t.controlHeightLarge};\r\n      padding-top: ${shift(t.controlPaddingYLarge, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYLarge, '1')};\r\n    `;\r\n  },\r\n\r\n  sizeLargeFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYLarge, '-2')};\r\n      padding-bottom: ${shift(t.controlPaddingYLarge, '2')};\r\n      line-height: normal !important;\r\n    `;\r\n  },\r\n\r\n  prefix(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n    `;\r\n  },\r\n\r\n  suffix(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n    `;\r\n  },\r\n\r\n  sideContainer() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      flex-shrink: 0;\r\n      height: 100%;\r\n      min-width: 10px;\r\n      padding-left: 10px;\r\n\r\n      &::before {\r\n        content: '\\\\a0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  rightContainer() {\r\n    return css`\r\n      justify-self: flex-end;\r\n      margin: 0 0 0 auto;\r\n      padding-left: 0;\r\n      padding-right: 10px;\r\n    `;\r\n  },\r\n\r\n  leftIcon() {\r\n    return css`\r\n      padding-right: 2px;\r\n      flex-shrink: 0;\r\n      cursor: text;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n\r\n  rightIcon() {\r\n    return css`\r\n      padding-left: 2px;\r\n      flex-shrink: 0;\r\n      cursor: text;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Input/index.js

@@ -1 +0,0 @@
-export * from './Input';

package/components/Input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Input';\r\n"]}

package/components/Kebab/Kebab.js

@@ -1,241 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-
-import { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';
-import { Icon as Icon20 } from '../internal/icons/20px';
-import * as LayoutEvents from '../../lib/LayoutEvents';
-import { tabListener } from '../../lib/events/tabListener';
-import { PopupMenu } from '../internal/PopupMenu';
-
-
-
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-
-import { MenuKebabIcon } from '../internal/icons/16px';
-
-import { jsStyles } from './Kebab.styles';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-export var Kebab = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Kebab, _React$Component);function Kebab() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-    state = {
-      opened: false,
-      focusedByTab: false,
-      anchor: null };_this.
-
-
-    theme = void 0;_this.
-
-    listener =
-
-    {
-      remove: function remove() {return undefined;} };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderCaption = function (captionProps) {var _cn;var
-      disabled = _this.props.disabled;
-      var handleCaptionKeyDown = function handleCaptionKeyDown(event) {
-        if (!disabled) {
-          _this.handleCaptionKeyDown(event, captionProps.openMenu);
-        }
-      };
-
-      var handleCaptionClick = function handleCaptionClick() {
-        if (!disabled) {
-          captionProps.toggleMenu();
-        }
-      };
-
-      return (
-        React.createElement("span", {
-          tabIndex: disabled ? -1 : 0,
-          onClick: handleCaptionClick,
-          onKeyDown: handleCaptionKeyDown,
-          onFocus: _this.handleFocus,
-          onBlur: _this.handleBlur,
-          className: cn((_cn = {}, _cn[
-          jsStyles.kebab()] = true, _cn[
-          jsStyles.opened()] = captionProps.opened, _cn[
-          jsStyles.disabled()] = disabled, _cn[
-          jsStyles.focused(_this.theme)] = _this.state.focusedByTab, _cn)) },
-
-
-        _this.renderIcon()));
-
-
-    };_this.
-
-    handleCaptionKeyDown = function (
-    e,
-    openMenu)
-    {
-      if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {
-        e.preventDefault();
-        openMenu(true);
-      }
-    };_this.
-
-    handleChangeMenuState = function (isOpened, restoreFocus) {
-      _this.setState(
-      {
-        opened: isOpened,
-        focusedByTab: !isOpened && restoreFocus },
-
-      function () {
-        if (_this.props.disabled) {
-          return;
-        }
-
-        if (_this.state.opened) {
-          _this.props.onOpen();
-        } else {
-          _this.props.onClose();
-        }
-      });
-
-    };_this.
-
-    handleFocus = function () {
-      if (!_this.props.disabled) {
-        // focus event fires before keyDown eventlistener
-        // so we should check tabPressed in async way
-        process.nextTick(function () {
-          if (tabListener.isTabPressed) {
-            _this.setState({ focusedByTab: true });
-          }
-        });
-      }
-    };_this.
-
-    handleBlur = function () {
-      _this.setState({
-        focusedByTab: false });
-
-    };return _this;}var _proto = Kebab.prototype;_proto.componentDidMount = function componentDidMount() {/** addListener'у нужен колбэк в аргумент */this.listener = LayoutEvents.addListener(function () {return undefined;});};_proto.componentWillUnmount = function componentWillUnmount() {this.listener.remove();};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,disabled = _this$props.disabled,positions = _this$props.positions;return React.createElement(PopupMenu, { popupMargin: 5, popupPinOffset: 15, popupHasPin: true, positions: positions, onChangeMenuState: this.handleChangeMenuState, caption: this.renderCaption, disableAnimations: this.props.disableAnimations }, !disabled && this.props.children);};_proto.
-
-  renderIcon = function renderIcon() {
-    switch (this.props.size) {
-      case 'small':
-        return (
-          React.createElement("div", { className: jsStyles.iconsmall() },
-          React.createElement(MenuKebabIcon, { size: "14px", color: "#757575" })));
-
-
-      case 'medium':
-        return (
-          React.createElement("div", { className: jsStyles.iconmedium() },
-          React.createElement(MenuKebabIcon, { size: "18px", color: "#757575" })));
-
-
-      case 'large':
-        return (
-          React.createElement("div", { className: jsStyles.iconlarge() },
-          React.createElement(Icon20, { name: "kebab", color: "#757575" })));
-
-
-      default:
-        throw new Error("Unexpected size '" + this.props.size + "'");}
-
-  };return Kebab;}(React.Component);Kebab.__KONTUR_REACT_UI__ = 'Kebab';Kebab.propTypes = {};Kebab.defaultProps = { onOpen: function onOpen() {return undefined;}, onClose: function onClose() {return undefined;}, positions: ['bottom left', 'bottom right', 'top left', 'top right'], size: 'small', disableAnimations: Boolean(process.env.enableReactTesting) };
-
-
-Kebab.propTypes = {
-  children: PropTypes.node,
-  disabled: PropTypes.bool,
-  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  /**
-                                                                             * Размер кебаба small 14px | large 20px
-                                                                             */
-  size: PropTypes.string,
-
-  /**
-                           * Коллбек, вызывающийся перед закрытием кебаба
-                           */
-  onClose: PropTypes.func,
-
-  /**
-                            * Коллбек, вызывающийся перед открытием кебаба
-                            */
-  onOpen: PropTypes.func };

package/components/Kebab/Kebab.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Kebab.tsx"],"names":["React","PropTypes","cn","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","Icon","Icon20","LayoutEvents","tabListener","PopupMenu","ThemeContext","MenuKebabIcon","jsStyles","Kebab","state","opened","focusedByTab","anchor","theme","listener","remove","undefined","renderCaption","captionProps","disabled","props","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","handleFocus","handleBlur","kebab","focused","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","onOpen","onClose","process","nextTick","isTabPressed","componentDidMount","addListener","componentWillUnmount","render","renderMain","positions","disableAnimations","children","size","iconsmall","iconmedium","iconlarge","Error","Component","__KONTUR_REACT_UI__","propTypes","defaultProps","Boolean","env","enableReactTesting","node","bool","menuMaxHeight","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport { Icon as Icon20 } from '../internal/icons/20px';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { PopupMenu } from '../internal/PopupMenu';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { PopupMenuCaptionProps } from '../internal/PopupMenu/PopupMenu';\r\nimport { PopupPosition } from '../Popup';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { MenuKebabIcon } from '../internal/icons/16px';\r\n\r\nimport { jsStyles } from './Kebab.styles';\r\n\r\nexport interface KebabProps {\r\n  disabled?: boolean;\r\n  /**\r\n   * Функция вызываемая при закрытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onClose: () => void;\r\n  /**\r\n   * Функция вызываемая при открытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onOpen: () => void;\r\n  size: 'small' | 'medium' | 'large';\r\n  /**\r\n   * Список позиций доступных для расположения выпадашки\r\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использоваться первая из этого списка\r\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\r\n   */\r\n  positions: PopupPosition[];\r\n  menuMaxHeight?: number | string;\r\n  /**\r\n   * Не показывать анимацию\r\n   */\r\n  disableAnimations: boolean;\r\n}\r\n\r\nexport interface KebabState {\r\n  anchor: Nullable<HTMLElement>;\r\n  focusedByTab: boolean;\r\n  opened: boolean;\r\n}\r\n\r\nexport class Kebab extends React.Component<KebabProps, KebabState> {\r\n  public static __KONTUR_REACT_UI__ = 'Kebab';\r\n\r\n  public static propTypes = {};\r\n\r\n  public static defaultProps = {\r\n    onOpen: () => undefined,\r\n    onClose: () => undefined,\r\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\r\n    size: 'small',\r\n    disableAnimations: Boolean(process.env.enableReactTesting),\r\n  };\r\n\r\n  public state = {\r\n    opened: false,\r\n    focusedByTab: false,\r\n    anchor: null,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  private listener: {\r\n    remove: () => void;\r\n  } = {\r\n    remove: () => undefined,\r\n  };\r\n\r\n  public componentDidMount() {\r\n    /** addListener'у нужен колбэк в аргумент */\r\n    this.listener = LayoutEvents.addListener(() => undefined);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.listener.remove();\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { disabled, positions } = this.props;\r\n\r\n    return (\r\n      <PopupMenu\r\n        popupMargin={5}\r\n        popupPinOffset={15}\r\n        popupHasPin\r\n        positions={positions}\r\n        onChangeMenuState={this.handleChangeMenuState}\r\n        caption={this.renderCaption}\r\n        disableAnimations={this.props.disableAnimations}\r\n      >\r\n        {!disabled && this.props.children}\r\n      </PopupMenu>\r\n    );\r\n  }\r\n\r\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\r\n    const { disabled } = this.props;\r\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (!disabled) {\r\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\r\n      }\r\n    };\r\n\r\n    const handleCaptionClick = () => {\r\n      if (!disabled) {\r\n        captionProps.toggleMenu();\r\n      }\r\n    };\r\n\r\n    return (\r\n      <span\r\n        tabIndex={disabled ? -1 : 0}\r\n        onClick={handleCaptionClick}\r\n        onKeyDown={handleCaptionKeyDown}\r\n        onFocus={this.handleFocus}\r\n        onBlur={this.handleBlur}\r\n        className={cn({\r\n          [jsStyles.kebab()]: true,\r\n          [jsStyles.opened()]: captionProps.opened,\r\n          [jsStyles.disabled()]: disabled,\r\n          [jsStyles.focused(this.theme)]: this.state.focusedByTab,\r\n        })}\r\n      >\r\n        {this.renderIcon()}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private handleCaptionKeyDown = (\r\n    e: React.KeyboardEvent<HTMLDivElement>,\r\n    openMenu: PopupMenuCaptionProps['openMenu'],\r\n  ) => {\r\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\r\n      e.preventDefault();\r\n      openMenu(true);\r\n    }\r\n  };\r\n\r\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\r\n    this.setState(\r\n      {\r\n        opened: isOpened,\r\n        focusedByTab: !isOpened && restoreFocus,\r\n      },\r\n      () => {\r\n        if (this.props.disabled) {\r\n          return;\r\n        }\r\n\r\n        if (this.state.opened) {\r\n          this.props.onOpen();\r\n        } else {\r\n          this.props.onClose();\r\n        }\r\n      },\r\n    );\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (!this.props.disabled) {\r\n      // focus event fires before keyDown eventlistener\r\n      // so we should check tabPressed in async way\r\n      process.nextTick(() => {\r\n        if (tabListener.isTabPressed) {\r\n          this.setState({ focusedByTab: true });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    this.setState({\r\n      focusedByTab: false,\r\n    });\r\n  };\r\n\r\n  private renderIcon() {\r\n    switch (this.props.size) {\r\n      case 'small':\r\n        return (\r\n          <div className={jsStyles.iconsmall()}>\r\n            <MenuKebabIcon size=\"14px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'medium':\r\n        return (\r\n          <div className={jsStyles.iconmedium()}>\r\n            <MenuKebabIcon size=\"18px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'large':\r\n        return (\r\n          <div className={jsStyles.iconlarge()}>\r\n            <Icon20 name=\"kebab\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      default:\r\n        throw new Error(`Unexpected size '${this.props.size}'`);\r\n    }\r\n  }\r\n}\r\n\r\nKebab.propTypes = {\r\n  children: PropTypes.node,\r\n  disabled: PropTypes.bool,\r\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n  /**\r\n   * Размер кебаба small 14px | large 20px\r\n   */\r\n  size: PropTypes.string,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед закрытием кебаба\r\n   */\r\n  onClose: PropTypes.func,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед открытием кебаба\r\n   */\r\n  onOpen: PropTypes.func,\r\n};\r\n"]}