@semcore/typography 5.53.2 → 5.54.0-prerelease.0

package/lib/types/components/Blockquote/Blockquote.type.d.ts

@@ -0,0 +1,12 @@
+import type { BoxProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+declare namespace NSBlockquote {
+    type Props = BoxProps & {
+        /** Source of the quote */
+        author?: React.ReactNode;
+    };
+    type Component = Intergalactic.Component<'blockquote', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type BlockquoteProps = NSBlockquote.Props;
+export type { NSBlockquote };

package/lib/types/components/List/List.d.ts

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

package/lib/types/components/List/List.type.d.ts

@@ -0,0 +1,34 @@
+import type { Flex, FlexProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type React from 'react';
+import type { NSText } from '../Text/Text.type';
+declare namespace NSList {
+    type Props = NSText.Props & {
+        /** Marker of the entire list
+         * @default • */
+        marker?: React.ReactNode;
+    };
+    namespace Item {
+        type Props = NSText.Props & {
+            /** Individual marker of a list item */
+            marker?: React.ReactNode;
+        };
+        namespace Content {
+            type Props = FlexProps;
+            type Component = Intergalactic.Component<typeof Flex, Props>;
+        }
+        type Component = Intergalactic.Component<'li', Props> & {
+            Content: Content.Component;
+        };
+    }
+    type Component = Intergalactic.Component<'ul', Props> & {
+        Item: Item.Component;
+    };
+}
+/** @deprecated It will be removed in v18. */
+export type ListItemProps = NSList.Item.Props;
+/** @deprecated It will be removed in v18. */
+export type ListItemContentProps = NSList.Item.Content.Props;
+/** @deprecated It will be removed in v18. */
+export type ListProps = NSList.Props;
+export type { NSList };

package/lib/types/components/Text/Text.d.ts

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

package/lib/types/components/Text/Text.type.d.ts

@@ -0,0 +1,82 @@
+import type { BoxProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis as EllipsisInstance } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type { Property } from 'csstype';
+declare namespace NSText {
+    type BaseProps = {
+        /** Font size and line-heights */
+        size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+        /**
+         * The text will not be wrapped on a new line and will be cut off with ellipsis
+         * @deprecated use ellipsis prop instead
+         **/
+        noWrap?: boolean;
+        /** CSS property `font-weight: 700;` */
+        bold?: boolean;
+        /** CSS property `font-weight: 600;` */
+        semibold?: boolean;
+        /** CSS property `font-weight: 500;` */
+        medium?: boolean;
+        /** Italicized text */
+        italic?: boolean;
+        /** Underlined text */
+        underline?: boolean;
+        /** CSS property `font-family: monospace;` */
+        monospace?: boolean;
+        /** Strikethrough text */
+        lineThrough?: boolean;
+        /** Uppercase text */
+        uppercase?: boolean;
+        /** Lowercase text */
+        lowercase?: boolean;
+        /** Capitalized text */
+        capitalize?: boolean;
+        /** Text color **/
+        color?: string;
+        /** Custom `font-size` */
+        fontSize?: Property.FontSize<any>;
+        /** Custom `line-height` */
+        lineHeight?: Property.LineHeight<any>;
+        /** Custom `font-weight` */
+        fontWeight?: Property.FontWeight;
+        /** Text alignment */
+        textAlign?: Property.TextAlign;
+        /** Enforces text color */
+        use?: 'primary' | 'secondary';
+        /** Makes text semi-transparent to indicate disabled state */
+        disabled?: boolean;
+    };
+    type HintProps = {
+        /** Manually enabled/disabled Hint */
+        hint?: boolean;
+    } & {
+        [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];
+    };
+    type EllipsisProps = {
+        /** Manually enabled/disabled Ellipsis or provide an instance of it. */
+        ellipsis?: boolean | EllipsisInstance;
+    } & {
+        [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];
+    };
+    type Props = BoxProps & NSText.BaseProps & ({
+        /** Enable formatting/styling for all nested HTML tags with our default styles for them */
+        formatTags?: boolean;
+        ellipsis?: never;
+        ellipsisProps?: never;
+        hint?: never;
+        hintProps?: never;
+    } | ({
+        formatTags?: never;
+    } & NSText.HintProps & NSText.EllipsisProps));
+    type Component = Intergalactic.Component<'span', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type TextHintProps = NSText.HintProps;
+/** @deprecated It will be removed in v18. */
+export type TextEllipsisProps = NSText.EllipsisProps;
+/** @deprecated It will be removed in v18. */
+export type BaseTextProps = NSText.BaseProps;
+/** @deprecated It will be removed in v18. */
+export type TextProps = NSText.Props;
+/** @deprecated It will be removed in v18. */
+export type TextComponent = NSText.Component;
+export type { NSText };

package/lib/types/index.d.ts

@@ -1,117 +1,6 @@
-import React from 'react';
-import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-
-import { Property } from 'csstype';
-import { Box, BoxProps, Flex, FlexProps } from '@semcore/flex-box';
-import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-
-/** @deprecated */
-export interface ITextProps extends TextProps, UnknownProperties {}
-export type TextProps = BoxProps & {
-  /** Font size and line-heights */
-  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
-  /** The text will not be wrapped on a new line and will be cut off with ellipsis */
-  noWrap?: boolean;
-  /** CSS property `font-weight: 700;` */
-  bold?: boolean;
-  /** CSS property `font-weight: 600;` */
-  semibold?: boolean;
-  /** CSS property `font-weight: 500;` */
-  medium?: boolean;
-  /** Italicized text */
-  italic?: boolean;
-  /** Underlined text */
-  underline?: boolean;
-  /** CSS property `font-family: monospace;` */
-  monospace?: boolean;
-  /** Strikethrough text */
-  lineThrough?: boolean;
-  /** Uppercase text */
-  uppercase?: boolean;
-  /** Lowercase text */
-  lowercase?: boolean;
-  /** Capitalized text */
-  capitalize?: boolean;
-  /** Text color **/
-  color?: string;
-  /** Custom `font-size` */
-  fontSize?: Property.FontSize<any>;
-  /** Custom `line-height` */
-  lineHeight?: Property.LineHeight<any>;
-  /** Custom `font-weight` */
-  fontWeight?: Property.FontWeight;
-  /** Text alignment */
-  textAlign?: Property.TextAlign;
-  /** Enforces text color */
-  use?: 'primary' | 'secondary';
-  /** Makes text semi-transparent to indicate disabled state */
-  disabled?: boolean;
-};
-
-/** @deprecated */
-export interface IListProps extends ListProps, UnknownProperties {}
-export type ListProps = TextProps & {
-  /** Marker of the entire list
-   * @default • */
-  marker?: React.ReactNode;
-};
-
-/** @deprecated */
-export interface IListItemProps extends ListItemProps, UnknownProperties {}
-export type ListItemProps = TextProps & {
-  /** Individual marker of a list item */
-  marker?: React.ReactNode;
-};
-
-export type ListItemContentProps = FlexProps;
-
-/** @deprecated */
-export interface IListContext extends ListContext, UnknownProperties {}
-export type ListContext = {
-  getItemProps: PropGetterFn;
-};
-
-/** @deprecated */
-export interface IHintProps extends HintProps, UnknownProperties {}
-export type TypographyHintProps = TextProps &
-  KeyboardFocusProps & {
-    /** The value responsible for the activity of the element
-     * @default false
-     */
-    disabled?: boolean;
-    /** Enable `active` state */
-    active?: boolean;
-    /** Left addon hint  */
-    addonLeft?: React.ElementType;
-    /** Right addon hint  */
-    addonRight?: React.ElementType;
-  };
-
-/** @deprecated use `TypographyHintProps` instead */
-export type HintProps = TypographyHintProps;
-
-/** @deprecated */
-export interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}
-export type BlockquoteProps = BoxProps & {
-  /** Source of the quote */
-  author?: React.ReactNode;
-};
-
-declare const Hint: Intergalactic.Component<'abbr', HintProps> & {
-  Addon: typeof Box;
-  Text: typeof Box;
-};
-
-declare const Item: Intergalactic.Component<'li', ListItemProps> & {
-  Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;
-};
-
-declare const List: Intergalactic.Component<'ul', ListProps> & {
-  Item: typeof Item;
-};
-
-declare const Text: Intergalactic.Component<'span', TextProps>;
-
-declare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;
-
-export { Text, List, Hint, Blockquote };
+export { default as Text } from './components/Text/Text';
+export { default as Blockquote } from './components/Blockquote/Blockquote';
+export { default as List } from './components/List/List';
+export * from './components/Text/Text.type';
+export * from './components/Blockquote/Blockquote.type';
+export * from './components/List/List.type';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/typography",
   "description": "Semrush Typography Component",
-  "version": "5.53.2",
+  "version": "5.54.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.5",
-    "@semcore/flex-box": "5.41.4",
-    "@semcore/icon": "4.62.1",
+    "@semcore/utils": "4.49.0-prerelease.0",
+    "@semcore/flex-box": "5.42.0-prerelease.0",
+    "@semcore/icon": "4.63.0-prerelease.0",
     "csstype": "3.0.8"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.40.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/lib/cjs/Blockquote.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = require("@semcore/core");
-var _react = _interopRequireDefault(require("react"));
-var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
-var _flexBox = require("@semcore/flex-box");
-/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_3xpje_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_3xpje_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_3xpje_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}", /*__inner_css_end__*/"3xpje_gg_"),
-/*__reshadow_css_end__*/
-{
-  "__SBlockquote": "___SBlockquote_3xpje_gg_",
-  "__SDoubleQuotation": "___SDoubleQuotation_3xpje_gg_",
-  "__SAuthor": "___SAuthor_3xpje_gg_"
-});
-function Blockquote(props, ref) {
-  var _ref = arguments[0],
-    _ref2;
-  var SBlockquote = _flexBox.Box;
-  var SDoubleQuotation = 'span';
-  var SAuthor = 'cite';
-  var children = props.children,
-    author = props.author;
-  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBlockquote, _ref2.cn("SBlockquote", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'blockquote',
-    "ref": ref
-  }, _ref))), /*#__PURE__*/_react["default"].createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "\u201C"), /*#__PURE__*/_react["default"].createElement("span", _ref2.cn("span", {}), children, (0, _isNode["default"])(author) && /*#__PURE__*/_react["default"].createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
-}
-Blockquote.displayName = 'Blockquote';
-var _default = (0, _core.createBaseComponent)(Blockquote);
-exports["default"] = _default;
-//# sourceMappingURL=Blockquote.js.map

