intergalactic 15.107.0 → 15.108.0-prerelease.1

package/button/lib/es6/component/ButtonLink/ButtonLink.js

@@ -0,0 +1,85 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { sstyled, Root } from 'intergalactic/core';
+/*__reshadow-styles__:"./buttonLink.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_dvl3l_gg_{display:inline-block;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_dvl3l_gg_:active,.___SButton_dvl3l_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_dvl3l_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_dvl3l_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_dvl3l_gg_.__active_dvl3l_gg_,.___SButton_dvl3l_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_dvl3l_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_dvl3l_gg_.__active_dvl3l_gg_ .___SText_dvl3l_gg_,.___SButton_dvl3l_gg_:active .___SText_dvl3l_gg_{border-color:currentColor}@media (hover:hover){.___SButton_dvl3l_gg_:hover .___SText_dvl3l_gg_{border-color:currentColor}}.___SButton_dvl3l_gg_.__enableVisited_dvl3l_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_dvl3l_gg_.__enableVisited_dvl3l_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_dvl3l_gg_ .___SText_dvl3l_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_dvl3l_gg_.__keyboardFocused_dvl3l_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_dvl3l_gg_.__visually-disabled_dvl3l_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_.__active_dvl3l_gg_,.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_dvl3l_gg_._use_secondary_dvl3l_gg_ .___SText_dvl3l_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_dvl3l_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SButton_dvl3l_gg_ .___SAddon_dvl3l_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_dvl3l_gg_ .___SAddon_dvl3l_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_dvl3l_gg_.__text-color_dvl3l_gg_{color:var(--text-color_dvl3l)}.___SButton_dvl3l_gg_.__text-color_dvl3l_gg_.__active_dvl3l_gg_,.___SButton_dvl3l_gg_.__text-color_dvl3l_gg_:active{color:var(--text-color_dvl3l);filter:brightness(.8)}@media (hover:hover){.___SButton_dvl3l_gg_.__text-color_dvl3l_gg_:hover{color:var(--text-color_dvl3l);filter:brightness(.8)}}.___SButton_dvl3l_gg_._size_100_dvl3l_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_dvl3l_gg_._size_200_dvl3l_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_dvl3l_gg_._size_300_dvl3l_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_dvl3l_gg_._size_400_dvl3l_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_dvl3l_gg_._size_500_dvl3l_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_dvl3l_gg_._size_600_dvl3l_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_dvl3l_gg_._size_700_dvl3l_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_dvl3l_gg_._size_800_dvl3l_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_dvl3l_gg_,.___SText_dvl3l_gg_{transition:none}}" /*__inner_css_end__*/, "dvl3l_gg_") /*__reshadow_css_end__*/, {
+  "__SButton": "___SButton_dvl3l_gg_",
+  "_keyboardFocused": "__keyboardFocused_dvl3l_gg_",
+  "_visually-disabled": "__visually-disabled_dvl3l_gg_",
+  "__SAddon": "___SAddon_dvl3l_gg_",
+  "_size_100": "_size_100_dvl3l_gg_",
+  "_size_200": "_size_200_dvl3l_gg_",
+  "_size_300": "_size_300_dvl3l_gg_",
+  "_size_400": "_size_400_dvl3l_gg_",
+  "_size_500": "_size_500_dvl3l_gg_",
+  "_size_600": "_size_600_dvl3l_gg_",
+  "_size_700": "_size_700_dvl3l_gg_",
+  "_size_800": "_size_800_dvl3l_gg_",
+  "__SText": "___SText_dvl3l_gg_",
+  "_active": "__active_dvl3l_gg_",
+  "_enableVisited": "__enableVisited_dvl3l_gg_",
+  "_use_secondary": "_use_secondary_dvl3l_gg_",
+  "_text-color": "__text-color_dvl3l_gg_",
+  "--text-color": "--text-color_dvl3l"
+});
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import { Box } from 'intergalactic/flex-box';
+import { AbstractButton } from '../AbstractButton/AbstractButton';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+var enhance = {
+  keyboardFocused: keyboardFocusEnhance(),
+  resolveColor: resolveColorEnhance()
+};
+var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
+  _inherits(RootButtonLink, _AbstractButton);
+  var _super = _createSuper(RootButtonLink);
+  function RootButtonLink() {
+    _classCallCheck(this, RootButtonLink);
+    return _super.apply(this, arguments);
+  }
+  _createClass(RootButtonLink, [{
+    key: "getTextColor",
+    value: function getTextColor() {
+      var _ref5 = this.asProps,
+        color = _ref5.color,
+        resolveColor = _ref5.resolveColor;
+      return resolveColor(color);
+    }
+  }]);
+  return RootButtonLink;
+}(AbstractButton);
+_defineProperty(RootButtonLink, "displayName", 'ButtonLink');
+_defineProperty(RootButtonLink, "enhance", Object.values(enhance));
+_defineProperty(RootButtonLink, "style", style);
+_defineProperty(RootButtonLink, "defaultProps", {
+  use: 'primary'
+});
+function Text(props) {
+  var _ref = arguments[0],
+    _ref3;
+  var SText = Box;
+  return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({}, _assignProps({
+    "tag": 'span'
+  }, _ref))));
+}
+function Addon(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  var SAddon = Box;
+  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, _assignProps2({
+    "tag": 'span'
+  }, _ref2))));
+}
+export var ButtonLink = createComponent(RootButtonLink, {
+  Text: Text,
+  Addon: Addon
+});
+//# sourceMappingURL=ButtonLink.js.map

