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

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, 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;
-  }
-}

package/lib/esm/Blockquote.mjs

@@ -1,37 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import { createBaseComponent, sstyled as sstyled$1, assignProps } from "@semcore/core";
-import React from "react";
-import isNode from "@semcore/utils/lib/isNode";
-import { Box } from "@semcore/flex-box";
-/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = (
-  /*__reshadow_css_start__*/
-  (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 = Box;
-  var SDoubleQuotation = "span";
-  var SAuthor = "cite";
-  var children = props.children, author = props.author;
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", _objectSpread({}, assignProps({
-    "tag": "blockquote",
-    "ref": ref
-  }, _ref))), /* @__PURE__ */ React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /* @__PURE__ */ React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
-}
-Blockquote.displayName = "Blockquote";
-const Blockquote$1 = createBaseComponent(Blockquote);
-export {
-  Blockquote$1 as default
-};

package/lib/esm/Hint.mjs

@@ -1,81 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
-import React from "react";
-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.mjs";
-/*!__reshadow-styles__:"./style/hint.shadow.css"*/
-var style = (
-  /*__reshadow_css_start__*/
-  (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) {
-  _inherits(RootHint2, _Component);
-  var _super = _createSuper(RootHint2);
-  function RootHint2() {
-    _classCallCheck(this, RootHint2);
-    return _super.apply(this, arguments);
-  }
-  _createClass(RootHint2, [{
-    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$1(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 RootHint2;
-}(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$1(styles), /* @__PURE__ */ React.createElement(SAddon, _ref5.cn("SAddon", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref2))));
-}
-function HintText(props) {
-  var _ref3 = arguments[0], _ref6;
-  var SText = Box;
-  var styles = props.styles;
-  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref6.cn("SText", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref3))));
-}
-var Hint = createComponent(RootHint, {
-  Text: HintText,
-  Addon
-});
-export {
-  Hint as default
-};

package/lib/esm/Text.mjs

@@ -1,78 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import { createBaseComponent, sstyled as sstyled$1, assignProps } from "@semcore/core";
-import React from "react";
-import { Box } from "@semcore/flex-box";
-import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
-/*!__reshadow-styles__:"./style/text.shadow.css"*/
-var styles = (
-  /*__reshadow_css_start__*/
-  (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 = Box;
-  var color = props.color, underline = props.underline, lineThrough = props.lineThrough;
-  var textDecoration = getTextDecoration(underline, lineThrough);
-  var resolveColor = useColorResolver();
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", _objectSpread({}, assignProps({
-    "tag": "span",
-    "data-ui-name": "Text",
-    "ref": ref,
-    "use:decoration": textDecoration,
-    "use:color": resolveColor(color)
-  }, _ref))));
-}
-Text.displayName = "Text";
-const Text$1 = createBaseComponent(Text);
-export {
-  Text$1 as default
-};

package/lib/esm/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, 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;
-  }
-}