package/lib/cjs/Blockquote.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Blockquote.js","names":["_core","require","_react","_interopRequireDefault","_isNode","_flexBox","styles","_index","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread2","assignProps","isNode","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n  const SBlockquote = Root;\n  const SDoubleQuotation = 'span';\n  const SAuthor = 'cite';\n  const { children, author } = props;\n\n  return sstyled(styles)(\n    <SBlockquote render={Box} tag='blockquote' ref={ref}>\n      <SDoubleQuotation>“</SDoubleQuotation>\n      <span>\n        {children}\n        {isNode(author) && <SAuthor>{author}</SAuthor>}\n      </span>\n    </SBlockquote>,\n  );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAwC;AAAA,IAAAK,MAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAIxC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMC,YAAG;EAL1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaT,KAAK,CAA1BS,QAAQ;IAAEC,MAAM,GAAKV,KAAK,CAAhBU,MAAM;EAExB,OAAAN,KAAA,GAAO,IAAAP,aAAO,EAACF,MAAM,CAAC,eACpBJ,MAAA,YAAAoB,aAAA,CAACN,WAAW,EAAAD,KAAA,CAAAQ,EAAA,oBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,OAAkB,YAAY;IAAA,OAAMb;EAAG,GAAAC,IAAA,kBACjDX,MAAA,YAAAoB,aAAA,CAACJ,gBAAgB,EAAAH,KAAA,CAAAQ,EAAA,0BAAC,QAAC,CAAmB,eACtCrB,MAAA,YAAAoB,aAAA,SAAAP,KAAA,CAAAQ,EAAA,cACGH,QAAQ,EACR,IAAAM,kBAAM,EAACL,MAAM,CAAC,iBAAInB,MAAA,YAAAoB,aAAA,CAACH,OAAO,EAAAJ,KAAA,CAAAQ,EAAA,iBAAEF,MAAM,CAAW,CACzC,CACK;AAElB;AAEAX,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAEvB,IAAAC,yBAAmB,EAACnB,UAAU,CAAC;AAAAoB,OAAA,cAAAF,QAAA"}

