@skbkontur/react-ui 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc

package/components/FileUploader/FileUploader.styles/FileUploader.styles.js

@@ -1,99 +1,109 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
 
-import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, keyframes, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
 import { fileUploaderSizeMixin } from "../FileUploader.mixins";
+export var globalClasses = prefix('file-uploader')({
+  afterLinkText: 'after-link-text'
+});
 var styles = {
+  calcPulse: function calcPulse(t) {
+    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      0% {\n        box-shadow: 0 0 0 1px ", ";\n      }\n      95% {\n        box-shadow: 0 0 0 10px ", ";\n      }\n      100% {\n        box-shadow: 0 0 0 1px ", ";\n      }\n    "])), ColorFunctions.fade(t.inputBlinkColor, 0.6), ColorFunctions.fade(t.inputBlinkColor, 0.1), ColorFunctions.fade(t.inputBlinkColor, 0.0));
+  },
   pulse: function pulse() {
-    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      "])));
+    return keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      "])));
   },
   root: function root(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n      background-color: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n      position: relative;\n    "])), t.fileUploaderBg, t.fileUploaderLineHeight, t.fileUploaderFontSize, t.fileUploaderTextColorDefault);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n      background-color: ", ";\n    "])), t.fileUploaderLineHeight, t.fileUploaderFontSize, t.fileUploaderTextColorDefault, t.fileUploaderBg);
   },
   uploadButton: function uploadButton(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ", " ", " ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      outline: none;\n      cursor: pointer;\n      padding: ", " ", ";\n      transition: box-shadow 0.3s ease;\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor, t.fileUploaderBorderRadius, t.fileUploaderPaddingY, t.fileUploaderPaddingX);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ", " ", " ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      outline: none;\n      cursor: pointer;\n      padding: ", " ", ";\n      transition: background-color ", " ", ",\n        border-color ", " ", ";\n      background-color: ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor, t.fileUploaderBorderRadius, t.fileUploaderPaddingY, t.fileUploaderPaddingX, t.transitionDuration, t.transitionTimingFunction, t.transitionDuration, t.transitionTimingFunction, t.fileUploaderUploadButtonBg);
   },
   uploadButtonFocus: function uploadButtonFocus(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
   },
   dragOver: function dragOver(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border: 1px solid #2da4f9;\n      border-radius: ", ";\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    "])), t.fileUploaderBorderRadius);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n    "])), t.fileUploaderDragOverBorderColor, t.fileUploaderBorderRadius, t.fileUploaderDragOverShadow);
   },
   windowDragOver: function windowDragOver(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])), t.fileUploaderBorderRadius, styles.pulse());
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])), t.fileUploaderBorderRadius, styles.pulse());
+  },
+  windowDragOver2022: function windowDragOver2022(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])), t.fileUploaderBorderRadius, styles.calcPulse(t));
   },
   content: function content() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
   },
   contentWithFiles: function contentWithFiles() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n    "])));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n    "])));
   },
   contentInnerSmall: function contentInnerSmall(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
   },
   contentInnerMedium: function contentInnerMedium(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
   },
   contentInnerLarge: function contentInnerLarge(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
   },
-  fileInput: function fileInput() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: 0;\n      height: 0;\n    "])));
+  visuallyHidden: function visuallyHidden() {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      border: 0;\n      padding: 0;\n      white-space: nowrap;\n      clip-path: inset(100%);\n      clip: rect(0 0 0 0);\n      overflow: hidden;\n    "])));
   },
-  afterLinkText: function afterLinkText() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: inline;\n    "])));
+  afterLinkText: function afterLinkText(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      display: inline;\n      color: ", ";\n    "])), t.fileUploaderAfterLinkColor);
   },
