@os-design/core 1.0.156 → 1.0.157

package/dist/cjs/InputSearch/index.js

@@ -1,96 +1,67 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@os-design/icons");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _react2 = require("@emotion/react");
-
 var _utils = require("@os-design/utils");
-
 var _theming = require("@os-design/theming");
-
 var _Input = _interopRequireDefault(require("../Input"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _defaultLocale = _interopRequireDefault(require("./utils/defaultLocale"));
-
 var _excluded = ["locale", "value", "defaultValue", "onChange", "disabled", "left", "leftHasPadding", "right"];
-
 var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var fadeIn = (0, _react2.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"])));
 var ClearButton = (0, _styled["default"])(_Button["default"])(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  animation: ", " ", "ms;\n"])), fadeIn, function (p) {
   return p.theme.transitionDelay;
 });
+
 /**
  * The search input.
  */
-
 var InputSearch = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? _defaultLocale["default"] : _ref$locale,
-      value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      disabled = _ref.disabled,
-      left = _ref.left,
-      _ref$leftHasPadding = _ref.leftHasPadding,
-      leftHasPadding = _ref$leftHasPadding === void 0 ? true : _ref$leftHasPadding,
-      right = _ref.right,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    locale = _ref$locale === void 0 ? _defaultLocale["default"] : _ref$locale,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    disabled = _ref.disabled,
+    left = _ref.left,
+    _ref$leftHasPadding = _ref.leftHasPadding,
+    leftHasPadding = _ref$leftHasPadding === void 0 ? true : _ref$leftHasPadding,
+    right = _ref.right,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useForwardedRef = (0, _utils.useForwardedRef)(ref),
-      _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
-      inputRef = _useForwardedRef2[0],
-      mergedInputRef = _useForwardedRef2[1];
-
+    _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
+    inputRef = _useForwardedRef2[0],
+    mergedInputRef = _useForwardedRef2[1];
   var _useForwardedState = (0, _utils.useForwardedState)({
-    value: value,
-    defaultValue: defaultValue,
-    onChange: onChange
-  }),
-      _useForwardedState2 = _slicedToArray(_useForwardedState, 2),
-      forwardedValue = _useForwardedState2[0],
-      setForwardedValue = _useForwardedState2[1];
-
+      value: value,
+      defaultValue: defaultValue,
+      onChange: onChange
+    }),
+    _useForwardedState2 = _slicedToArray(_useForwardedState, 2),
+    forwardedValue = _useForwardedState2[0],
+    setForwardedValue = _useForwardedState2[1];
   return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({
     type: "text",
     left: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_icons.Search, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fadeIn","keyframes","ClearButton","styled","Button","p","theme","transitionDelay","InputSearch","forwardRef","ref","locale","defaultLocale","value","defaultValue","onChange","disabled","left","leftHasPadding","right","rest","useForwardedRef","inputRef","mergedInputRef","useForwardedState","forwardedValue","setForwardedValue","buttonIconScaleFactor","current","focus","clearLabel","displayName"],"sources":["../../../src/InputSearch/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Search, CloseCircle } from '@os-design/icons';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport { ThemeOverrider } from '@os-design/theming';\nimport Input, { InputProps } from '../Input';\nimport Button from '../Button';\nimport defaultLocale, { InputSearchLocale } from './utils/defaultLocale';\n\nexport interface InputSearchProps\n  extends Omit<InputProps, 'type' | 'onChange'> {\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputSearchLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string) => void;\n}\n\nconst fadeIn = keyframes`\n  from { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst ClearButton = styled(Button)`\n  animation: ${fadeIn} ${(p) => p.theme.transitionDelay}ms;\n`;\n\n/**\n * The search input.\n */\nconst InputSearch = forwardRef<HTMLInputElement, InputSearchProps>(\n  (\n    {\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange = () => {},\n      disabled,\n      left,\n      leftHasPadding = true,\n      right,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    return (\n      <Input\n        type='text'\n        left={\n          <>\n            <Search key='search-icon' />\n            {left}\n          </>\n        }\n        leftHasPadding={leftHasPadding}\n        right={\n          <>\n            {!!forwardedValue && (\n              <ThemeOverrider overrides={{ buttonIconScaleFactor: 1.2 }}>\n                <ClearButton\n                  key='clear-button'\n                  type='ghost'\n                  wide='never'\n                  size='small'\n                  disabled={disabled}\n                  onClick={() => {\n                    setForwardedValue('');\n                    if (!inputRef.current) return;\n                    inputRef.current.focus();\n                  }}\n                  aria-label={locale.clearLabel}\n                >\n                  <CloseCircle />\n                </ClearButton>\n              </ThemeOverrider>\n            )}\n            {right}\n          </>\n        }\n        value={forwardedValue}\n        onChange={setForwardedValue}\n        role='searchbox'\n        disabled={disabled}\n        {...rest}\n        ref={mergedInputRef}\n      />\n    );\n  }\n);\n\nInputSearch.displayName = 'InputSearch';\n\nexport default InputSearch;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAMA,MAAM,OAAGC,iBAAH,sHAAZ;AAKA,IAAMC,WAAW,GAAG,IAAAC,kBAAA,EAAOC,kBAAP,CAAH,qGACFJ,MADE,EACQ,UAACK,CAAD;EAAA,OAAOA,CAAC,CAACC,KAAF,CAAQC,eAAf;AAAA,CADR,CAAjB;AAIA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAG,IAAAC,iBAAA,EAClB,gBAYEC,GAZF,EAaK;EAAA,uBAXDC,MAWC;EAAA,IAXDA,MAWC,4BAXQC,yBAWR;EAAA,IAVDC,KAUC,QAVDA,KAUC;EAAA,IATDC,YASC,QATDA,YASC;EAAA,yBARDC,QAQC;EAAA,IARDA,QAQC,8BARU,YAAM,CAAE,CAQlB;EAAA,IAPDC,QAOC,QAPDA,QAOC;EAAA,IANDC,IAMC,QANDA,IAMC;EAAA,+BALDC,cAKC;EAAA,IALDA,cAKC,oCALgB,IAKhB;EAAA,IAJDC,KAIC,QAJDA,KAIC;EAAA,IAHEC,IAGF;;EACH,uBAAmC,IAAAC,sBAAA,EAAgBX,GAAhB,CAAnC;EAAA;EAAA,IAAOY,QAAP;EAAA,IAAiBC,cAAjB;;EACA,yBAA4C,IAAAC,wBAAA,EAAkB;IAC5DX,KAAK,EAALA,KAD4D;IAE5DC,YAAY,EAAZA,YAF4D;IAG5DC,QAAQ,EAARA;EAH4D,CAAlB,CAA5C;EAAA;EAAA,IAAOU,cAAP;EAAA,IAAuBC,iBAAvB;;EAMA,oBACE,gCAAC,iBAAD;IACE,IAAI,EAAC,MADP;IAEE,IAAI,eACF,+EACE,gCAAC,aAAD;MAAQ,GAAG,EAAC;IAAZ,EADF,EAEGT,IAFH,CAHJ;IAQE,cAAc,EAAEC,cARlB;IASE,KAAK,eACH,kEACG,CAAC,CAACO,cAAF,iBACC,gCAAC,uBAAD;MAAgB,SAAS,EAAE;QAAEE,qBAAqB,EAAE;MAAzB;IAA3B,gBACE,gCAAC,WAAD;MACE,GAAG,EAAC,cADN;MAEE,IAAI,EAAC,OAFP;MAGE,IAAI,EAAC,OAHP;MAIE,IAAI,EAAC,OAJP;MAKE,QAAQ,EAAEX,QALZ;MAME,OAAO,EAAE,mBAAM;QACbU,iBAAiB,CAAC,EAAD,CAAjB;QACA,IAAI,CAACJ,QAAQ,CAACM,OAAd,EAAuB;QACvBN,QAAQ,CAACM,OAAT,CAAiBC,KAAjB;MACD,CAVH;MAWE,cAAYlB,MAAM,CAACmB;IAXrB,gBAaE,gCAAC,kBAAD,OAbF,CADF,CAFJ,EAoBGX,KApBH,CAVJ;IAiCE,KAAK,EAAEM,cAjCT;IAkCE,QAAQ,EAAEC,iBAlCZ;IAmCE,IAAI,EAAC,WAnCP;IAoCE,QAAQ,EAAEV;EApCZ,GAqCMI,IArCN;IAsCE,GAAG,EAAEG;EAtCP,GADF;AA0CD,CAhEiB,CAApB;AAmEAf,WAAW,CAACuB,WAAZ,GAA0B,aAA1B;eAEevB,W"}
+{"version":3,"file":"index.js","names":["fadeIn","keyframes","ClearButton","styled","Button","p","theme","transitionDelay","InputSearch","forwardRef","ref","locale","defaultLocale","value","defaultValue","onChange","disabled","left","leftHasPadding","right","rest","useForwardedRef","inputRef","mergedInputRef","useForwardedState","forwardedValue","setForwardedValue","buttonIconScaleFactor","current","focus","clearLabel","displayName"],"sources":["../../../src/InputSearch/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Search, CloseCircle } from '@os-design/icons';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport { ThemeOverrider } from '@os-design/theming';\nimport Input, { InputProps } from '../Input';\nimport Button from '../Button';\nimport defaultLocale, { InputSearchLocale } from './utils/defaultLocale';\n\nexport interface InputSearchProps\n  extends Omit<InputProps, 'type' | 'onChange'> {\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputSearchLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string) => void;\n}\n\nconst fadeIn = keyframes`\n  from { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst ClearButton = styled(Button)`\n  animation: ${fadeIn} ${(p) => p.theme.transitionDelay}ms;\n`;\n\n/**\n * The search input.\n */\nconst InputSearch = forwardRef<HTMLInputElement, InputSearchProps>(\n  (\n    {\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange = () => {},\n      disabled,\n      left,\n      leftHasPadding = true,\n      right,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    return (\n      <Input\n        type='text'\n        left={\n          <>\n            <Search key='search-icon' />\n            {left}\n          </>\n        }\n        leftHasPadding={leftHasPadding}\n        right={\n          <>\n            {!!forwardedValue && (\n              <ThemeOverrider overrides={{ buttonIconScaleFactor: 1.2 }}>\n                <ClearButton\n                  key='clear-button'\n                  type='ghost'\n                  wide='never'\n                  size='small'\n                  disabled={disabled}\n                  onClick={() => {\n                    setForwardedValue('');\n                    if (!inputRef.current) return;\n                    inputRef.current.focus();\n                  }}\n                  aria-label={locale.clearLabel}\n                >\n                  <CloseCircle />\n                </ClearButton>\n              </ThemeOverrider>\n            )}\n            {right}\n          </>\n        }\n        value={forwardedValue}\n        onChange={setForwardedValue}\n        role='searchbox'\n        disabled={disabled}\n        {...rest}\n        ref={mergedInputRef}\n      />\n    );\n  }\n);\n\nInputSearch.displayName = 'InputSearch';\n\nexport default InputSearch;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAyE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BzE,IAAMA,MAAM,OAAGC,iBAAS,sHAGvB;AAED,IAAMC,WAAW,GAAG,IAAAC,kBAAM,EAACC,kBAAM,CAAC,qGACnBJ,MAAM,EAAI,UAACK,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,eAAe;AAAA,EACtD;;AAED;AACA;AACA;AACA,IAAMC,WAAW,gBAAG,IAAAC,iBAAU,EAC5B,gBAYEC,GAAG,EACA;EAAA,uBAXDC,MAAM;IAANA,MAAM,4BAAGC,yBAAa;IACtBC,KAAK,QAALA,KAAK;IACLC,YAAY,QAAZA,YAAY;IAAA,qBACZC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IACnBC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IAAA,2BACJC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IACrBC,KAAK,QAALA,KAAK;IACFC,IAAI;EAIT,uBAAmC,IAAAC,sBAAe,EAACX,GAAG,CAAC;IAAA;IAAhDY,QAAQ;IAAEC,cAAc;EAC/B,yBAA4C,IAAAC,wBAAiB,EAAC;MAC5DX,KAAK,EAALA,KAAK;MACLC,YAAY,EAAZA,YAAY;MACZC,QAAQ,EAARA;IACF,CAAC,CAAC;IAAA;IAJKU,cAAc;IAAEC,iBAAiB;EAMxC,oBACE,gCAAC,iBAAK;IACJ,IAAI,EAAC,MAAM;IACX,IAAI,eACF,+EACE,gCAAC,aAAM;MAAC,GAAG,EAAC;IAAa,EAAG,EAC3BT,IAAI,CAER;IACD,cAAc,EAAEC,cAAe;IAC/B,KAAK,eACH,kEACG,CAAC,CAACO,cAAc,iBACf,gCAAC,uBAAc;MAAC,SAAS,EAAE;QAAEE,qBAAqB,EAAE;MAAI;IAAE,gBACxD,gCAAC,WAAW;MACV,GAAG,EAAC,cAAc;MAClB,IAAI,EAAC,OAAO;MACZ,IAAI,EAAC,OAAO;MACZ,IAAI,EAAC,OAAO;MACZ,QAAQ,EAAEX,QAAS;MACnB,OAAO,EAAE,mBAAM;QACbU,iBAAiB,CAAC,EAAE,CAAC;QACrB,IAAI,CAACJ,QAAQ,CAACM,OAAO,EAAE;QACvBN,QAAQ,CAACM,OAAO,CAACC,KAAK,EAAE;MAC1B,CAAE;MACF,cAAYlB,MAAM,CAACmB;IAAW,gBAE9B,gCAAC,kBAAW,OAAG,CACH,CAEjB,EACAX,KAAK,CAET;IACD,KAAK,EAAEM,cAAe;IACtB,QAAQ,EAAEC,iBAAkB;IAC5B,IAAI,EAAC,WAAW;IAChB,QAAQ,EAAEV;EAAS,GACfI,IAAI;IACR,GAAG,EAAEG;EAAe,GACpB;AAEN,CAAC,CACF;AAEDf,WAAW,CAACuB,WAAW,GAAG,aAAa;AAAC,eAEzBvB,WAAW;AAAA"}

package/dist/cjs/InputSearch/utils/defaultLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultLocale.js","names":["defaultLocale","clearLabel"],"sources":["../../../../src/InputSearch/utils/defaultLocale.ts"],"sourcesContent":["export interface InputSearchLocale {\n  clearLabel: string;\n}\n\nconst defaultLocale: InputSearchLocale = {\n  clearLabel: 'Clear',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAIA,IAAMA,aAAgC,GAAG;EACvCC,UAAU,EAAE;AAD2B,CAAzC;eAIeD,a"}
+{"version":3,"file":"defaultLocale.js","names":["defaultLocale","clearLabel"],"sources":["../../../../src/InputSearch/utils/defaultLocale.ts"],"sourcesContent":["export interface InputSearchLocale {\n  clearLabel: string;\n}\n\nconst defaultLocale: InputSearchLocale = {\n  clearLabel: 'Clear',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAIA,IAAMA,aAAgC,GAAG;EACvCC,UAAU,EAAE;AACd,CAAC;AAAC,eAEaD,aAAa;AAAA"}

package/dist/cjs/InputSkeleton/index.js

@@ -1,41 +1,28 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styles = require("@os-design/styles");
-
 var _utils = require("@os-design/utils");
-
 var _Skeleton = _interopRequireDefault(require("../Skeleton"));
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var StyledInputSkeleton = (0, _styled["default"])(_Skeleton["default"], (0, _utils.omitEmotionProps)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", "em;\n  ", ";\n"])), function (p) {
   return p.theme.baseHeight;
 }, _styles.sizeStyles);
+
 /**
  * Provides an input placeholder while a user waits for the content to load.
  */
-
 var InputSkeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react["default"].createElement(StyledInputSkeleton, _extends({
     width: "100%"

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StyledInputSkeleton","styled","Skeleton","omitEmotionProps","p","theme","baseHeight","sizeStyles","InputSkeleton","forwardRef","props","ref","displayName"],"sources":["../../../src/InputSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type InputSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;\n\nconst StyledInputSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('size')\n)<WithSize>`\n  height: ${(p) => p.theme.baseHeight}em;\n  ${sizeStyles};\n`;\n\n/**\n * Provides an input placeholder while a user waits for the content to load.\n */\nconst InputSkeleton = forwardRef<HTMLDivElement, InputSkeletonProps>(\n  (props, ref) => <StyledInputSkeleton width='100%' {...props} ref={ref} />\n);\n\nInputSkeleton.displayName = 'InputSkeleton';\n\nexport default InputSkeleton;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAIA,IAAMA,mBAAmB,GAAG,IAAAC,kBAAA,EAC1BC,oBAD0B,EAE1B,IAAAC,uBAAA,EAAiB,MAAjB,CAF0B,CAAH,oGAIb,UAACC,CAAD;EAAA,OAAOA,CAAC,CAACC,KAAF,CAAQC,UAAf;AAAA,CAJa,EAKrBC,kBALqB,CAAzB;AAQA;AACA;AACA;;AACA,IAAMC,aAAa,gBAAG,IAAAC,iBAAA,EACpB,UAACC,KAAD,EAAQC,GAAR;EAAA,oBAAgB,gCAAC,mBAAD;IAAqB,KAAK,EAAC;EAA3B,GAAsCD,KAAtC;IAA6C,GAAG,EAAEC;EAAlD,GAAhB;AAAA,CADoB,CAAtB;AAIAH,aAAa,CAACI,WAAd,GAA4B,eAA5B;eAEeJ,a"}
+{"version":3,"file":"index.js","names":["StyledInputSkeleton","styled","Skeleton","omitEmotionProps","p","theme","baseHeight","sizeStyles","InputSkeleton","forwardRef","props","ref","displayName"],"sources":["../../../src/InputSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type InputSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;\n\nconst StyledInputSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('size')\n)<WithSize>`\n  height: ${(p) => p.theme.baseHeight}em;\n  ${sizeStyles};\n`;\n\n/**\n * Provides an input placeholder while a user waits for the content to load.\n */\nconst InputSkeleton = forwardRef<HTMLDivElement, InputSkeletonProps>(\n  (props, ref) => <StyledInputSkeleton width='100%' {...props} ref={ref} />\n);\n\nInputSkeleton.displayName = 'InputSkeleton';\n\nexport default InputSkeleton;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAsD;AAAA;AAAA;AAAA;AAAA;AAAA;AAItD,IAAMA,mBAAmB,GAAG,IAAAC,kBAAM,EAChCC,oBAAQ,EACR,IAAAC,uBAAgB,EAAC,MAAM,CAAC,CACzB,oGACW,UAACC,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,UAAU;AAAA,GACjCC,kBAAU,CACb;;AAED;AACA;AACA;AACA,IAAMC,aAAa,gBAAG,IAAAC,iBAAU,EAC9B,UAACC,KAAK,EAAEC,GAAG;EAAA,oBAAK,gCAAC,mBAAmB;IAAC,KAAK,EAAC;EAAM,GAAKD,KAAK;IAAE,GAAG,EAAEC;EAAI,GAAG;AAAA,EAC1E;AAEDH,aAAa,CAACI,WAAW,GAAG,eAAe;AAAC,eAE7BJ,aAAa;AAAA"}

package/dist/cjs/Layout/LayoutContext.js

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var LayoutContext = /*#__PURE__*/_react["default"].createContext({
   hasNavigation: false,
   hasPageHeader: false
 });
-
 LayoutContext.displayName = 'LayoutContext';
 var _default = LayoutContext;
 exports["default"] = _default;

package/dist/cjs/Layout/LayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContext.js","names":["LayoutContext","React","createContext","hasNavigation","hasPageHeader","displayName"],"sources":["../../../src/Layout/LayoutContext.ts"],"sourcesContent":["import React from 'react';\n\nexport interface LayoutContextProps {\n  /**\n   * Whether there is the navigation in the layout.\n   */\n  hasNavigation: boolean;\n  /**\n   * Whether there is the page header in the layout.\n   */\n  hasPageHeader: boolean;\n}\n\nconst LayoutContext = React.createContext<LayoutContextProps>({\n  hasNavigation: false,\n  hasPageHeader: false,\n});\n\nLayoutContext.displayName = 'LayoutContext';\n\nexport default LayoutContext;\n"],"mappings":";;;;;;;AAAA;;;;AAaA,IAAMA,aAAa,gBAAGC,iBAAA,CAAMC,aAAN,CAAwC;EAC5DC,aAAa,EAAE,KAD6C;EAE5DC,aAAa,EAAE;AAF6C,CAAxC,CAAtB;;AAKAJ,aAAa,CAACK,WAAd,GAA4B,eAA5B;eAEeL,a"}
+{"version":3,"file":"LayoutContext.js","names":["LayoutContext","React","createContext","hasNavigation","hasPageHeader","displayName"],"sources":["../../../src/Layout/LayoutContext.ts"],"sourcesContent":["import React from 'react';\n\nexport interface LayoutContextProps {\n  /**\n   * Whether there is the navigation in the layout.\n   */\n  hasNavigation: boolean;\n  /**\n   * Whether there is the page header in the layout.\n   */\n  hasPageHeader: boolean;\n}\n\nconst LayoutContext = React.createContext<LayoutContextProps>({\n  hasNavigation: false,\n  hasPageHeader: false,\n});\n\nLayoutContext.displayName = 'LayoutContext';\n\nexport default LayoutContext;\n"],"mappings":";;;;;;AAAA;AAA0B;AAa1B,IAAMA,aAAa,gBAAGC,iBAAK,CAACC,aAAa,CAAqB;EAC5DC,aAAa,EAAE,KAAK;EACpBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEFJ,aAAa,CAACK,WAAW,GAAG,eAAe;AAAC,eAE7BL,aAAa;AAAA"}

package/dist/cjs/Layout/index.js

@@ -1,31 +1,24 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _LayoutContext = _interopRequireDefault(require("./LayoutContext"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * The layout of the page.
  */
 var Layout = function Layout(_ref) {
   var _ref$hasNavigation = _ref.hasNavigation,
-      hasNavigation = _ref$hasNavigation === void 0 ? false : _ref$hasNavigation,
-      _ref$hasPageHeader = _ref.hasPageHeader,
-      hasPageHeader = _ref$hasPageHeader === void 0 ? false : _ref$hasPageHeader,
-      children = _ref.children;
+    hasNavigation = _ref$hasNavigation === void 0 ? false : _ref$hasNavigation,
+    _ref$hasPageHeader = _ref.hasPageHeader,
+    hasPageHeader = _ref$hasPageHeader === void 0 ? false : _ref$hasPageHeader,
+    children = _ref.children;
   var contextValue = (0, _react.useMemo)(function () {
     return {
       hasNavigation: hasNavigation,
@@ -36,7 +29,6 @@ var Layout = function Layout(_ref) {
     value: contextValue
   }, children);
 };
-
 Layout.displayName = 'Layout';
 var _default = Layout;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Layout","hasNavigation","hasPageHeader","children","contextValue","useMemo","displayName"],"sources":["../../../src/Layout/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport LayoutContext from './LayoutContext';\n\nexport interface LayoutProps {\n  /**\n   * Whether there is the navigation in the layout.\n   * @default false\n   */\n  hasNavigation?: boolean;\n  /**\n   * Whether there is the page header in the layout.\n   * @default false\n   */\n  hasPageHeader?: boolean;\n  /**\n   * The children.\n   * @default undefined\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * The layout of the page.\n */\nconst Layout: React.FC<LayoutProps> = ({\n  hasNavigation = false,\n  hasPageHeader = false,\n  children,\n}) => {\n  const contextValue = useMemo(\n    () => ({ hasNavigation, hasPageHeader }),\n    [hasNavigation, hasPageHeader]\n  );\n\n  return (\n    <LayoutContext.Provider value={contextValue}>\n      {children}\n    </LayoutContext.Provider>\n  );\n};\n\nLayout.displayName = 'Layout';\n\nexport default Layout;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;AAoBA;AACA;AACA;AACA,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,OAIhC;EAAA,8BAHJC,aAGI;EAAA,IAHJA,aAGI,mCAHY,KAGZ;EAAA,8BAFJC,aAEI;EAAA,IAFJA,aAEI,mCAFY,KAEZ;EAAA,IADJC,QACI,QADJA,QACI;EACJ,IAAMC,YAAY,GAAG,IAAAC,cAAA,EACnB;IAAA,OAAO;MAAEJ,aAAa,EAAbA,aAAF;MAAiBC,aAAa,EAAbA;IAAjB,CAAP;EAAA,CADmB,EAEnB,CAACD,aAAD,EAAgBC,aAAhB,CAFmB,CAArB;EAKA,oBACE,gCAAC,yBAAD,CAAe,QAAf;IAAwB,KAAK,EAAEE;EAA/B,GACGD,QADH,CADF;AAKD,CAfD;;AAiBAH,MAAM,CAACM,WAAP,GAAqB,QAArB;eAEeN,M"}
+{"version":3,"file":"index.js","names":["Layout","hasNavigation","hasPageHeader","children","contextValue","useMemo","displayName"],"sources":["../../../src/Layout/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport LayoutContext from './LayoutContext';\n\nexport interface LayoutProps {\n  /**\n   * Whether there is the navigation in the layout.\n   * @default false\n   */\n  hasNavigation?: boolean;\n  /**\n   * Whether there is the page header in the layout.\n   * @default false\n   */\n  hasPageHeader?: boolean;\n  /**\n   * The children.\n   * @default undefined\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * The layout of the page.\n */\nconst Layout: React.FC<LayoutProps> = ({\n  hasNavigation = false,\n  hasPageHeader = false,\n  children,\n}) => {\n  const contextValue = useMemo(\n    () => ({ hasNavigation, hasPageHeader }),\n    [hasNavigation, hasPageHeader]\n  );\n\n  return (\n    <LayoutContext.Provider value={contextValue}>\n      {children}\n    </LayoutContext.Provider>\n  );\n};\n\nLayout.displayName = 'Layout';\n\nexport default Layout;\n"],"mappings":";;;;;;;AAAA;AACA;AAA4C;AAAA;AAAA;AAoB5C;AACA;AACA;AACA,IAAMA,MAA6B,GAAG,SAAhCA,MAA6B,OAI7B;EAAA,8BAHJC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IAAA,0BACrBC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IACrBC,QAAQ,QAARA,QAAQ;EAER,IAAMC,YAAY,GAAG,IAAAC,cAAO,EAC1B;IAAA,OAAO;MAAEJ,aAAa,EAAbA,aAAa;MAAEC,aAAa,EAAbA;IAAc,CAAC;EAAA,CAAC,EACxC,CAACD,aAAa,EAAEC,aAAa,CAAC,CAC/B;EAED,oBACE,gCAAC,yBAAa,CAAC,QAAQ;IAAC,KAAK,EAAEE;EAAa,GACzCD,QAAQ,CACc;AAE7B,CAAC;AAEDH,MAAM,CAACM,WAAW,GAAG,QAAQ;AAAC,eAEfN,MAAM;AAAA"}

package/dist/cjs/Link/index.js

@@ -1,86 +1,64 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _styles = require("@os-design/styles");
-
 var _utils = require("@os-design/utils");
-
 var _theming = require("@os-design/theming");
-
 var _excluded = ["underline", "as", "onMouseDown"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 /**
  * Sets base underline styles.
  */
 var underlineBaseStyles = function underlineBaseStyles(p) {
   return (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: inline-block;\n  padding-bottom: 0.1em;\n\n  &::after {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    content: '';\n    height: 0.125em;\n    background-color: ", ";\n  }\n"])), (0, _theming.clr)(p.theme.linkColor));
 };
+
 /**
  * Sets underline styles on hover.
  */
-
-
 var underlineHoverStyles = function underlineHoverStyles(p) {
   return p.underline === 'hover' && (0, _react2.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    @media (hover: hover) {\n      ", ";\n\n      &::after {\n        width: 0;\n        opacity: 0;\n        ", ";\n      }\n\n      &:hover::after,\n      &:focus::after {\n        width: 100%;\n        opacity: 1;\n      }\n    }\n  "])), underlineBaseStyles(p), (0, _styles.transitionStyles)('width', 'opacity')(p));
 };
+
 /**
  * Sets underline styles always.
  */
-
-
 var underlineAlwaysStyles = function underlineAlwaysStyles(p) {
   return p.underline === 'always' && (0, _react2.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    ", ";\n\n    &::after {\n      width: 100%;\n      opacity: 1;\n    }\n  "])), underlineBaseStyles(p));
 };
-
 var StyledLink = (0, _styled["default"])('a', (0, _utils.omitEmotionProps)('size', 'underline', 'as'))(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", ";\n\n  cursor: pointer;\n  text-decoration: none;\n  line-height: 1.2;\n\n  &,\n  &:active,\n  &:focus {\n    color: ", ";\n  }\n\n  ", ";\n  ", ";\n  ", ";\n"])), _styles.resetFocusStyles, function (p) {
   return (0, _theming.clr)(p.theme.linkColor);
 }, underlineHoverStyles, underlineAlwaysStyles, _styles.sizeStyles);
+
 /**
  * The link component to navigate between pages.
  */
-
 var Link = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$underline = _ref.underline,
-      underline = _ref$underline === void 0 ? 'hover' : _ref$underline,
-      as = _ref.as,
-      _ref$onMouseDown = _ref.onMouseDown,
-      _onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    underline = _ref$underline === void 0 ? 'hover' : _ref$underline,
+    as = _ref.as,
+    _ref$onMouseDown = _ref.onMouseDown,
+    _onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(StyledLink, _extends({
     underline: underline,
     as: as,
     onMouseDown: function onMouseDown(e) {
       _onMouseDown(e);
-
       e.preventDefault();
     }
   }, rest, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["underlineBaseStyles","p","css","clr","theme","linkColor","underlineHoverStyles","underline","transitionStyles","underlineAlwaysStyles","StyledLink","styled","omitEmotionProps","resetFocusStyles","sizeStyles","Link","forwardRef","ref","as","onMouseDown","rest","e","preventDefault","displayName"],"sources":["../../../src/Link/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { css } from '@emotion/react';\nimport {\n  resetFocusStyles,\n  sizeStyles,\n  transitionStyles,\n  WithSize,\n} from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr } from '@os-design/theming';\n\nexport interface ReactRouterLinkProps {\n  to?: string;\n  replace?: boolean;\n}\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;\nexport interface LinkProps extends JsxAProps, ReactRouterLinkProps, WithSize {\n  /**\n   * Type of the underline styles.\n   * @default hover\n   */\n  underline?: 'hover' | 'always' | 'never';\n  /**\n   * The custom link component.\n   * For example, the Link from react-router-dom.\n   * @default undefined\n   */\n  as?: React.ElementType;\n}\n\n/**\n * Sets base underline styles.\n */\nconst underlineBaseStyles = (p) => css`\n  position: relative;\n  display: inline-block;\n  padding-bottom: 0.1em;\n\n  &::after {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    content: '';\n    height: 0.125em;\n    background-color: ${clr(p.theme.linkColor)};\n  }\n`;\n\n/**\n * Sets underline styles on hover.\n */\nconst underlineHoverStyles = (p) =>\n  p.underline === 'hover' &&\n  css`\n    @media (hover: hover) {\n      ${underlineBaseStyles(p)};\n\n      &::after {\n        width: 0;\n        opacity: 0;\n        ${transitionStyles('width', 'opacity')(p)};\n      }\n\n      &:hover::after,\n      &:focus::after {\n        width: 100%;\n        opacity: 1;\n      }\n    }\n  `;\n\n/**\n * Sets underline styles always.\n */\nconst underlineAlwaysStyles = (p) =>\n  p.underline === 'always' &&\n  css`\n    ${underlineBaseStyles(p)};\n\n    &::after {\n      width: 100%;\n      opacity: 1;\n    }\n  `;\n\nconst StyledLink = styled(\n  'a',\n  omitEmotionProps('size', 'underline', 'as')\n)<LinkProps>`\n  ${resetFocusStyles};\n\n  cursor: pointer;\n  text-decoration: none;\n  line-height: 1.2;\n\n  &,\n  &:active,\n  &:focus {\n    color: ${(p) => clr(p.theme.linkColor)};\n  }\n\n  ${underlineHoverStyles};\n  ${underlineAlwaysStyles};\n  ${sizeStyles};\n`;\n\n/**\n * The link component to navigate between pages.\n */\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ underline = 'hover', as, onMouseDown = () => {}, ...rest }, ref) => (\n    <StyledLink\n      underline={underline}\n      as={as}\n      onMouseDown={(e) => {\n        onMouseDown(e);\n        e.preventDefault();\n      }}\n      {...rest}\n      ref={ref}\n    />\n  )\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAMA;;AACA;;;;;;;;;;;;;;;;;;;;AAsBA;AACA;AACA;AACA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD;EAAA,WAAOC,WAAP,qSAWJ,IAAAC,YAAA,EAAIF,CAAC,CAACG,KAAF,CAAQC,SAAZ,CAXI;AAAA,CAA5B;AAeA;AACA;AACA;;;AACA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACL,CAAD;EAAA,OAC3BA,CAAC,CAACM,SAAF,KAAgB,OAAhB,QACAL,WADA,uTAGMF,mBAAmB,CAACC,CAAD,CAHzB,EAQQ,IAAAO,wBAAA,EAAiB,OAAjB,EAA0B,SAA1B,EAAqCP,CAArC,CARR,CAD2B;AAAA,CAA7B;AAoBA;AACA;AACA;;;AACA,IAAMQ,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACR,CAAD;EAAA,OAC5BA,CAAC,CAACM,SAAF,KAAgB,QAAhB,QACAL,WADA,wJAEIF,mBAAmB,CAACC,CAAD,CAFvB,CAD4B;AAAA,CAA9B;;AAWA,IAAMS,UAAU,GAAG,IAAAC,kBAAA,EACjB,GADiB,EAEjB,IAAAC,uBAAA,EAAiB,MAAjB,EAAyB,WAAzB,EAAsC,IAAtC,CAFiB,CAAH,8OAIZC,wBAJY,EAaH,UAACZ,CAAD;EAAA,OAAO,IAAAE,YAAA,EAAIF,CAAC,CAACG,KAAF,CAAQC,SAAZ,CAAP;AAAA,CAbG,EAgBZC,oBAhBY,EAiBZG,qBAjBY,EAkBZK,kBAlBY,CAAhB;AAqBA;AACA;AACA;;AACA,IAAMC,IAAI,gBAAG,IAAAC,iBAAA,EACX,gBAA+DC,GAA/D;EAAA,0BAAGV,SAAH;EAAA,IAAGA,SAAH,+BAAe,OAAf;EAAA,IAAwBW,EAAxB,QAAwBA,EAAxB;EAAA,4BAA4BC,WAA5B;EAAA,IAA4BA,YAA5B,iCAA0C,YAAM,CAAE,CAAlD;EAAA,IAAuDC,IAAvD;;EAAA,oBACE,gCAAC,UAAD;IACE,SAAS,EAAEb,SADb;IAEE,EAAE,EAAEW,EAFN;IAGE,WAAW,EAAE,qBAACG,CAAD,EAAO;MAClBF,YAAW,CAACE,CAAD,CAAX;;MACAA,CAAC,CAACC,cAAF;IACD;EANH,GAOMF,IAPN;IAQE,GAAG,EAAEH;EARP,GADF;AAAA,CADW,CAAb;AAeAF,IAAI,CAACQ,WAAL,GAAmB,MAAnB;eAEeR,I"}
+{"version":3,"file":"index.js","names":["underlineBaseStyles","p","css","clr","theme","linkColor","underlineHoverStyles","underline","transitionStyles","underlineAlwaysStyles","StyledLink","styled","omitEmotionProps","resetFocusStyles","sizeStyles","Link","forwardRef","ref","as","onMouseDown","rest","e","preventDefault","displayName"],"sources":["../../../src/Link/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { css } from '@emotion/react';\nimport {\n  resetFocusStyles,\n  sizeStyles,\n  transitionStyles,\n  WithSize,\n} from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr } from '@os-design/theming';\n\nexport interface ReactRouterLinkProps {\n  to?: string;\n  replace?: boolean;\n}\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;\nexport interface LinkProps extends JsxAProps, ReactRouterLinkProps, WithSize {\n  /**\n   * Type of the underline styles.\n   * @default hover\n   */\n  underline?: 'hover' | 'always' | 'never';\n  /**\n   * The custom link component.\n   * For example, the Link from react-router-dom.\n   * @default undefined\n   */\n  as?: React.ElementType;\n}\n\n/**\n * Sets base underline styles.\n */\nconst underlineBaseStyles = (p) => css`\n  position: relative;\n  display: inline-block;\n  padding-bottom: 0.1em;\n\n  &::after {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    content: '';\n    height: 0.125em;\n    background-color: ${clr(p.theme.linkColor)};\n  }\n`;\n\n/**\n * Sets underline styles on hover.\n */\nconst underlineHoverStyles = (p) =>\n  p.underline === 'hover' &&\n  css`\n    @media (hover: hover) {\n      ${underlineBaseStyles(p)};\n\n      &::after {\n        width: 0;\n        opacity: 0;\n        ${transitionStyles('width', 'opacity')(p)};\n      }\n\n      &:hover::after,\n      &:focus::after {\n        width: 100%;\n        opacity: 1;\n      }\n    }\n  `;\n\n/**\n * Sets underline styles always.\n */\nconst underlineAlwaysStyles = (p) =>\n  p.underline === 'always' &&\n  css`\n    ${underlineBaseStyles(p)};\n\n    &::after {\n      width: 100%;\n      opacity: 1;\n    }\n  `;\n\nconst StyledLink = styled(\n  'a',\n  omitEmotionProps('size', 'underline', 'as')\n)<LinkProps>`\n  ${resetFocusStyles};\n\n  cursor: pointer;\n  text-decoration: none;\n  line-height: 1.2;\n\n  &,\n  &:active,\n  &:focus {\n    color: ${(p) => clr(p.theme.linkColor)};\n  }\n\n  ${underlineHoverStyles};\n  ${underlineAlwaysStyles};\n  ${sizeStyles};\n`;\n\n/**\n * The link component to navigate between pages.\n */\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ underline = 'hover', as, onMouseDown = () => {}, ...rest }, ref) => (\n    <StyledLink\n      underline={underline}\n      as={as}\n      onMouseDown={(e) => {\n        onMouseDown(e);\n        e.preventDefault();\n      }}\n      {...rest}\n      ref={ref}\n    />\n  )\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAMA;AACA;AAAyC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBzC;AACA;AACA;AACA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,CAAC;EAAA,WAAKC,WAAG,qSAWd,IAAAC,YAAG,EAACF,CAAC,CAACG,KAAK,CAACC,SAAS,CAAC;AAAA,CAE7C;;AAED;AACA;AACA;AACA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIL,CAAC;EAAA,OAC7BA,CAAC,CAACM,SAAS,KAAK,OAAO,QACvBL,WAAG,uTAEGF,mBAAmB,CAACC,CAAC,CAAC,EAKpB,IAAAO,wBAAgB,EAAC,OAAO,EAAE,SAAS,CAAC,CAACP,CAAC,CAAC,CAS9C;AAAA;;AAEH;AACA;AACA;AACA,IAAMQ,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIR,CAAC;EAAA,OAC9BA,CAAC,CAACM,SAAS,KAAK,QAAQ,QACxBL,WAAG,wJACCF,mBAAmB,CAACC,CAAC,CAAC,CAMzB;AAAA;AAEH,IAAMS,UAAU,GAAG,IAAAC,kBAAM,EACvB,GAAG,EACH,IAAAC,uBAAgB,EAAC,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,CAC5C,8OACGC,wBAAgB,EASP,UAACZ,CAAC;EAAA,OAAK,IAAAE,YAAG,EAACF,CAAC,CAACG,KAAK,CAACC,SAAS,CAAC;AAAA,GAGtCC,oBAAoB,EACpBG,qBAAqB,EACrBK,kBAAU,CACb;;AAED;AACA;AACA;AACA,IAAMC,IAAI,gBAAG,IAAAC,iBAAU,EACrB,gBAA+DC,GAAG;EAAA,0BAA/DV,SAAS;IAATA,SAAS,+BAAG,OAAO;IAAEW,EAAE,QAAFA,EAAE;IAAA,wBAAEC,WAAW;IAAXA,YAAW,iCAAG,YAAM,CAAC,CAAC;IAAKC,IAAI;EAAA,oBACzD,gCAAC,UAAU;IACT,SAAS,EAAEb,SAAU;IACrB,EAAE,EAAEW,EAAG;IACP,WAAW,EAAE,qBAACG,CAAC,EAAK;MAClBF,YAAW,CAACE,CAAC,CAAC;MACdA,CAAC,CAACC,cAAc,EAAE;IACpB;EAAE,GACEF,IAAI;IACR,GAAG,EAAEH;EAAI,GACT;AAAA,CACH,CACF;AAEDF,IAAI,CAACQ,WAAW,GAAG,MAAM;AAAC,eAEXR,IAAI;AAAA"}

package/dist/cjs/LinkButton/index.js

@@ -1,83 +1,62 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _utils = require("@os-design/utils");
-
 var _react2 = require("@emotion/react");
-
 var _Button = require("../Button");
-
 var _useButtonColors2 = _interopRequireDefault(require("../Button/utils/useButtonColors"));
-
 var _ButtonContent = _interopRequireDefault(require("../Button/ButtonContent"));
-
 var _excluded = ["type", "danger", "left", "right", "wide", "loading", "disabled", "size", "as", "onMouseDown", "onKeyDown", "children"];
-
 var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var disabledStyles = function disabledStyles(p) {
   return p.disabled && (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    pointer-events: none;\n  "])));
 };
-
 var StyledLinkButton = (0, _styled["default"])(_Button.StyledButton.withComponent('a'), (0, _utils.omitEmotionProps)('as', 'disabled'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  display: inline-flex;\n  ", ";\n"])), disabledStyles);
+
 /**
  * The button that is rendered as the a tag.
  */
-
 var LinkButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'primary' : _ref$type,
-      _ref$danger = _ref.danger,
-      danger = _ref$danger === void 0 ? false : _ref$danger,
-      left = _ref.left,
-      right = _ref.right,
-      _ref$wide = _ref.wide,
-      wide = _ref$wide === void 0 ? 'default' : _ref$wide,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      size = _ref.size,
-      as = _ref.as,
-      _ref$onMouseDown = _ref.onMouseDown,
-      _onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
-      _ref$onKeyDown = _ref.onKeyDown,
-      _onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    type = _ref$type === void 0 ? 'primary' : _ref$type,
+    _ref$danger = _ref.danger,
+    danger = _ref$danger === void 0 ? false : _ref$danger,
+    left = _ref.left,
+    right = _ref.right,
+    _ref$wide = _ref.wide,
+    wide = _ref$wide === void 0 ? 'default' : _ref$wide,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    size = _ref.size,
+    as = _ref.as,
+    _ref$onMouseDown = _ref.onMouseDown,
+    _onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
+    _ref$onKeyDown = _ref.onKeyDown,
+    _onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useButtonColors = (0, _useButtonColors2["default"])({
-    type: type,
-    danger: danger,
-    disabled: disabled
-  }),
-      buttonColors = _useButtonColors.buttonColors,
-      loadingColors = _useButtonColors.loadingColors;
-
+      type: type,
+      danger: danger,
+      disabled: disabled
+    }),
+    buttonColors = _useButtonColors.buttonColors,
+    loadingColors = _useButtonColors.loadingColors;
   return /*#__PURE__*/_react["default"].createElement(StyledLinkButton, _extends({
     btnType: type,
     colors: buttonColors,
@@ -88,12 +67,10 @@ var LinkButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     as: as,
     onMouseDown: function onMouseDown(e) {
       _onMouseDown(e);
-
       e.preventDefault();
     },
     onKeyDown: function onKeyDown(e) {
       _onKeyDown(e);
-
       if (disabled || loading) e.preventDefault();
     },
     "aria-disabled": disabled || loading,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["disabledStyles","p","disabled","css","StyledLinkButton","styled","StyledButton","withComponent","omitEmotionProps","LinkButton","forwardRef","ref","type","danger","left","right","wide","loading","size","as","onMouseDown","onKeyDown","children","rest","useButtonColors","buttonColors","loadingColors","e","preventDefault","displayName"],"sources":["../../../src/LinkButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport { ButtonProps, StyledButton } from '../Button';\nimport useButtonColors from '../Button/utils/useButtonColors';\nimport ButtonContent from '../Button/ButtonContent';\nimport { LinkProps, ReactRouterLinkProps } from '../Link';\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'type' | 'ref'>;\nexport type LinkButtonProps = JsxAProps &\n  ReactRouterLinkProps &\n  Pick<LinkProps, 'as'> &\n  ButtonProps;\n\nconst disabledStyles = (p) =>\n  p.disabled &&\n  css`\n    pointer-events: none;\n  `;\n\nconst StyledLinkButton = styled(\n  StyledButton.withComponent('a'),\n  omitEmotionProps('as', 'disabled')\n)`\n  text-decoration: none;\n  display: inline-flex;\n  ${disabledStyles};\n`;\n\n/**\n * The button that is rendered as the a tag.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  (\n    {\n      type = 'primary',\n      danger = false,\n      left,\n      right,\n      wide = 'default',\n      loading = false,\n      disabled = false,\n      size,\n      as,\n      onMouseDown = () => {},\n      onKeyDown = () => {},\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const { buttonColors, loadingColors } = useButtonColors({\n      type,\n      danger,\n      disabled,\n    });\n\n    return (\n      <StyledLinkButton\n        btnType={type}\n        colors={buttonColors}\n        wide={wide}\n        loading={loading}\n        disabled={disabled || loading}\n        size={size}\n        as={as}\n        onMouseDown={(e) => {\n          onMouseDown(e);\n          e.preventDefault();\n        }}\n        onKeyDown={(e) => {\n          onKeyDown(e);\n          if (disabled || loading) e.preventDefault();\n        }}\n        aria-disabled={disabled || loading}\n        aria-busy={loading}\n        {...rest}\n        ref={ref}\n      >\n        <ButtonContent\n          left={left}\n          right={right}\n          loading={loading}\n          loadingColors={loadingColors}\n        >\n          {children}\n        </ButtonContent>\n      </StyledLinkButton>\n    );\n  }\n);\n\nLinkButton.displayName = 'LinkButton';\n\nexport default LinkButton;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;EAAA,OACrBA,CAAC,CAACC,QAAF,QACAC,WADA,qGADqB;AAAA,CAAvB;;AAMA,IAAMC,gBAAgB,GAAG,IAAAC,kBAAA,EACvBC,oBAAA,CAAaC,aAAb,CAA2B,GAA3B,CADuB,EAEvB,IAAAC,uBAAA,EAAiB,IAAjB,EAAuB,UAAvB,CAFuB,CAAH,sIAMlBR,cANkB,CAAtB;AASA;AACA;AACA;;AACA,IAAMS,UAAU,gBAAG,IAAAC,iBAAA,EACjB,gBAgBEC,GAhBF,EAiBK;EAAA,qBAfDC,IAeC;EAAA,IAfDA,IAeC,0BAfM,SAeN;EAAA,uBAdDC,MAcC;EAAA,IAdDA,MAcC,4BAdQ,KAcR;EAAA,IAbDC,IAaC,QAbDA,IAaC;EAAA,IAZDC,KAYC,QAZDA,KAYC;EAAA,qBAXDC,IAWC;EAAA,IAXDA,IAWC,0BAXM,SAWN;EAAA,wBAVDC,OAUC;EAAA,IAVDA,OAUC,6BAVS,KAUT;EAAA,yBATDf,QASC;EAAA,IATDA,QASC,8BATU,KASV;EAAA,IARDgB,IAQC,QARDA,IAQC;EAAA,IAPDC,EAOC,QAPDA,EAOC;EAAA,4BANDC,WAMC;EAAA,IANDA,YAMC,iCANa,YAAM,CAAE,CAMrB;EAAA,0BALDC,SAKC;EAAA,IALDA,UAKC,+BALW,YAAM,CAAE,CAKnB;EAAA,IAJDC,QAIC,QAJDA,QAIC;EAAA,IAHEC,IAGF;;EACH,uBAAwC,IAAAC,4BAAA,EAAgB;IACtDZ,IAAI,EAAJA,IADsD;IAEtDC,MAAM,EAANA,MAFsD;IAGtDX,QAAQ,EAARA;EAHsD,CAAhB,CAAxC;EAAA,IAAQuB,YAAR,oBAAQA,YAAR;EAAA,IAAsBC,aAAtB,oBAAsBA,aAAtB;;EAMA,oBACE,gCAAC,gBAAD;IACE,OAAO,EAAEd,IADX;IAEE,MAAM,EAAEa,YAFV;IAGE,IAAI,EAAET,IAHR;IAIE,OAAO,EAAEC,OAJX;IAKE,QAAQ,EAAEf,QAAQ,IAAIe,OALxB;IAME,IAAI,EAAEC,IANR;IAOE,EAAE,EAAEC,EAPN;IAQE,WAAW,EAAE,qBAACQ,CAAD,EAAO;MAClBP,YAAW,CAACO,CAAD,CAAX;;MACAA,CAAC,CAACC,cAAF;IACD,CAXH;IAYE,SAAS,EAAE,mBAACD,CAAD,EAAO;MAChBN,UAAS,CAACM,CAAD,CAAT;;MACA,IAAIzB,QAAQ,IAAIe,OAAhB,EAAyBU,CAAC,CAACC,cAAF;IAC1B,CAfH;IAgBE,iBAAe1B,QAAQ,IAAIe,OAhB7B;IAiBE,aAAWA;EAjBb,GAkBMM,IAlBN;IAmBE,GAAG,EAAEZ;EAnBP,iBAqBE,gCAAC,yBAAD;IACE,IAAI,EAAEG,IADR;IAEE,KAAK,EAAEC,KAFT;IAGE,OAAO,EAAEE,OAHX;IAIE,aAAa,EAAES;EAJjB,GAMGJ,QANH,CArBF,CADF;AAgCD,CAzDgB,CAAnB;AA4DAb,UAAU,CAACoB,WAAX,GAAyB,YAAzB;eAEepB,U"}
+{"version":3,"file":"index.js","names":["disabledStyles","p","disabled","css","StyledLinkButton","styled","StyledButton","withComponent","omitEmotionProps","LinkButton","forwardRef","ref","type","danger","left","right","wide","loading","size","as","onMouseDown","onKeyDown","children","rest","useButtonColors","buttonColors","loadingColors","e","preventDefault","displayName"],"sources":["../../../src/LinkButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport { ButtonProps, StyledButton } from '../Button';\nimport useButtonColors from '../Button/utils/useButtonColors';\nimport ButtonContent from '../Button/ButtonContent';\nimport { LinkProps, ReactRouterLinkProps } from '../Link';\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'type' | 'ref'>;\nexport type LinkButtonProps = JsxAProps &\n  ReactRouterLinkProps &\n  Pick<LinkProps, 'as'> &\n  ButtonProps;\n\nconst disabledStyles = (p) =>\n  p.disabled &&\n  css`\n    pointer-events: none;\n  `;\n\nconst StyledLinkButton = styled(\n  StyledButton.withComponent('a'),\n  omitEmotionProps('as', 'disabled')\n)`\n  text-decoration: none;\n  display: inline-flex;\n  ${disabledStyles};\n`;\n\n/**\n * The button that is rendered as the a tag.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  (\n    {\n      type = 'primary',\n      danger = false,\n      left,\n      right,\n      wide = 'default',\n      loading = false,\n      disabled = false,\n      size,\n      as,\n      onMouseDown = () => {},\n      onKeyDown = () => {},\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const { buttonColors, loadingColors } = useButtonColors({\n      type,\n      danger,\n      disabled,\n    });\n\n    return (\n      <StyledLinkButton\n        btnType={type}\n        colors={buttonColors}\n        wide={wide}\n        loading={loading}\n        disabled={disabled || loading}\n        size={size}\n        as={as}\n        onMouseDown={(e) => {\n          onMouseDown(e);\n          e.preventDefault();\n        }}\n        onKeyDown={(e) => {\n          onKeyDown(e);\n          if (disabled || loading) e.preventDefault();\n        }}\n        aria-disabled={disabled || loading}\n        aria-busy={loading}\n        {...rest}\n        ref={ref}\n      >\n        <ButtonContent\n          left={left}\n          right={right}\n          loading={loading}\n          loadingColors={loadingColors}\n        >\n          {children}\n        </ButtonContent>\n      </StyledLinkButton>\n    );\n  }\n);\n\nLinkButton.displayName = 'LinkButton';\n\nexport default LinkButton;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASpD,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,CAAC;EAAA,OACvBA,CAAC,CAACC,QAAQ,QACVC,WAAG,qGAEF;AAAA;AAEH,IAAMC,gBAAgB,GAAG,IAAAC,kBAAM,EAC7BC,oBAAY,CAACC,aAAa,CAAC,GAAG,CAAC,EAC/B,IAAAC,uBAAgB,EAAC,IAAI,EAAE,UAAU,CAAC,CACnC,sIAGGR,cAAc,CACjB;;AAED;AACA;AACA;AACA,IAAMS,UAAU,gBAAG,IAAAC,iBAAU,EAC3B,gBAgBEC,GAAG,EACA;EAAA,qBAfDC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,mBAChBC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IAAA,iBACLC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAA,qBACff,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBgB,IAAI,QAAJA,IAAI;IACJC,EAAE,QAAFA,EAAE;IAAA,wBACFC,WAAW;IAAXA,YAAW,iCAAG,YAAM,CAAC,CAAC;IAAA,sBACtBC,SAAS;IAATA,UAAS,+BAAG,YAAM,CAAC,CAAC;IACpBC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAIT,uBAAwC,IAAAC,4BAAe,EAAC;MACtDZ,IAAI,EAAJA,IAAI;MACJC,MAAM,EAANA,MAAM;MACNX,QAAQ,EAARA;IACF,CAAC,CAAC;IAJMuB,YAAY,oBAAZA,YAAY;IAAEC,aAAa,oBAAbA,aAAa;EAMnC,oBACE,gCAAC,gBAAgB;IACf,OAAO,EAAEd,IAAK;IACd,MAAM,EAAEa,YAAa;IACrB,IAAI,EAAET,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEf,QAAQ,IAAIe,OAAQ;IAC9B,IAAI,EAAEC,IAAK;IACX,EAAE,EAAEC,EAAG;IACP,WAAW,EAAE,qBAACQ,CAAC,EAAK;MAClBP,YAAW,CAACO,CAAC,CAAC;MACdA,CAAC,CAACC,cAAc,EAAE;IACpB,CAAE;IACF,SAAS,EAAE,mBAACD,CAAC,EAAK;MAChBN,UAAS,CAACM,CAAC,CAAC;MACZ,IAAIzB,QAAQ,IAAIe,OAAO,EAAEU,CAAC,CAACC,cAAc,EAAE;IAC7C,CAAE;IACF,iBAAe1B,QAAQ,IAAIe,OAAQ;IACnC,aAAWA;EAAQ,GACfM,IAAI;IACR,GAAG,EAAEZ;EAAI,iBAET,gCAAC,yBAAa;IACZ,IAAI,EAAEG,IAAK;IACX,KAAK,EAAEC,KAAM;IACb,OAAO,EAAEE,OAAQ;IACjB,aAAa,EAAES;EAAc,GAE5BJ,QAAQ,CACK,CACC;AAEvB,CAAC,CACF;AAEDb,UAAU,CAACoB,WAAW,GAAG,YAAY;AAAC,eAEvBpB,UAAU;AAAA"}