package/lib/cjs/Hint.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _react = _interopRequireDefault(require("react"));
-var _flexBox = require("@semcore/flex-box");
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
-var _Text = _interopRequireDefault(require("./Text"));
-/*!__reshadow-styles__:"./style/hint.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SHint_pakd3_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_pakd3_gg_.__active_pakd3_gg_,.___SHint_pakd3_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_pakd3_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_pakd3_gg_.__keyboardFocused_pakd3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_pakd3_gg_.__disabled_pakd3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_pakd3_gg_{vertical-align:middle;display:inline-flex}.___SHint_pakd3_gg_ .___SAddon_pakd3_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_pakd3_gg_ .___SAddon_pakd3_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_pakd3_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_pakd3_gg_{transition:none}}", /*__inner_css_end__*/"pakd3_gg_"),
-/*__reshadow_css_end__*/
-{
-  "__SHint": "___SHint_pakd3_gg_",
-  "_keyboardFocused": "__keyboardFocused_pakd3_gg_",
-  "_disabled": "__disabled_pakd3_gg_",
-  "__SAddon": "___SAddon_pakd3_gg_",
-  "__SText": "___SText_pakd3_gg_",
-  "_active": "__active_pakd3_gg_"
-});
-var RootHint = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(RootHint, _Component);
-  var _super = (0, _createSuper2["default"])(RootHint);
-  function RootHint() {
-    (0, _classCallCheck2["default"])(this, RootHint);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(RootHint, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref4;
-      var SHint = _Text["default"];
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        Children = _this$asProps.Children,
-        addonLeft = _this$asProps.addonLeft,
-        addonRight = _this$asProps.addonRight;
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHint, _ref4.cn("SHint", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "tag": 'abbr'
-      }, _ref))), addonLeft ? /*#__PURE__*/_react["default"].createElement(Hint.Addon, {
-        tag: addonLeft
-      }) : null, (0, _addonTextChildren["default"])(Children, Hint.Text, Hint.Addon), addonRight ? /*#__PURE__*/_react["default"].createElement(Hint.Addon, {
-        tag: addonRight
-      }) : null);
-    }
-  }]);
-  return RootHint;
-}(_core.Component);
-(0, _defineProperty2["default"])(RootHint, "displayName", 'Hint');
-(0, _defineProperty2["default"])(RootHint, "style", style);
-(0, _defineProperty2["default"])(RootHint, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
-function Addon(props) {
-  var _ref2 = arguments[0],
-    _ref5;
-  var SAddon = _flexBox.Box;
-  var styles = props.styles;
-  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref5.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref2))));
-}
-function HintText(props) {
-  var _ref3 = arguments[0],
-    _ref6;
-  var SText = _flexBox.Box;
-  var styles = props.styles;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref6.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref3))));
-}
-var Hint = (0, _core["default"])(RootHint, {
-  Text: HintText,
-  Addon: Addon
-});
-var _default = Hint;
-exports["default"] = _default;
-//# sourceMappingURL=Hint.js.map