-  afterLinkText_HasFiles: function afterLinkText_HasFiles() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    "])));
+  afterLinkText_HasFiles: function afterLinkText_HasFiles(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ", ";\n    "])), t.fileUploaderAfterLinkColor);
   },
   warning: function warning(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
   },
   error: function error(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
   },
   hovered: function hovered(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.fileUploaderHoveredBg);
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", ";\n    "])), t.fileUploaderHoveredBg, t.fileUploaderHoveredBorderColor);
   },
   linkHovered: function linkHovered(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n    "])), t.fileUploaderLinkHoverTextDecoration);
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n    "])), t.fileUploaderLinkHoverTextDecoration);
   },
   disabled: function disabled(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", ";\n      border: ", " solid ", ";\n      color: ", ";\n      box-shadow: none;\n    "])), t.fileUploaderDisabledBg, t.fileUploaderBorderWidth, t.fileUploaderDisabledBorderColor, t.fileUploaderDisabledTextColor);
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", ";\n      border: ", ";\n      color: ", ";\n      box-shadow: none;\n      background-clip: ", ";\n\n      .", " {\n        color: ", ";\n      }\n    "])), t.fileUploaderDisabledBg, t.fileUploaderDisabledBorder, t.fileUploaderDisabledTextColor, t.fileUploaderDisabledBgClip, globalClasses.afterLinkText, t.fileUploaderDisabledTextColor);
   },
   icon: function icon(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])), t.fileUploaderIconColor);
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])), t.fileUploaderIconColor);
   },
   iconDisabled: function iconDisabled(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
   },
   link: function link(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])), t.fileUploaderLinkColor);
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])), t.fileUploaderLinkColor);
   },
   linkDisabled: function linkDisabled(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])), t.fileUploaderDisabledLinkColor);
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])), t.fileUploaderDisabledLinkColor);
   },
   singleFile: function singleFile() {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
   },
   sizeSmall: function sizeSmall(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingXSmall, t.fileUploaderPaddingYSmall));
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingXSmall, t.fileUploaderPaddingYSmall));
   },
   sizeMedium: function sizeMedium(t) {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingXMedium, t.fileUploaderPaddingYMedium));
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingXMedium, t.fileUploaderPaddingYMedium));
   },
   sizeLarge: function sizeLarge(t) {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingXLarge, t.fileUploaderPaddingYLarge));
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingXLarge, t.fileUploaderPaddingYLarge));
   },
   iconSmall: function iconSmall(t) {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.inputIconSizeSmall, t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.inputIconSizeSmall, t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
   },
   iconMedium: function iconMedium(t) {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.inputIconSizeMedium, t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.inputIconSizeMedium, t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
   },
   iconLarge: function iconLarge(t) {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.inputIconSizeLarge, t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.inputIconSizeLarge, t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
   }
 };
 export var jsStyles = memoizeStyle(styles);