package/button/lib/es6/component/ButtonLink/ButtonLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","keyboardFocusEnhance","Box","AbstractButton","resolveColorEnhance","enhance","keyboardFocused","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n  keyboardFocused: keyboardFocusEnhance(),\n  resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n  static displayName = 'ButtonLink';\n  static enhance = Object.values(enhance);\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n  };\n\n  protected getTextColor(): string | undefined {\n    const { color, resolveColor } = this.asProps as any;\n    return resolveColor(color);\n  }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text,\n  Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AAGjF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAEL,oBAAoB,EAAE;EACvCM,YAAY,EAAEH,mBAAmB;AACnC,CAAC;AAAC,IAEII,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BL,cAAc;AAAAoB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACpB,OAAO,CAAC;AAAAkB,eAAA,CAFnCf,cAAc,WAGHV,KAAK;AAAAyB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC9B,GAAG;EAA/C,OAAA6B,KAAA,GAAOnC,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCvC,GAAG;EAAhD,OAAAsC,KAAA,GAAO5C,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAGhD,eAAe,CAACa,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}

package/button/lib/es6/component/ButtonLink/ButtonLink.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ButtonLink.type.js.map

package/button/lib/es6/component/ButtonLink/ButtonLink.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n  AbstractButtonAddonProps,\n  AbstractButtonContext,\n  AbstractButtonTextProps,\n  AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n *  Button link size\n * @default m\n */\nexport type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n/**\n *  Button link type\n * @default primary\n */\ntype Use = 'primary' | 'secondary';\n\nexport type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;\n\nexport type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;\n\nexport type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;\n\nexport type ButtonLinkContext = AbstractButtonContext;\n\nexport type ButtonLinkChildren = {\n  Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n  'button',\n  ButtonLinkProps,\n  ButtonLinkContext\n> & {\n  Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n"],"mappings":""}

package/button/lib/es6/component/ButtonLink/buttonLink.shadow.css

@@ -0,0 +1,160 @@
+SButton {
+  display: inline-block;
+  font-family: inherit;
+  font-size: var(--intergalactic-fs-200, 14px);
+  color: var(--intergalactic-text-link, #006dca);
+  line-height: normal;
+  position: relative;
+  cursor: pointer;
+  text-decoration: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+  -webkit-tap-highlight-color: transparent;
+  outline: 0;
+  background: none;
+  transition: color 0.15s ease-in-out;
+
+  &:active,
+  &:hover,
+  &:focus {
+    outline: 0;
+    text-decoration: none;
+  }
+
+  &::-moz-focus-inner {
+    border: none;
+    padding: 0;
+  }
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--intergalactic-text-link-hover-active, #044792);
+
+    & SText {
+      border-color: currentColor;
+    }
+  }
+
+  &[enableVisited]:visited,
+  &[enableVisited]:visited:hover {
+    color: var(--intergalactic-text-link-visited, #8649e1);
+  }
+
+  SText {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-color: transparent;
+    transition: border-bottom-color 0.15s ease-in-out;
+  }
+}
+
+SButton[keyboardFocused] {
+  outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
+  outline-style: solid;
+  outline-width: 3px;
+}
+
+SButton[visually-disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+  /* Disable link interactions */
+  pointer-events: none;
+}
+
+SButton[use='secondary'] {
+  color: var(--intergalactic-text-hint, #6c6e79);
+
+  &[active],
+  &:active,
+  &:hover {
+    color: var(--intergalactic-text-hint-hover-active, #484a54);
+  }
+
+  SText {
+    border-bottom-width: 1px;
+    border-bottom-style: dashed;
+    border-color: currentColor;
+  }
+}
+
+SAddon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: var(--intergalactic-spacing-05x, 2px);
+  vertical-align: middle;
+}
+
+SButton SAddon {
+  &:not(:only-child):first-child {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
+
+  &:not(:only-child):last-child {
+    margin-left: var(--intergalactic-spacing-1x, 4px);
+  }
+}
+
+SButton[text-color] {
+  color: var(--text-color);
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--text-color);
+    filter: brightness(0.8);
+  }
+}
+
+SButton[size='100'] {
+  font-size: var(--intergalactic-fs-100, 12px);
+  line-height: var(--intergalactic-lh-100, 133%);
+}
+
+SButton[size='200'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+}
+
+SButton[size='300'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+}
+
+SButton[size='400'] {
+  font-size: var(--intergalactic-fs-400, 20px);
+  line-height: var(--intergalactic-lh-400, 120%);
+}
+
+SButton[size='500'] {
+  font-size: var(--intergalactic-fs-500, 24px);
+  line-height: var(--intergalactic-lh-500, 117%);
+}
+
+SButton[size='600'] {
+  font-size: var(--intergalactic-fs-600, 32px);
+  line-height: var(--intergalactic-lh-600, 125%);
+}
+
+SButton[size='700'] {
+  font-size: var(--intergalactic-fs-700, 36px);
+  line-height: var(--intergalactic-lh-700, 110%);
+}
+
+SButton[size='800'] {
+  font-size: var(--intergalactic-fs-800, 48px);
+  line-height: var(--intergalactic-lh-800, 117%);
+}
+
+@media (prefers-reduced-motion) {
+  SButton {
+    transition: none;
+  }
+
+  SText {
+    transition: none;
+  }
+}

package/button/lib/es6/index.js

@@ -1,3 +1,6 @@
-export { default } from './Button';
-export * from './Button';
+export { default } from './component/Button/Button';
+export * from './component/Button/Button.type';
+export * from './component/ButtonLink/ButtonLink';
+export * from './component/ButtonLink/ButtonLink.type';
+export { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';
 //# sourceMappingURL=index.js.map

package/button/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Button';\nexport * from './Button';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU;AAClC,cAAc,UAAU"}
+{"version":3,"file":"index.js","names":["default","MAP_USE_DEFAULT_THEME"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\nexport { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,2BAA2B;AACnD,cAAc,gCAAgC;AAC9C,cAAc,mCAAmC;AACjD,cAAc,wCAAwC;AACtD,SAASC,qBAAqB,QAAQ,2CAA2C"}

package/button/lib/types/component/AbstractButton/AbstractButton.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { AbstractButtonProps } from './AbstractButton.type';
+import { Component } from 'intergalactic/core';
+export declare const MAP_USE_DEFAULT_THEME: Record<string, string>;
+type Props = AbstractButtonProps<any, any, any>;
+export declare abstract class AbstractButton extends Component<Props, {}, {}> {
+    static displayName: string;
+    containerRef: React.RefObject<HTMLButtonElement>;
+    state: {
+        ariaLabelledByContent: null;
+    };
+    protected abstract getTextColor(): string | undefined;
+    getTextProps(): {
+        size: any;
+    };
+    getAddonProps(): {
+        size: any;
+    };
+    componentDidMount(): void;
+    renderButton({ buttonProps, children }: any): React.ReactNode;
+    renderButtonWithHint({ buttonProps, children, hintProps }: any): React.ReactNode;
+    render(): JSX.Element;
+}
+export {};

package/button/lib/types/component/AbstractButton/AbstractButton.type.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { PropGetterFn } from 'intergalactic/core';
+import { KeyboardFocusProps } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import { BoxProps } from 'intergalactic/flex-box';
+import { NeighborItemProps } from 'intergalactic/neighbor-location';
+import { TooltipHintProps } from 'intergalactic/tooltip';
+export type AbstractButtonProps<S, U, T> = BoxProps & NeighborItemProps & KeyboardFocusProps & {
+    /** Button activity state */
+    active?: boolean;
+    /** Disabled button state */
+    disabled?: boolean;
+    /** Loading button state */
+    loading?: boolean;
+    /** Tag for the left Addon */
+    addonLeft?: React.ElementType;
+    /** Tag for the right Addon */
+    addonRight?: React.ElementType;
+    /**
+     * Placement for hint
+     * @default top
+     */
+    hintPlacement?: TooltipHintProps['placement'];
+    /** Button type. Defined in Button.type or ButtonLink.type */
+    size?: S;
+    /** Button usage. Defined in Button.type or ButtonLink.type */
+    use?: U;
+    /** Button theme. Defined in Button.type or ButtonLink.type */
+    theme?: T;
+};
+export type AbstractButtonAddonProps<S> = BoxProps & {
+    size?: S;
+};
+export type AbstractButtonTextProps<S> = BoxProps & {
+    size?: S;
+};
+export type AbstractButtonContext = {
+    getTextProps: PropGetterFn;
+    getAddonProps: PropGetterFn;
+};

package/button/lib/types/component/AbstractButton/SpinButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SPIN_SIZE_MAP: Record<string, string>;
+export default function SpinButton({ theme, size, ...others }: any): JSX.Element;

package/button/lib/types/component/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonComponent } from './Button.type';
+declare const Button: ButtonComponent;
+export default Button;

package/button/lib/types/component/Button/Button.type.d.ts

@@ -0,0 +1,39 @@
+import { UnknownProperties, Intergalactic } from 'intergalactic/core';
+import { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
+/**
+ *  Button size
+ * @default m
+ */
+export type ButtonSize = 'l' | 'm';
+/**
+ *  Button type
+ * @default secondary
+ */
+type Use = 'primary' | 'secondary' | 'tertiary';
+/** Button theme */
+type Theme = 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
+/** @deprecated */
+export interface IButtonProps extends ButtonProps, UnknownProperties {
+}
+export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;
+/** @deprecated */
+export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {
+}
+export type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;
+/** @deprecated */
+export interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {
+}
+export type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;
+/** @deprecated */
+export interface IButtonContext extends ButtonContext, UnknownProperties {
+}
+export type ButtonContext = AbstractButtonContext;
+export type ButtonChildren = {
+    Text: Intergalactic.Component<'span', ButtonTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonAddonProps>;
+};
+export type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {
+    Text: Intergalactic.Component<'span', ButtonTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonAddonProps>;
+};
+export {};

package/button/lib/types/component/ButtonLink/ButtonLink.d.ts

@@ -0,0 +1,2 @@
+import { ButtonLinkComponent } from './ButtonLink.type';
+export declare const ButtonLink: ButtonLinkComponent;

package/button/lib/types/component/ButtonLink/ButtonLink.type.d.ts

@@ -0,0 +1,25 @@
+import { Intergalactic } from 'intergalactic/core';
+import { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
+/**
+ *  Button link size
+ * @default m
+ */
+export type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+/**
+ *  Button link type
+ * @default primary
+ */
+type Use = 'primary' | 'secondary';
+export type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;
+export type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;
+export type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;
+export type ButtonLinkContext = AbstractButtonContext;
+export type ButtonLinkChildren = {
+    Text: Intergalactic.Component<'span', ButtonLinkTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;
+};
+export type ButtonLinkComponent = Intergalactic.Component<'button', ButtonLinkProps, ButtonLinkContext> & {
+    Text: Intergalactic.Component<'span', ButtonLinkTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;
+};
+export {};

package/button/lib/types/index.d.ts

@@ -1,68 +1,5 @@
-import React from 'react';
-import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
-import { KeyboardFocusProps } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
-import { BoxProps } from 'intergalactic/flex-box';
-import { NeighborItemProps } from 'intergalactic/neighbor-location';
-import { TooltipHintProps } from 'intergalactic/tooltip';
-
-export type ButtonSize = 'l' | 'm';
-
-/** @deprecated */
-export interface IButtonProps extends ButtonProps, UnknownProperties {}
-export type ButtonProps = BoxProps &
-  NeighborItemProps &
-  KeyboardFocusProps & {
-    /**
-     *  Button type
-     * @default secondary
-     */
-    use?: 'primary' | 'secondary' | 'tertiary';
-    /** Button theme */
-    theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
-    /** Button activity state */
-    active?: boolean;
-    /**
-     *  Button size
-     * @default m
-     */
-    size?: ButtonSize;
-    /** Disabled button state */
-    disabled?: boolean;
-    /** Loading button state */
-    loading?: boolean;
-    /** Tag for the left Addon */
-    addonLeft?: React.ElementType;
-    /** Tag for the right Addon */
-    addonRight?: React.ElementType;
-    /**
-     * Placement for hint
-     * @default top
-     */
-    hintPlacement?: TooltipHintProps['placement'];
-  };
-
-/** @deprecated */
-export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}
-export type ButtonTextProps = BoxProps & {
-  size?: ButtonSize;
-};
-
-/** @deprecated */
-export interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}
-export type ButtonAddonProps = BoxProps & {
-  size?: ButtonSize;
-};
-
-/** @deprecated */
-export interface IButtonContext extends ButtonContext, UnknownProperties {}
-export type ButtonContext = {
-  getTextProps: PropGetterFn;
-  getAddonProps: PropGetterFn;
-};
-
-declare const Button: Intergalactic.Component<'button', ButtonProps, ButtonContext> & {
-  Text: Intergalactic.Component<'span', ButtonTextProps>;
-  Addon: Intergalactic.Component<'span', ButtonAddonProps>;
-};
-
-export default Button;
+export { default } from './component/Button/Button';
+export * from './component/Button/Button.type';
+export * from './component/ButtonLink/ButtonLink';
+export * from './component/ButtonLink/ButtonLink.type';
+export { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';

package/button/package.json

@@ -1 +1 @@
-{"name":"intergalactic/button","description":"Semrush Button Component","version":"5.36.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.32.0","@semcore/neighbor-location":"4.30.0","@semcore/spin":"5.32.0","@semcore/tooltip":"6.41.0","@semcore/utils":"4.35.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/button"},"devDependencies":{"@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
+{"name":"intergalactic/button","description":"Semrush Button Component","version":"5.37.0-prerelease.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","exports":{"require":"./lib/cjs/index.js","import":"./lib/es6/index.js","types":"./lib/types/index.d.ts"},"scripts":{"build":"pnpm semcore-builder --source=ts"},"dependencies":{"@semcore/flex-box":"5.33.0-prerelease.1","@semcore/neighbor-location":"4.31.0-prerelease.1","@semcore/spin":"5.33.0-prerelease.1","@semcore/tooltip":"6.42.0-prerelease.1","@semcore/utils":"4.36.0-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.31.0-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/button"},"devDependencies":{"@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}

package/card/lib/cjs/Card.js

@@ -17,18 +17,17 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _typography = require("intergalactic/typography");
+var _button = require("intergalactic/button");
 var _tooltip = require("intergalactic/tooltip");
 var _m = _interopRequireDefault(require("intergalactic/icon/Info/m"));
 var _findComponent = require("intergalactic/utils/lib/findComponent");
 /*__reshadow-styles__:"./style/card.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCard_1qu85_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n    0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n  )}.___SIcon_1qu85_gg_,.___STitle_1qu85_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_1qu85_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_1qu85_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_1qu85_gg_{vertical-align:middle}.___SDescription_1qu85_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_1qu85_gg_,.___SHeader_1qu85_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1qu85_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_1qu85_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1qu85_gg_") /*__reshadow_css_end__*/, {
-  "__SCard": "___SCard_1qu85_gg_",
-  "__STitle": "___STitle_1qu85_gg_",
-  "__SIcon": "___SIcon_1qu85_gg_",
-  "__STooltip": "___STooltip_1qu85_gg_",
-  "__SDescription": "___SDescription_1qu85_gg_",
-  "__SHeader": "___SHeader_1qu85_gg_",
-  "__SBody": "___SBody_1qu85_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCard_1c81w_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n    0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n  )}.___SCard_1c81w_gg_ .___STitle_1c81w_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SCard_1c81w_gg_ [data-ui-name=\"DescriptionTooltip.Trigger\"]{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top;margin-top:calc(var(--intergalactic-spacing-1x, 4px)/2)}.___SDescription_1c81w_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_1c81w_gg_,.___SHeader_1c81w_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1c81w_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_1c81w_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1c81w_gg_") /*__reshadow_css_end__*/, {
+  "__SDescription": "___SDescription_1c81w_gg_",
+  "__SHeader": "___SHeader_1c81w_gg_",
+  "__SBody": "___SBody_1c81w_gg_",
+  "__SCard": "___SCard_1c81w_gg_",
+  "__STitle": "___STitle_1c81w_gg_"
 });
 var CardRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CardRoot, _Component);
@@ -65,20 +64,18 @@ function Title(props) {
     hintAfterAriaLabel = props.hintAfterAriaLabel;
   var hintAfter = props.hintAfter || props.hint;
   var STitle = _typography.Text;
-  var SIcon = _m["default"];
-  var STooltip = _tooltip.DescriptionTooltip;
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STitle, _ref7.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/_react["default"].createElement(STooltip, _ref7.cn("STooltip", {
-    "ml": 1,
-    "title": innerHint,
-    "aria-label": innerHintAriaLabel
-  }), /*#__PURE__*/_react["default"].createElement(SIcon, _ref7.cn("SIcon", {
-    "interactive": true
-  })))), hintAfter && /*#__PURE__*/_react["default"].createElement(STooltip, _ref7.cn("STooltip", {
-    "title": hintAfter,
-    "aria-label": hintAfterAriaLabel
-  }), /*#__PURE__*/_react["default"].createElement(SIcon, _ref7.cn("SIcon", {
-    "interactive": true
-  }))));
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STitle, _ref7.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip.Trigger, {
+    tag: _button.ButtonLink,
+    ml: 1,
+    use: 'secondary',
+    "aria-label": innerHintAriaLabel,
+    color: '--intergalactic-icon-secondary-neutral'
+  }, /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip.Popper, null, innerHint))), hintAfter && /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip.Trigger, {
+    tag: _button.ButtonLink,
+    use: 'secondary',
+    "aria-label": hintAfterAriaLabel,
+    color: '--intergalactic-icon-secondary-neutral'
+  }, /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip.Popper, null, hintAfter)));
 }
 function Description(props) {
   var _ref3 = arguments[0],

package/card/lib/cjs/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_typography","_tooltip","_m","_findComponent","style","_index","sstyled","insert","CardRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref6","SCard","Box","_this$asProps","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","Card","Header","displayName","Body","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","Text","SIcon","InfoM","STooltip","DescriptionTooltip","Fragment","Description","_ref3","_ref8","SDescription","_ref4","_ref9","SHeader","_ref5","_ref10","SBody","createComponent","_default","exports"],"sources":["../../src/Card.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n  static displayName = 'Card';\n\n  static style = style;\n\n  render() {\n    const SCard = Root;\n    const { Children, styles, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n    return sstyled(styles)(\n      <SCard render={Box}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Card.Body>\n            <Children />\n          </Card.Body>\n        )}\n      </SCard>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const { styles, innerHint, Children, innerHintAriaLabel, hintAfterAriaLabel } = props;\n  const hintAfter = props.hintAfter || props.hint;\n  const STitle = Root;\n  const SIcon = InfoM;\n  const STooltip = DescriptionTooltip;\n  return sstyled(styles)(\n    <>\n      <STitle render={Text}>\n        <Children />\n        {innerHint && (\n          <STooltip ml={1} title={innerHint} aria-label={innerHintAriaLabel}>\n            <SIcon interactive />\n          </STooltip>\n        )}\n      </STitle>\n      {hintAfter && (\n        <STooltip title={hintAfter} aria-label={hintAfterAriaLabel}>\n          <SIcon interactive />\n        </STooltip>\n      )}\n    </>,\n  );\n}\n\nfunction Description(props) {\n  const { styles } = props;\n  const SDescription = Root;\n  return sstyled(styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Header(props) {\n  const { styles } = props;\n  const SHeader = Root;\n  return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n  const { styles } = props;\n  const SBody = Root;\n  return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n  Title,\n  Description,\n  Header,\n  Body,\n});\n\nexport default Card;\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_typography","_button","_tooltip","_m","_findComponent","style","_index","sstyled","insert","CardRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref6","SCard","Box","_this$asProps","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","Card","Header","displayName","Body","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","Text","Fragment","DescriptionTooltip","Trigger","tag","ButtonLink","ml","use","color","Addon","Popper","Description","_ref3","_ref8","SDescription","_ref4","_ref9","SHeader","_ref5","_ref10","SBody","createComponent","_default","exports"],"sources":["../../src/Card.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { ButtonLink } from '@semcore/button';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n  static displayName = 'Card';\n\n  static style = style;\n\n  render() {\n    const SCard = Root;\n    const { Children, styles, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n    return sstyled(styles)(\n      <SCard render={Box}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Card.Body>\n            <Children />\n          </Card.Body>\n        )}\n      </SCard>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const { styles, innerHint, Children, innerHintAriaLabel, hintAfterAriaLabel } = props;\n  const hintAfter = props.hintAfter || props.hint;\n  const STitle = Root;\n\n  return sstyled(styles)(\n    <>\n      <STitle render={Text}>\n        <Children />\n        {innerHint && (\n          <DescriptionTooltip>\n            <DescriptionTooltip.Trigger\n              tag={ButtonLink}\n              ml={1}\n              use={'secondary'}\n              aria-label={innerHintAriaLabel}\n              color={'--intergalactic-icon-secondary-neutral'}\n            >\n              <ButtonLink.Addon>\n                <InfoM />\n              </ButtonLink.Addon>\n            </DescriptionTooltip.Trigger>\n            <DescriptionTooltip.Popper>{innerHint}</DescriptionTooltip.Popper>\n          </DescriptionTooltip>\n        )}\n      </STitle>\n      {hintAfter && (\n        <DescriptionTooltip>\n          <DescriptionTooltip.Trigger\n            tag={ButtonLink}\n            use={'secondary'}\n            aria-label={hintAfterAriaLabel}\n            color={'--intergalactic-icon-secondary-neutral'}\n          >\n            <ButtonLink.Addon>\n              <InfoM />\n            </ButtonLink.Addon>\n          </DescriptionTooltip.Trigger>\n          <DescriptionTooltip.Popper>{hintAfter}</DescriptionTooltip.Popper>\n        </DescriptionTooltip>\n      )}\n    </>,\n  );\n}\n\nfunction Description(props) {\n  const { styles } = props;\n  const SDescription = Root;\n  return sstyled(styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Header(props) {\n  const { styles } = props;\n  const SHeader = Root;\n  return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n  const { styles } = props;\n  const SBody = Root;\n  return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n  Title,\n  Description,\n  Header,\n  Body,\n});\n\nexport default Card;\n"],"mappings":"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"}