package/lib/cjs/Hint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Hint.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_addonTextChildren","_Text","style","_index","sstyled","insert","RootHint","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref4","SHint","Text","_this$asProps","styles","Children","addonLeft","addonRight","createElement","cn","_objectSpread2","assignProps","Hint","Addon","tag","addonTextChildren","Component","_defineProperty2","keyboardFocusEnhance","props","_ref2","arguments[0]","_ref5","SAddon","Box","HintText","_ref3","_ref6","SText","createComponent","_default","exports"],"sources":["../../src/Hint.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport Text from './Text';\n\nimport style from './style/hint.shadow.css';\n\nclass RootHint extends Component {\n  static displayName = 'Hint';\n  static style = style;\n  static enhance = [keyboardFocusEnhance()];\n\n  render() {\n    const SHint = Root;\n    const { styles, Children, addonLeft, addonRight } = this.asProps;\n    return sstyled(styles)(\n      <SHint render={Text} tag='abbr'>\n        {addonLeft ? <Hint.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Hint.Text, Hint.Addon)}\n        {addonRight ? <Hint.Addon tag={addonRight} /> : null}\n      </SHint>,\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction HintText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nconst Hint = createComponent(RootHint, {\n  Text: HintText,\n  Addon,\n});\n\nexport default Hint;\n"],"mappings":"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"}

package/lib/cjs/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_isNode","_findComponent","_Text","style","_index","sstyled","insert","ListRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","ItemRoot","_Component2","_super2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport Text from './Text';\n\nimport style from './style/list.shadow.css';\n\nclass ListRoot extends Component {\n  static displayName = 'List';\n  static style = style;\n  static defaultProps = {\n    marker: '•',\n  };\n\n  getItemProps() {\n    const { marker } = this.asProps;\n    return {\n      marker,\n    };\n  }\n\n  render() {\n    const SList = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SList render={Text} tag='ul' role='list' />);\n  }\n}\n\nclass ItemRoot extends Component {\n  static style = style;\n  static displayName = 'Item';\n\n  render() {\n    const SItem = Root;\n    const { styles, children, marker: markerNode, Children } = this.asProps;\n    const SMarker = 'span';\n    const SContent = 'div';\n\n    const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);\n\n    return sstyled(styles)(\n      <SItem render={Text} tag='li' role='listitem'>\n        {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n        {isAdvancedMode ? <Children /> : <SContent>{children}</SContent>}\n      </SItem>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const { styles, children } = props;\n  const SContent = Root;\n\n  return sstyled(styles)(<SContent render={Flex}>{children}</SContent>);\n}\n\nContent.displayName = 'Content';\n\nconst Item = createComponent(ItemRoot, { Content });\n\nconst List = createComponent(ListRoot, { Item });\n\nexport default List;\n"],"mappings":"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"}

package/lib/cjs/Text.js

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = require("@semcore/core");
-var _react = _interopRequireDefault(require("react"));
-var _flexBox = require("@semcore/flex-box");
-var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
-/*!__reshadow-styles__:"./style/text.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SText_f18pk_gg_{padding:0;margin:0}.___SText_f18pk_gg_._size_100_f18pk_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_f18pk_gg_._size_200_f18pk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_f18pk_gg_._size_300_f18pk_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_f18pk_gg_._size_400_f18pk_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_f18pk_gg_._size_500_f18pk_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_f18pk_gg_._size_600_f18pk_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_f18pk_gg_._size_700_f18pk_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_f18pk_gg_._size_800_f18pk_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_f18pk_gg_.__noWrap_f18pk_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_f18pk_gg_.__medium_f18pk_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_f18pk_gg_.__semibold_f18pk_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_f18pk_gg_.__bold_f18pk_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_f18pk_gg_.__italic_f18pk_gg_{font-style:italic}.___SText_f18pk_gg_.__monospace_f18pk_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_f18pk_gg_.__uppercase_f18pk_gg_{text-transform:uppercase}.___SText_f18pk_gg_.__lowercase_f18pk_gg_{text-transform:lowercase}.___SText_f18pk_gg_.__capitalize_f18pk_gg_{text-transform:capitalize}.___SText_f18pk_gg_.__decoration_f18pk_gg_{-webkit-text-decoration:var(--decoration_f18pk);text-decoration:var(--decoration_f18pk)}.___SText_f18pk_gg_.__color_f18pk_gg_{color:var(--color_f18pk)}.___SText_f18pk_gg_.__fontSize_f18pk_gg_{font-size:var(--fontSize_f18pk)}.___SText_f18pk_gg_.__lineHeight_f18pk_gg_{line-height:var(--lineHeight_f18pk)}.___SText_f18pk_gg_.__fontWeight_f18pk_gg_{font-weight:var(--fontWeight_f18pk)}.___SText_f18pk_gg_.__textAlign_f18pk_gg_{text-align:var(--textAlign_f18pk)}.___SText_f18pk_gg_._use_primary_f18pk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_f18pk_gg_._use_secondary_f18pk_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_f18pk_gg_.__disabled_f18pk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}", /*__inner_css_end__*/"f18pk_gg_"),
-/*__reshadow_css_end__*/
-{
-  "__SText": "___SText_f18pk_gg_",
-  "_size_100": "_size_100_f18pk_gg_",
-  "_size_200": "_size_200_f18pk_gg_",
-  "_size_300": "_size_300_f18pk_gg_",
-  "_size_400": "_size_400_f18pk_gg_",
-  "_size_500": "_size_500_f18pk_gg_",
-  "_size_600": "_size_600_f18pk_gg_",
-  "_size_700": "_size_700_f18pk_gg_",
-  "_size_800": "_size_800_f18pk_gg_",
-  "_noWrap": "__noWrap_f18pk_gg_",
-  "_medium": "__medium_f18pk_gg_",
-  "_semibold": "__semibold_f18pk_gg_",
-  "_bold": "__bold_f18pk_gg_",
-  "_italic": "__italic_f18pk_gg_",
-  "_monospace": "__monospace_f18pk_gg_",
-  "_uppercase": "__uppercase_f18pk_gg_",
-  "_lowercase": "__lowercase_f18pk_gg_",
-  "_capitalize": "__capitalize_f18pk_gg_",
-  "_decoration": "__decoration_f18pk_gg_",
-  "--decoration": "--decoration_f18pk",
-  "_color": "__color_f18pk_gg_",
-  "--color": "--color_f18pk",
-  "_fontSize": "__fontSize_f18pk_gg_",
-  "--fontSize": "--fontSize_f18pk",
-  "_lineHeight": "__lineHeight_f18pk_gg_",
-  "--lineHeight": "--lineHeight_f18pk",
-  "_fontWeight": "__fontWeight_f18pk_gg_",
-  "--fontWeight": "--fontWeight_f18pk",
-  "_textAlign": "__textAlign_f18pk_gg_",
-  "--textAlign": "--textAlign_f18pk",
-  "_use_primary": "_use_primary_f18pk_gg_",
-  "_use_secondary": "_use_secondary_f18pk_gg_",
-  "_disabled": "__disabled_f18pk_gg_"
-});
-function getTextDecoration(underline, lineThrough) {
-  if (underline) {
-    return 'underline';
-  }
-  if (lineThrough) {
-    return 'line-through';
-  }
-}
-function Text(props, ref) {
-  var _ref = arguments[0],
-    _ref2;
-  var SText = _flexBox.Box;
-  var color = props.color,
-    underline = props.underline,
-    lineThrough = props.lineThrough;
-  var textDecoration = getTextDecoration(underline, lineThrough);
-  var resolveColor = (0, _useColorResolver.useColorResolver)();
-  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref2.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span',
-    "data-ui-name": 'Text',
-    "ref": ref,
-    "use:decoration": textDecoration,
-    "use:color": resolveColor(color)
-  }, _ref))));
-}
-Text.displayName = 'Text';
-var _default = (0, _core.createBaseComponent)(Text);
-exports["default"] = _default;
-//# sourceMappingURL=Text.js.map