package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploader.styles.ts"],"names":["css","keyframes","memoizeStyle","fileUploaderSizeMixin","styles","pulse","root","t","fileUploaderBg","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","windowDragOver","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","fileInput","afterLinkText","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nconst styles = {\n  pulse() {\n    return keyframes`\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      `;\n  },\n\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      position: relative;\n      background-color: ${t.fileUploaderBg};\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\n      position: relative;\n    `;\n  },\n\n  uploadButton(t: Theme) {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n      box-sizing: border-box;\n      border-radius: ${t.fileUploaderBorderRadius};\n      outline: none;\n      cursor: pointer;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n      transition: box-shadow 0.3s ease;\n    `;\n  },\n\n  uploadButtonFocus(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n    `;\n  },\n\n  dragOver(t: Theme) {\n    return css`\n      border: 1px solid #2da4f9;\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    `;\n  },\n\n  windowDragOver(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.pulse()} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return css`\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `;\n  },\n\n  contentWithFiles() {\n    return css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  contentInnerSmall(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n  },\n\n  contentInnerMedium(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n  },\n\n  contentInnerLarge(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n  },\n\n  fileInput() {\n    return css`\n      width: 0;\n      height: 0;\n    `;\n  },\n\n  afterLinkText() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  afterLinkText_HasFiles() {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  hovered(t: Theme) {\n    return css`\n      background: ${t.fileUploaderHoveredBg};\n    `;\n  },\n\n  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderDisabledBorderColor};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      color: ${t.fileUploaderIconColor};\n      text-align: right;\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n  },\n\n  singleFile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n      width: ${t.inputIconSizeSmall};\n      bottom: ${t.fileUploaderPaddingYSmall};\n      right: ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n      width: ${t.inputIconSizeMedium};\n      bottom: ${t.fileUploaderPaddingYMedium};\n      right: ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n      width: ${t.inputIconSizeLarge};\n      bottom: ${t.fileUploaderPaddingYLarge};\n      right: ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["FileUploader.styles.ts"],"names":["css","keyframes","memoizeStyle","prefix","ColorFunctions","fileUploaderSizeMixin","globalClasses","afterLinkText","styles","calcPulse","t","fade","inputBlinkColor","pulse","root","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","windowDragOver2022","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","visuallyHidden","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\n\nconst styles = {\n  calcPulse(t: Theme) {\n    return keyframes`\n      0% {\n        box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n      }\n      95% {\n        box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n      }\n      100% {\n        box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n      }\n    `;\n  },\n  pulse() {\n    return keyframes`\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      `;\n  },\n\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\n      background-color: ${t.fileUploaderBg};\n    `;\n  },\n\n  uploadButton(t: Theme) {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n      box-sizing: border-box;\n      border-radius: ${t.fileUploaderBorderRadius};\n      outline: none;\n      cursor: pointer;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n      transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      background-color: ${t.fileUploaderUploadButtonBg};\n    `;\n  },\n\n  uploadButtonFocus(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n    `;\n  },\n\n  dragOver(t: Theme) {\n    return css`\n      border: 1px solid ${t.fileUploaderDragOverBorderColor};\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: ${t.fileUploaderDragOverShadow};\n    `;\n  },\n\n  windowDragOver(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.pulse()} 1.5s infinite;\n    `;\n  },\n\n  windowDragOver2022(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.calcPulse(t)} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return css`\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `;\n  },\n\n  contentWithFiles() {\n    return css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  contentInnerSmall(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n  },\n\n  contentInnerMedium(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n  },\n\n  contentInnerLarge(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n  },\n\n  visuallyHidden() {\n    return css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      border: 0;\n      padding: 0;\n      white-space: nowrap;\n      clip-path: inset(100%);\n      clip: rect(0 0 0 0);\n      overflow: hidden;\n    `;\n  },\n\n  afterLinkText(t: Theme) {\n    return css`\n      display: inline;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n  },\n\n  afterLinkText_HasFiles(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  hovered(t: Theme) {\n    return css`\n      background: ${t.fileUploaderHoveredBg};\n      border-color: ${t.fileUploaderHoveredBorderColor};\n    `;\n  },\n\n  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderDisabledBorder};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n      background-clip: ${t.fileUploaderDisabledBgClip};\n\n      .${globalClasses.afterLinkText} {\n        color: ${t.fileUploaderDisabledTextColor};\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      color: ${t.fileUploaderIconColor};\n      text-align: right;\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n  },\n\n  singleFile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n      width: ${t.inputIconSizeSmall};\n      bottom: ${t.fileUploaderPaddingYSmall};\n      right: ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n      width: ${t.inputIconSizeMedium};\n      bottom: ${t.fileUploaderPaddingYMedium};\n      right: ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n      width: ${t.inputIconSizeLarge};\n      bottom: ${t.fileUploaderPaddingYLarge};\n      right: ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/FileUploader/FileUploader.styles.d.ts

@@ -1,19 +1,24 @@
 import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    afterLinkText: string;
+};
 export declare const jsStyles: {
+    calcPulse(t: Theme): string;
     pulse(): string;
     root(t: Theme): string;
     uploadButton(t: Theme): string;
     uploadButtonFocus(t: Theme): string;
     dragOver(t: Theme): string;
     windowDragOver(t: Theme): string;
+    windowDragOver2022(t: Theme): string;
     content(): string;
     contentWithFiles(): string;
     contentInnerSmall(t: Theme): string;
     contentInnerMedium(t: Theme): string;
     contentInnerLarge(t: Theme): string;
-    fileInput(): string;
-    afterLinkText(): string;
-    afterLinkText_HasFiles(): string;
+    visuallyHidden(): string;
+    afterLinkText(t: Theme): string;
+    afterLinkText_HasFiles(t: Theme): string;
     warning(t: Theme): string;
     error(t: Theme): string;
     hovered(t: Theme): string;

package/components/FileUploader/UploadIcon/UploadIcon.js

@@ -0,0 +1,17 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { NetUploadIcon16Light } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light";
+import { NetUploadIcon20Light } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light";
+import { NetUploadIcon24Regular } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular";
+export var UploadIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon24Regular, null);
+  }
+}, 'UploadIcon');

