@semcore/typography 5.54.0-prerelease.0 → 5.54.0-prerelease.1

package/lib/cjs/Blockquote.js

@@ -0,0 +1,38 @@
+"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_epb7k_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, rgba(1, 5, 0, 0.899))}.___SDoubleQuotation_epb7k_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, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SDoubleQuotation_epb7k_gg_{color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDoubleQuotation_epb7k_gg_{color:var(--intergalactic-text-large-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAuthor_epb7k_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0)){.___SAuthor_epb7k_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAuthor_epb7k_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"epb7k_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SBlockquote": "___SBlockquote_epb7k_gg_",
+  "__SDoubleQuotation": "___SDoubleQuotation_epb7k_gg_",
+  "__SAuthor": "___SAuthor_epb7k_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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,89 @@
+"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_1bsf5_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, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SHint_1bsf5_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SHint_1bsf5_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SHint_1bsf5_gg_.__active_1bsf5_gg_,.___SHint_1bsf5_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SHint_1bsf5_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SHint_1bsf5_gg_.__keyboardFocused_1bsf5_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441))}.___SHint_1bsf5_gg_.__disabled_1bsf5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_1bsf5_gg_{vertical-align:middle;display:inline-flex}.___SHint_1bsf5_gg_ .___SAddon_1bsf5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1bsf5_gg_ .___SAddon_1bsf5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1bsf5_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1bsf5_gg_{transition:none}}", /*__inner_css_end__*/"1bsf5_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SHint": "___SHint_1bsf5_gg_",
+  "_keyboardFocused": "__keyboardFocused_1bsf5_gg_",
+  "_disabled": "__disabled_1bsf5_gg_",
+  "__SAddon": "___SAddon_1bsf5_gg_",
+  "__SText": "___SText_1bsf5_gg_",
+  "_active": "__active_1bsf5_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

@@ -0,0 +1 @@
+{"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/{components/List/List.js → List.js}

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,31 +9,33 @@ 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _core = require("@semcore/core");
-var _baseComponents = require("@semcore/base-components");
-var _findComponent = require("@semcore/core/lib/utils/findComponent");
-var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
+var _index = require("@semcore/utils/lib/core/index");
+var _core = _interopRequireWildcard(require("@semcore/core"));
 var _react = _interopRequireDefault(require("react"));
-var _Text = _interopRequireDefault(require("../Text/Text"));
-/*!__reshadow-styles__:"../../style/list.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SList_13mha_gg_{padding:0;margin:0;list-style-type:none}.___SContent_13mha_gg_{overflow:inherit;text-overflow:inherit}.___SItem_13mha_gg_+.___SItem_13mha_gg_,.___SList_13mha_gg_ .___SList_13mha_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_13mha_gg_{display:flex}.___SMarker_13mha_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));line-height:normal}@supports (color:color(display-p3 0 0 0%)){.___SMarker_13mha_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SMarker_13mha_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"13mha_gg_"),
+var _flexBox = require("@semcore/flex-box");
+var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
+var _findComponent = require("@semcore/utils/lib/findComponent");
+var _Text = _interopRequireDefault(require("./Text"));
+/*!__reshadow-styles__:"./style/list.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SList_17c2o_gg_{padding:0;margin:0;list-style-type:none}.___SContent_17c2o_gg_{overflow:inherit;text-overflow:inherit}.___SItem_17c2o_gg_+.___SItem_17c2o_gg_,.___SList_17c2o_gg_ .___SList_17c2o_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_17c2o_gg_{display:flex}.___SMarker_17c2o_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));line-height:normal}@supports (color:color(display-p3 0 0 0)){.___SMarker_17c2o_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SMarker_17c2o_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"17c2o_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SList": "___SList_13mha_gg_",
-  "__SContent": "___SContent_13mha_gg_",
-  "__SItem": "___SItem_13mha_gg_",
-  "__SMarker": "___SMarker_13mha_gg_"
+  "__SList": "___SList_17c2o_gg_",
+  "__SContent": "___SContent_17c2o_gg_",
+  "__SItem": "___SItem_17c2o_gg_",
+  "__SMarker": "___SMarker_17c2o_gg_"
 });
 var ListRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ListRoot, _Component);
+  var _super = (0, _createSuper2["default"])(ListRoot);
   function ListRoot() {
     (0, _classCallCheck2["default"])(this, ListRoot);
-    return (0, _callSuper2["default"])(this, ListRoot, arguments);
+    return _super.apply(this, arguments);
   }
-  (0, _inherits2["default"])(ListRoot, _Component);
-  return (0, _createClass2["default"])(ListRoot, [{
+  (0, _createClass2["default"])(ListRoot, [{
     key: "getItemProps",
     value: function getItemProps() {
       var marker = this.asProps.marker;
@@ -48,10 +51,12 @@ var ListRoot = /*#__PURE__*/function (_Component) {
       var SList = _Text["default"];
       var styles = this.asProps.styles;
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SList, _ref4.cn("SList", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "tag": 'ul'
+        "tag": 'ul',
+        "role": 'list'
       }, _ref))));
     }
   }]);