package/lib/cjs/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_useColorResolver","styles","_index","sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","Box","color","textDecoration","resolveColor","useColorResolver","createElement","cn","_objectSpread2","assignProps","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/text.shadow.css';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nfunction getTextDecoration(underline, lineThrough) {\n  if (underline) {\n    return 'underline';\n  }\n\n  if (lineThrough) {\n    return 'line-through';\n  }\n}\n\nfunction Text(props, ref) {\n  const SText = Root;\n  const { color, underline, lineThrough } = props;\n  const textDecoration = getTextDecoration(underline, lineThrough);\n  const resolveColor = useColorResolver();\n\n  return sstyled(styles)(\n    <SText\n      render={Box}\n      tag='span'\n      data-ui-name='Text'\n      ref={ref}\n      use:decoration={textDecoration}\n      use:color={resolveColor(color)}\n    />,\n  );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,iBAAA,GAAAJ,OAAA;AAA2E;AAAA,IAAAK,MAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE3E,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAOCC,YAAG;EANf,IAAQC,KAAK,GAA6BP,KAAK,CAAvCO,KAAK;IAAEV,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMU,cAAc,GAAGZ,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMW,YAAY,GAAG,IAAAC,kCAAgB,GAAE;EAEvC,OAAAN,KAAA,GAAO,IAAAV,aAAO,EAACF,MAAM,CAAC,eACpBJ,MAAA,YAAAuB,aAAA,CAACN,KAAK,EAAAD,KAAA,CAAAQ,EAAA,cAAAC,cAAA,qBAAA3B,KAAA,CAAA4B,WAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdb,GAAG;IAAA,kBACQO,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAL,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACgB,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEX,IAAAC,yBAAmB,EAAClB,IAAI,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}