package/components/FileUploader/UploadIcon/UploadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["UploadIcon.tsx"],"names":["React","iconSizer","NetUploadIcon16Light","NetUploadIcon20Light","NetUploadIcon24Regular","UploadIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,oBAAT,QAAqC,6DAArC;AACA,SAASC,oBAAT,QAAqC,6DAArC;AACA,SAASC,sBAAT,QAAuC,+DAAvC;;AAEA,OAAO,IAAMC,UAAU,GAAGJ,SAAS;AACjC;AACEK,EAAAA,KAAK,EAAE,sCAAM,oBAAC,oBAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,oBAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,sBAAD,OAAN,EAHT,EADiC;;AAMjC,YANiC,CAA5B","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { NetUploadIcon16Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light';\nimport { NetUploadIcon20Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light';\nimport { NetUploadIcon24Regular } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular';\n\nexport const UploadIcon = iconSizer(\n  {\n    small: () => <NetUploadIcon16Light />,\n    medium: () => <NetUploadIcon20Light />,\n    large: () => <NetUploadIcon24Regular />,\n  },\n  'UploadIcon',\n);\n"]}

package/components/FileUploader/UploadIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/FileUploader/UploadIcon.js",
+  "module": "UploadIcon",
+  "types": "../UploadIcon.d.ts",
+  "sideEffects": false
+}

package/components/FileUploader/UploadIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const UploadIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/components/FxInput/FxInput/FxInput.js

@@ -10,14 +10,17 @@ var _class, _class2, _temp; // TODO: Enable this rule in functional components.
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button } from "../../Button";
 import { Group } from "../../Group";
 import { Input } from "../../Input";
 import { CurrencyInput } from "../../CurrencyInput";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { FunctionIcon, UndoIcon } from "../../../internal/icons/16px";
+import { FunctionIcon } from "../../../internal/icons/16px";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { MathFunctionIcon } from "../MathFunctionIcon";
+import { FxInputRestoreBtn } from "../FxInputRestoreBtn";
 export var FxInputDataTids = {
   root: 'FxInput__root'
 };
@@ -50,28 +53,50 @@ var FxInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React
         align: 'right'
       };
       var button = null;