+  return ListRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(ListRoot, "displayName", 'List');
 (0, _defineProperty2["default"])(ListRoot, "style", style);
@@ -59,12 +64,13 @@ var ListRoot = /*#__PURE__*/function (_Component) {
   marker: '•'
 });
 var ItemRoot = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2["default"])(ItemRoot, _Component2);
+  var _super2 = (0, _createSuper2["default"])(ItemRoot);
   function ItemRoot() {
     (0, _classCallCheck2["default"])(this, ItemRoot);
-    return (0, _callSuper2["default"])(this, ItemRoot, arguments);
+    return _super2.apply(this, arguments);
   }
-  (0, _inherits2["default"])(ItemRoot, _Component2);
-  return (0, _createClass2["default"])(ItemRoot, [{
+  (0, _createClass2["default"])(ItemRoot, [{
     key: "render",
     value: function render() {
       var _ref2 = this.asProps,
@@ -72,18 +78,21 @@ var ItemRoot = /*#__PURE__*/function (_Component2) {
       var SItem = _Text["default"];
       var _this$asProps = this.asProps,
         styles = _this$asProps.styles,
+        children = _this$asProps.children,
         markerNode = _this$asProps.marker,
         Children = _this$asProps.Children;
       var SMarker = 'span';
       var SContent = 'div';
       var isAdvancedMode = (0, _findComponent.isAdvanceMode)(Children, [List.Item.Content.displayName]);
       return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref5.cn("SItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "tag": 'li'
+        "tag": 'li',
+        "role": 'listitem'
       }, _ref2))), (0, _isNode["default"])(markerNode) && /*#__PURE__*/_react["default"].createElement(SMarker, _ref5.cn("SMarker", {
         "aria-hidden": 'true'
-      }), markerNode), isAdvancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SContent, _ref5.cn("SContent", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {}))));
+      }), markerNode), isAdvancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SContent, _ref5.cn("SContent", {}), children));
     }
   }]);
+  return ItemRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(ItemRoot, "style", style);
 (0, _defineProperty2["default"])(ItemRoot, "displayName", 'Item');
@@ -92,15 +101,16 @@ function Content(props) {
     _ref6;
   var styles = props.styles,
     children = props.children;
-  var SContent = _baseComponents.Flex;
+  var SContent = _flexBox.Flex;
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))), children);
 }
 Content.displayName = 'Content';