package/lib/cjs/index.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { Box, BoxProps, Flex, FlexProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n  /** Font size and line-heights */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n  /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n  noWrap?: boolean;\n  /** CSS property `font-weight: 700;` */\n  bold?: boolean;\n  /** CSS property `font-weight: 600;` */\n  semibold?: boolean;\n  /** CSS property `font-weight: 500;` */\n  medium?: boolean;\n  /** Italicized text */\n  italic?: boolean;\n  /** Underlined text */\n  underline?: boolean;\n  /** CSS property `font-family: monospace;` */\n  monospace?: boolean;\n  /** Strikethrough text */\n  lineThrough?: boolean;\n  /** Uppercase text */\n  uppercase?: boolean;\n  /** Lowercase text */\n  lowercase?: boolean;\n  /** Capitalized text */\n  capitalize?: boolean;\n  /** Text color **/\n  color?: string;\n  /** Custom `font-size` */\n  fontSize?: Property.FontSize<any>;\n  /** Custom `line-height` */\n  lineHeight?: Property.LineHeight<any>;\n  /** Custom `font-weight` */\n  fontWeight?: Property.FontWeight;\n  /** Text alignment */\n  textAlign?: Property.TextAlign;\n  /** Enforces text color */\n  use?: 'primary' | 'secondary';\n  /** Makes text semi-transparent to indicate disabled state */\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n  /** Marker of the entire list\n   * @default • */\n  marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n  /** Individual marker of a list item */\n  marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IHintProps extends HintProps, UnknownProperties {}\nexport type TypographyHintProps = TextProps &\n  KeyboardFocusProps & {\n    /** The value responsible for the activity of the element\n     * @default false\n     */\n    disabled?: boolean;\n    /** Enable `active` state */\n    active?: boolean;\n    /** Left addon hint  */\n    addonLeft?: React.ElementType;\n    /** Right addon hint  */\n    addonRight?: React.ElementType;\n  };\n\n/** @deprecated use `TypographyHintProps` instead */\nexport type HintProps = TypographyHintProps;\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n  /** Source of the quote */\n  author?: React.ReactNode;\n};\n\ndeclare const Hint: Intergalactic.Component<'abbr', HintProps> & {\n  Addon: typeof Box;\n  Text: typeof Box;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n  Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n  Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Hint, Blockquote };\n"],"mappings":""}

package/lib/cjs/style/hint.shadow.css

@@ -1,51 +0,0 @@
-SHint {
-  display: inline-block;
-  transition: all 0.15s ease-in-out;
-  text-decoration: none;
-  outline: none;
-  cursor: pointer;
-  color: var(--intergalactic-text-secondary, #6c6e79);
-
-  &[active],
-  &:active,
-  &:hover {
-    color: var(--intergalactic-text-hint-hover-active, #484a54);
-  }
-}
-
-SHint[keyboardFocused] {
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-}
-
-SHint[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-  cursor: default;
-  pointer-events: none; /* Disable hint interactions */
-}
-
-SAddon {
-  vertical-align: middle;
-  display: inline-flex;
-}
-
-SHint 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);
-  }
-}
-
-SText {
-  border-bottom-width: 1px;
-  border-bottom-style: dashed;
-  border-color: currentColor;
-}
-
-@media (prefers-reduced-motion) {
-  SHint {
-    transition: none;
-  }
-}