+      var inputCorners;
+      var IconFunction = /*#__PURE__*/React.createElement(FunctionIcon, null);
+
+      if (isTheme2022(_this.theme)) {
+        inputCorners = auto ? {} : {
+          borderBottomLeftRadius: 0,
+          borderTopLeftRadius: 0
+        };
+        var iconSizes = {
+          small: parseInt(_this.theme.inputIconSizeSmall),
+          medium: parseInt(_this.theme.inputIconSizeMedium),
+          large: parseInt(_this.theme.inputIconSizeLarge)
+        };
+        var size = _this.props.size || Input.defaultProps.size;
+        IconFunction = /*#__PURE__*/React.createElement(MathFunctionIcon, {
+          size: iconSizes[size]
+        });
+      }
 
       if (auto) {
-        inputProps.leftIcon = /*#__PURE__*/React.createElement(FunctionIcon, null);
+        inputProps.leftIcon = IconFunction;
       } else {
-        button = /*#__PURE__*/React.createElement(Button, {
-          size: _this.props.size,
-          narrow: true,
-          onClick: _this.props.onRestore,
-          borderless: _this.props.borderless,
-          disabled: _this.props.disabled
-        }, /*#__PURE__*/React.createElement(UndoIcon, null));
+        button = /*#__PURE__*/React.createElement(FxInputRestoreBtn, {
+          size: rest.size,
+          onRestore: onRestore,
+          disabled: rest.disabled,
+          borderless: rest.borderless,
+          "aria-label": props.buttonAriaLabel
+        });
       }
 
       return /*#__PURE__*/React.createElement(Group, {
         "data-tid": FxInputDataTids.root,
         width: width
       }, button, type === 'currency' ? /*#__PURE__*/React.createElement(CurrencyInput, _extends({}, inputProps, rest, {
+        corners: inputCorners,
+        size: _this.props.size,
         width: '100%',
         ref: _this.refInput,
         value: value,
         onValueChange: _this.props.onValueChange
       })) : /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, rest, {
+        corners: inputCorners,
+        size: _this.props.size,
         width: '100%',
         ref: _this.refInput,
         type: type,
@@ -106,9 +131,14 @@ var FxInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React
   var _proto = FxInput.prototype;
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.getProps()), this.renderMain);
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain);
+    });
   };
 
   return FxInput;

package/components/FxInput/FxInput/FxInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FxInput.tsx"],"names":["React","PropTypes","Button","Group","Input","CurrencyInput","createPropsGetter","FunctionIcon","UndoIcon","CommonWrapper","rootNode","FxInputDataTids","root","FxInput","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","leftIcon","size","borderless","disabled","onValueChange","focus","blur","element","render","setRootNode","Component","__KONTUR_REACT_UI__","propTypes","bool","string"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button } from '../Button';\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon, UndoIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface FxInputProps\n  extends CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n\n    if (auto) {\n      inputProps.leftIcon = <FunctionIcon />;\n    } else {\n      button = (\n        <Button\n          size={this.props.size}\n          narrow\n          onClick={this.props.onRestore}\n          borderless={this.props.borderless}\n          disabled={this.props.disabled}\n        >\n          <UndoIcon />\n        </Button>\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["FxInput.tsx"],"names":["React","PropTypes","Group","Input","CurrencyInput","createPropsGetter","FunctionIcon","CommonWrapper","rootNode","isTheme2022","ThemeContext","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","inputCorners","IconFunction","theme","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","leftIcon","disabled","borderless","buttonAriaLabel","onValueChange","focus","blur","element","render","setRootNode","Component","__KONTUR_REACT_UI__","propTypes","bool","string"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n        /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */\n        buttonAriaLabel?: AriaAttributes['aria-label'];\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n    let inputCorners: InputProps['corners'];\n    let IconFunction = <FunctionIcon />;\n\n    if (isTheme2022(this.theme)) {\n      inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };\n      const iconSizes: Record<SizeProp, number> = {\n        small: parseInt(this.theme.inputIconSizeSmall),\n        medium: parseInt(this.theme.inputIconSizeMedium),\n        large: parseInt(this.theme.inputIconSizeLarge),\n      };\n      const size = this.props.size || Input.defaultProps.size;\n      IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n    }\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={rest.size}\n          onRestore={onRestore}\n          disabled={rest.disabled}\n          borderless={rest.borderless}\n          aria-label={props.buttonAriaLabel}\n        />\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"]}

package/components/FxInput/FxInput.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { Input, InputProps } from '../Input';
 import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
 import { DefaultizedProps } from '../../lib/createPropsGetter';
 import { Override } from '../../typings/utility-types';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
