@semcore/typography 5.52.1 → 16.0.0-prerelease.4

package/lib/es6/Hint.js

@@ -1,81 +0,0 @@
-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 "@semcore/utils/lib/core/index";
-import { assignProps as _assignProps3 } from "@semcore/core";
-import { assignProps as _assignProps2 } from "@semcore/core";
-import { assignProps as _assignProps } from "@semcore/core";
-import React from 'react';
-import createComponent, { Component, Root, sstyled } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
-import Text from './Text';
-/*__reshadow-styles__:"./style/hint.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_kgqok_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_kgqok_gg_.__active_kgqok_gg_,.___SHint_kgqok_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_kgqok_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_kgqok_gg_.__keyboardFocused_kgqok_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_kgqok_gg_.__disabled_kgqok_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_kgqok_gg_{vertical-align:middle;display:inline-flex}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_kgqok_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_kgqok_gg_{transition:none}}" /*__inner_css_end__*/, "kgqok_gg_") /*__reshadow_css_end__*/, {
-  "__SHint": "___SHint_kgqok_gg_",
-  "_keyboardFocused": "__keyboardFocused_kgqok_gg_",
-  "_disabled": "__disabled_kgqok_gg_",
-  "__SAddon": "___SAddon_kgqok_gg_",
-  "__SText": "___SText_kgqok_gg_",
-  "_active": "__active_kgqok_gg_"
-});
-var RootHint = /*#__PURE__*/function (_Component) {
-  _inherits(RootHint, _Component);
-  var _super = _createSuper(RootHint);
-  function RootHint() {
-    _classCallCheck(this, RootHint);
-    return _super.apply(this, arguments);
-  }
-  _createClass(RootHint, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref4;
-      var SHint = Text;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        Children = _this$asProps.Children,
-        addonLeft = _this$asProps.addonLeft,
-        addonRight = _this$asProps.addonRight;
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SHint, _ref4.cn("SHint", _objectSpread({}, _assignProps({
-        "tag": 'abbr'
-      }, _ref))), addonLeft ? /*#__PURE__*/React.createElement(Hint.Addon, {
-        tag: addonLeft
-      }) : null, addonTextChildren(Children, Hint.Text, Hint.Addon), addonRight ? /*#__PURE__*/React.createElement(Hint.Addon, {
-        tag: addonRight
-      }) : null);
-    }
-  }]);
-  return RootHint;
-}(Component);
-_defineProperty(RootHint, "displayName", 'Hint');
-_defineProperty(RootHint, "style", style);
-_defineProperty(RootHint, "enhance", [keyboardFocusEnhance()]);
-function Addon(props) {
-  var _ref2 = arguments[0],
-    _ref5;
-  var SAddon = Box;
-  var styles = props.styles;
-  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref5.cn("SAddon", _objectSpread({}, _assignProps2({
-    "tag": 'span'
-  }, _ref2))));
-}
-function HintText(props) {
-  var _ref3 = arguments[0],
-    _ref6;
-  var SText = Box;
-  var styles = props.styles;
-  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref6.cn("SText", _objectSpread({}, _assignProps3({
-    "tag": 'span'
-  }, _ref3))));
-}
-var Hint = createComponent(RootHint, {
-  Text: HintText,
-  Addon: Addon
-});
-export default Hint;
-//# sourceMappingURL=Hint.js.map

package/lib/es6/Hint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Hint.js","names":["React","createComponent","Component","Root","sstyled","Box","keyboardFocusEnhance","addonTextChildren","Text","style","_sstyled","insert","RootHint","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref4","SHint","_this$asProps","styles","Children","addonLeft","addonRight","createElement","cn","_objectSpread","_assignProps","Hint","Addon","tag","_defineProperty","props","_ref2","arguments[0]","_ref5","SAddon","_assignProps2","HintText","_ref3","_ref6","SText","_assignProps3"],"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/es6/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;
-  }
-}

package/lib/esm/Hint.mjs

@@ -1,69 +0,0 @@
-import d from "@babel/runtime/helpers/esm/objectSpread2";
-import x from "@babel/runtime/helpers/esm/classCallCheck";
-import y from "@babel/runtime/helpers/esm/createClass";
-import S from "@babel/runtime/helpers/esm/inherits";
-import q from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as b } from "@semcore/utils/lib/core/index";
-import H, { sstyled as c, assignProps as l, Component as A } from "@semcore/core";
-import r from "react";
-import { Box as f } from "@semcore/flex-box";
-import T from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import C from "@semcore/utils/lib/addonTextChildren";
-import E from "./Text.mjs";
-var P = (
-  /*__reshadow_css_start__*/
-  (b.insert(
-    /*__inner_css_start__*/
-    ".___SHint_kgqok_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_kgqok_gg_.__active_kgqok_gg_,.___SHint_kgqok_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_kgqok_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_kgqok_gg_.__keyboardFocused_kgqok_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_kgqok_gg_.__disabled_kgqok_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_kgqok_gg_{vertical-align:middle;display:inline-flex}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_kgqok_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_kgqok_gg_{transition:none}}",
-    "kgqok_gg_"
-  ), {
-    __SHint: "___SHint_kgqok_gg_",
-    _keyboardFocused: "__keyboardFocused_kgqok_gg_",
-    _disabled: "__disabled_kgqok_gg_",
-    __SAddon: "___SAddon_kgqok_gg_",
-    __SText: "___SText_kgqok_gg_",
-    _active: "__active_kgqok_gg_"
-  })
-), g = /* @__PURE__ */ function(e) {
-  S(t, e);
-  var _ = q(t);
-  function t() {
-    return x(this, t), _.apply(this, arguments);
-  }
-  return y(t, [{
-    key: "render",
-    value: function() {
-      var o = this.asProps, k, v = E, a = this.asProps, u = a.styles, h = a.Children, m = a.addonLeft, p = a.addonRight;
-      return k = c(u), /* @__PURE__ */ r.createElement(v, k.cn("SHint", d({}, l({
-        tag: "abbr"
-      }, o))), m ? /* @__PURE__ */ r.createElement(i.Addon, {
-        tag: m
-      }) : null, C(h, i.Text, i.Addon), p ? /* @__PURE__ */ r.createElement(i.Addon, {
-        tag: p
-      }) : null);
-    }
-  }]), t;
-}(A);
-s(g, "displayName", "Hint");
-s(g, "style", P);
-s(g, "enhance", [T()]);
-function R(e) {
-  var _ = arguments[0], t, n = f, o = e.styles;
-  return t = c(o), /* @__PURE__ */ r.createElement(n, t.cn("SAddon", d({}, l({
-    tag: "span"
-  }, _))));
-}
-function F(e) {
-  var _ = arguments[0], t, n = f, o = e.styles;
-  return t = c(o), /* @__PURE__ */ r.createElement(n, t.cn("SText", d({}, l({
-    tag: "span"
-  }, _))));
-}
-var i = H(g, {
-  Text: F,
-  Addon: R
-});
-export {
-  i as default
-};