-var Item = (0, _core.createComponent)(ItemRoot, {
+var Item = (0, _core["default"])(ItemRoot, {
   Content: Content
 });
-var List = (0, _core.createComponent)(ListRoot, {
+var List = (0, _core["default"])(ListRoot, {
   Item: Item
 });
-var _default = exports["default"] = List;
+var _default = List;
+exports["default"] = _default;
 //# sourceMappingURL=List.js.map

package/lib/cjs/List.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,80 @@
+"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_1frvu_gg_{padding:0;margin:0}.___SText_1frvu_gg_._size_100_1frvu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1frvu_gg_._size_200_1frvu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1frvu_gg_._size_300_1frvu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1frvu_gg_._size_400_1frvu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1frvu_gg_._size_500_1frvu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1frvu_gg_._size_600_1frvu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1frvu_gg_._size_700_1frvu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1frvu_gg_._size_800_1frvu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1frvu_gg_.__noWrap_1frvu_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1frvu_gg_.__medium_1frvu_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1frvu_gg_.__semibold_1frvu_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1frvu_gg_.__bold_1frvu_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1frvu_gg_.__italic_1frvu_gg_{font-style:italic}.___SText_1frvu_gg_.__monospace_1frvu_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1frvu_gg_.__uppercase_1frvu_gg_{text-transform:uppercase}.___SText_1frvu_gg_.__lowercase_1frvu_gg_{text-transform:lowercase}.___SText_1frvu_gg_.__capitalize_1frvu_gg_{text-transform:capitalize}.___SText_1frvu_gg_.__decoration_1frvu_gg_{-webkit-text-decoration:var(--decoration_1frvu);text-decoration:var(--decoration_1frvu)}.___SText_1frvu_gg_.__color_1frvu_gg_{color:var(--color_1frvu)}.___SText_1frvu_gg_.__fontSize_1frvu_gg_{font-size:var(--fontSize_1frvu)}.___SText_1frvu_gg_.__lineHeight_1frvu_gg_{line-height:var(--lineHeight_1frvu)}.___SText_1frvu_gg_.__fontWeight_1frvu_gg_{font-weight:var(--fontWeight_1frvu)}.___SText_1frvu_gg_.__textAlign_1frvu_gg_{text-align:var(--textAlign_1frvu)}.___SText_1frvu_gg_._use_primary_1frvu_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_1frvu_gg_._use_secondary_1frvu_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SText_1frvu_gg_._use_secondary_1frvu_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1frvu_gg_._use_secondary_1frvu_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1frvu_gg_.__disabled_1frvu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}", /*__inner_css_end__*/"1frvu_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SText": "___SText_1frvu_gg_",
+  "_size_100": "_size_100_1frvu_gg_",
+  "_size_200": "_size_200_1frvu_gg_",
+  "_size_300": "_size_300_1frvu_gg_",
+  "_size_400": "_size_400_1frvu_gg_",
+  "_size_500": "_size_500_1frvu_gg_",
+  "_size_600": "_size_600_1frvu_gg_",
+  "_size_700": "_size_700_1frvu_gg_",
+  "_size_800": "_size_800_1frvu_gg_",
+  "_noWrap": "__noWrap_1frvu_gg_",
+  "_medium": "__medium_1frvu_gg_",
+  "_semibold": "__semibold_1frvu_gg_",
+  "_bold": "__bold_1frvu_gg_",
+  "_italic": "__italic_1frvu_gg_",
+  "_monospace": "__monospace_1frvu_gg_",
+  "_uppercase": "__uppercase_1frvu_gg_",
+  "_lowercase": "__lowercase_1frvu_gg_",
+  "_capitalize": "__capitalize_1frvu_gg_",
+  "_decoration": "__decoration_1frvu_gg_",
+  "--decoration": "--decoration_1frvu",
+  "_color": "__color_1frvu_gg_",
+  "--color": "--color_1frvu",
+  "_fontSize": "__fontSize_1frvu_gg_",
+  "--fontSize": "--fontSize_1frvu",
+  "_lineHeight": "__lineHeight_1frvu_gg_",
+  "--lineHeight": "--lineHeight_1frvu",
+  "_fontWeight": "__fontWeight_1frvu_gg_",
+  "--fontWeight": "--fontWeight_1frvu",
+  "_textAlign": "__textAlign_1frvu_gg_",
+  "--textAlign": "--textAlign_1frvu",
+  "_use_primary": "_use_primary_1frvu_gg_",
+  "_use_secondary": "_use_secondary_1frvu_gg_",
+  "_disabled": "__disabled_1frvu_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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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/index.js

@@ -1,20 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  Text: true,
-  Blockquote: true,
-  List: true
-};
 Object.defineProperty(exports, "Blockquote", {
   enumerable: true,
   get: function get() {
     return _Blockquote["default"];
   }
 });
+Object.defineProperty(exports, "Hint", {
+  enumerable: true,
+  get: function get() {
+    return _Hint["default"];
+  }
+});
 Object.defineProperty(exports, "List", {
   enumerable: true,
   get: function get() {
@@ -27,43 +28,8 @@ Object.defineProperty(exports, "Text", {
     return _Text["default"];
   }
 });
-var _Text = _interopRequireDefault(require("./components/Text/Text"));
-var _Blockquote = _interopRequireDefault(require("./components/Blockquote/Blockquote"));
-var _List = _interopRequireDefault(require("./components/List/List"));
-var _Text2 = require("./components/Text/Text.type");
-Object.keys(_Text2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Text2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Text2[key];
-    }
-  });
-});
-var _Blockquote2 = require("./components/Blockquote/Blockquote.type");
-Object.keys(_Blockquote2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Blockquote2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Blockquote2[key];
-    }
-  });
-});
-var _List2 = require("./components/List/List.type");
-Object.keys(_List2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _List2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _List2[key];
-    }
-  });
-});
+var _Text = _interopRequireDefault(require("./Text"));
+var _Blockquote = _interopRequireDefault(require("./Blockquote"));
+var _List = _interopRequireDefault(require("./List"));
+var _Hint = _interopRequireDefault(require("./Hint"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Text","_interopRequireDefault","require","_Blockquote","_List","_Text2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Blockquote2","_List2"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Text } from './components/Text/Text';\nexport { default as Blockquote } from './components/Blockquote/Blockquote';\nexport { default as List } from './components/List/List';\n\nexport * from './components/Text/Text.type';\nexport * from './components/Blockquote/Blockquote.type';\nexport * from './components/List/List.type';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAhB,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,MAAA,GAAAjB,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAY,MAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,MAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,MAAA,CAAAV,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Text","_interopRequireDefault","require","_Blockquote","_List","_Hint"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Text } from './Text';\nexport { default as Blockquote } from './Blockquote';\nexport { default as List } from './List';\nexport { default as Hint } from './Hint';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA"}

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

@@ -0,0 +1,51 @@
+SHint {
+  display: inline-block;
+  transition: all 0.15s ease-in-out;
+  text-decoration: none;
+  outline: none;
+  cursor: pointer;
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+
+  &[active],
+  &:active,
+  &:hover {
+    color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
+  }
+}
+
+SHint[keyboardFocused] {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
+}
+
+SHint[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+  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;
+  }
+}