+export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<CurrencyInputProps, {
     /** Авто-режим */
     auto?: boolean;
     /** Тип инпута */
@@ -20,6 +20,8 @@ export interface FxInputProps extends CommonProps, Override<CurrencyInputProps,
     refInput?: (element: CurrencyInput | Input | null) => void;
     /** Убрать лишние нули после запятой */
     hideTrailingZeros?: boolean;
+    /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */
+    buttonAriaLabel?: AriaAttributes['aria-label'];
 }> {
 }
 export declare const FxInputDataTids: {
@@ -35,6 +37,7 @@ export declare class FxInput extends React.Component<FxInputProps> {
         type: PropTypes.Requireable<string>;
     };
     static defaultProps: DefaultProps;
+    private theme;
     private input;
     private getProps;
     private setRootNode;

package/components/FxInput/FxInputRestoreBtn/FxInputRestoreBtn.js

@@ -0,0 +1,64 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from 'react';
+import { Input } from "../../Input";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { Button } from "../../Button";
+import { UndoIcon } from "../../../internal/icons/16px";
+import { UndoIcon as UndoIcon2022 } from "../UndoIcon";
+export var FxInputRestoreBtn = function FxInputRestoreBtn(props) {
+  var theme = useContext(ThemeContext);
+  var iconUndo = /*#__PURE__*/React.createElement(UndoIcon, null);
+  var buttonCorners;
+
+  if (isTheme2022(theme)) {
+    var size = props.size || Input.defaultProps.size;
+    var iconSizes = {
+      small: parseInt(theme.inputIconSizeSmall),
+      medium: parseInt(theme.inputIconSizeMedium),
+      large: parseInt(theme.inputIconSizeLarge)
+    };
+    var cornersSizes = {
+      small: {
+        borderTopLeftRadius: theme.inputBorderRadiusSmall,
+        borderBottomLeftRadius: theme.inputBorderRadiusSmall
+      },
+      medium: {
+        borderTopLeftRadius: theme.inputBorderRadiusMedium,
+        borderBottomLeftRadius: theme.inputBorderRadiusMedium
+      },
+      large: {
+        borderTopLeftRadius: theme.inputBorderRadiusLarge,
+        borderBottomLeftRadius: theme.inputBorderRadiusLarge
+      }
+    };
+    buttonCorners = cornersSizes[size];
+    iconUndo = /*#__PURE__*/React.createElement(UndoIcon2022, {
+      size: iconSizes[size]
+    });
+  }
+
+  return isTheme2022(theme) ? /*#__PURE__*/React.createElement(Button, {
+    size: props.size,
+    onClick: props.onRestore,
+    borderless: props.borderless,
+    disabled: props.disabled,
+    corners: _extends({
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    }, buttonCorners),
+    icon: iconUndo,
+    "aria-label": props['aria-label']
+  }) : /*#__PURE__*/React.createElement(Button, {
+    size: props.size,
+    narrow: true,
+    onClick: props.onRestore,
+    borderless: props.borderless,
+    disabled: props.disabled,
+    corners: _extends({
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    }, buttonCorners),
+    "aria-label": props['aria-label']
+  }, iconUndo);
+};

package/components/FxInput/FxInputRestoreBtn/FxInputRestoreBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FxInputRestoreBtn.tsx"],"names":["React","useContext","Input","ThemeContext","isTheme2022","Button","UndoIcon","UndoIcon2022","FxInputRestoreBtn","props","theme","iconUndo","buttonCorners","size","defaultProps","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","onRestore","borderless","disabled","borderTopRightRadius","borderBottomRightRadius"],"mappings":"0DAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;;AAEA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,QAAT,QAAyB,2BAAzB;;;AAGA,SAASA,QAAQ,IAAIC,YAArB,QAAyC,YAAzC;;;;;;;AAOA,OAAO,IAAMC,iBAAkE,GAAG,SAArEA,iBAAqE,CAACC,KAAD,EAAW;AAC3F,MAAMC,KAAK,GAAGT,UAAU,CAACE,YAAD,CAAxB;;AAEA,MAAIQ,QAAQ,gBAAG,oBAAC,QAAD,OAAf;AACA,MAAIC,aAAJ;;AAEA,MAAIR,WAAW,CAACM,KAAD,CAAf,EAAwB;AACtB,QAAMG,IAAI,GAAGJ,KAAK,CAACI,IAAN,IAAcX,KAAK,CAACY,YAAN,CAAmBD,IAA9C;;AAEA,QAAME,SAAmC,GAAG;AAC1CC,MAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACQ,kBAAP,CAD2B;AAE1CC,MAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACU,mBAAP,CAF0B;AAG1CC,MAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACY,kBAAP,CAH2B,EAA5C;;AAKA,QAAMC,YAAmD,GAAG;AAC1DP,MAAAA,KAAK,EAAE;AACLQ,QAAAA,mBAAmB,EAAEd,KAAK,CAACe,sBADtB;AAELC,QAAAA,sBAAsB,EAAEhB,KAAK,CAACe,sBAFzB,EADmD;;AAK1DN,MAAAA,MAAM,EAAE;AACNK,QAAAA,mBAAmB,EAAEd,KAAK,CAACiB,uBADrB;AAEND,QAAAA,sBAAsB,EAAEhB,KAAK,CAACiB,uBAFxB,EALkD;;AAS1DN,MAAAA,KAAK,EAAE;AACLG,QAAAA,mBAAmB,EAAEd,KAAK,CAACkB,sBADtB;AAELF,QAAAA,sBAAsB,EAAEhB,KAAK,CAACkB,sBAFzB,EATmD,EAA5D;;;AAcAhB,IAAAA,aAAa,GAAGW,YAAY,CAACV,IAAD,CAA5B;AACAF,IAAAA,QAAQ,gBAAG,oBAAC,YAAD,IAAc,IAAI,EAAEI,SAAS,CAACF,IAAD,CAA7B,GAAX;AACD;;AAED,SAAOT,WAAW,CAACM,KAAD,CAAX;AACL,sBAAC,MAAD;AACE,IAAA,IAAI,EAAED,KAAK,CAACI,IADd;AAEE,IAAA,OAAO,EAAEJ,KAAK,CAACoB,SAFjB;AAGE,IAAA,UAAU,EAAEpB,KAAK,CAACqB,UAHpB;AAIE,IAAA,QAAQ,EAAErB,KAAK,CAACsB,QAJlB;AAKE,IAAA,OAAO;AACLC,MAAAA,oBAAoB,EAAE,CADjB;AAELC,MAAAA,uBAAuB,EAAE,CAFpB;AAGFrB,IAAAA,aAHE,CALT;;AAUE,IAAA,IAAI,EAAED,QAVR;AAWE,kBAAYF,KAAK,CAAC,YAAD,CAXnB,GADK;;;AAeL,sBAAC,MAAD;AACE,IAAA,IAAI,EAAEA,KAAK,CAACI,IADd;AAEE,IAAA,MAAM,MAFR;AAGE,IAAA,OAAO,EAAEJ,KAAK,CAACoB,SAHjB;AAIE,IAAA,UAAU,EAAEpB,KAAK,CAACqB,UAJpB;AAKE,IAAA,QAAQ,EAAErB,KAAK,CAACsB,QALlB;AAME,IAAA,OAAO;AACLC,MAAAA,oBAAoB,EAAE,CADjB;AAELC,MAAAA,uBAAuB,EAAE,CAFpB;AAGFrB,IAAAA,aAHE,CANT;;AAWE,kBAAYH,KAAK,CAAC,YAAD,CAXnB;;AAaGE,EAAAA,QAbH,CAfF;;;AA+BD,CA/DM","sourcesContent":["import React, { AriaAttributes, useContext } from 'react';\n\nimport { Input } from '../Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Button } from '../Button';\nimport { UndoIcon } from '../../internal/icons/16px';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { UndoIcon as UndoIcon2022 } from './UndoIcon';\nimport { FxInputProps } from './FxInput';\n\ninterface FxInputRestoreBtnProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'> {}\n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n  const theme = useContext(ThemeContext);\n\n  let iconUndo = <UndoIcon />;\n  let buttonCorners;\n\n  if (isTheme2022(theme)) {\n    const size = props.size || Input.defaultProps.size;\n\n    const iconSizes: Record<SizeProp, number> = {\n      small: parseInt(theme.inputIconSizeSmall),\n      medium: parseInt(theme.inputIconSizeMedium),\n      large: parseInt(theme.inputIconSizeLarge),\n    };\n    const cornersSizes: Record<SizeProp, React.CSSProperties> = {\n      small: {\n        borderTopLeftRadius: theme.inputBorderRadiusSmall,\n        borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n      },\n      medium: {\n        borderTopLeftRadius: theme.inputBorderRadiusMedium,\n        borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n      },\n      large: {\n        borderTopLeftRadius: theme.inputBorderRadiusLarge,\n        borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n      },\n    };\n    buttonCorners = cornersSizes[size];\n    iconUndo = <UndoIcon2022 size={iconSizes[size]} />;\n  }\n\n  return isTheme2022(theme) ? (\n    <Button\n      size={props.size}\n      onClick={props.onRestore}\n      borderless={props.borderless}\n      disabled={props.disabled}\n      corners={{\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        ...buttonCorners,\n      }}\n      icon={iconUndo}\n      aria-label={props['aria-label']}\n    />\n  ) : (\n    <Button\n      size={props.size}\n      narrow\n      onClick={props.onRestore}\n      borderless={props.borderless}\n      disabled={props.disabled}\n      corners={{\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        ...buttonCorners,\n      }}\n      aria-label={props['aria-label']}\n    >\n      {iconUndo}\n    </Button>\n  );\n};\n"]}

package/components/FxInput/FxInputRestoreBtn/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/FxInput/FxInputRestoreBtn.js",
+  "module": "FxInputRestoreBtn",
+  "types": "../FxInputRestoreBtn.d.ts",
+  "sideEffects": false
+}

package/components/FxInput/FxInputRestoreBtn.d.ts

@@ -0,0 +1,6 @@
+import React, { AriaAttributes } from 'react';
+import { FxInputProps } from './FxInput';
+interface FxInputRestoreBtnProps extends Pick<AriaAttributes, 'aria-label'>, Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'> {
+}
+export declare const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps>;
+export {};

package/components/FxInput/MathFunctionIcon/MathFunctionIcon.js

@@ -0,0 +1,17 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { MathFunctionIcon16Light } from "../../../internal/icons2022/MathFunctionIcon/MathFunctionIcon16Light";
+import { MathFunctionIcon20Light } from "../../../internal/icons2022/MathFunctionIcon/MathFunctionIcon20Light";
+import { MathFunctionIcon24Regular } from "../../../internal/icons2022/MathFunctionIcon/MathFunctionIcon24Regular";
+export var MathFunctionIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(MathFunctionIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(MathFunctionIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(MathFunctionIcon24Regular, null);
+  }
+}, 'MathFunctionIcon');

package/components/FxInput/MathFunctionIcon/MathFunctionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MathFunctionIcon.tsx"],"names":["React","iconSizer","MathFunctionIcon16Light","MathFunctionIcon20Light","MathFunctionIcon24Regular","MathFunctionIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,uBAAT,QAAwC,mEAAxC;AACA,SAASC,uBAAT,QAAwC,mEAAxC;AACA,SAASC,yBAAT,QAA0C,qEAA1C;;AAEA,OAAO,IAAMC,gBAAgB,GAAGJ,SAAS;AACvC;AACEK,EAAAA,KAAK,EAAE,sCAAM,oBAAC,uBAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,uBAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,yBAAD,OAAN,EAHT,EADuC;;AAMvC,kBANuC,CAAlC","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { MathFunctionIcon16Light } from '../../internal/icons2022/MathFunctionIcon/MathFunctionIcon16Light';\nimport { MathFunctionIcon20Light } from '../../internal/icons2022/MathFunctionIcon/MathFunctionIcon20Light';\nimport { MathFunctionIcon24Regular } from '../../internal/icons2022/MathFunctionIcon/MathFunctionIcon24Regular';\n\nexport const MathFunctionIcon = iconSizer(\n  {\n    small: () => <MathFunctionIcon16Light />,\n    medium: () => <MathFunctionIcon20Light />,\n    large: () => <MathFunctionIcon24Regular />,\n  },\n  'MathFunctionIcon',\n);\n"]}