@semcore/typography 16.0.0-prerelease.2 → 16.0.0-prerelease.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/CHANGELOG.md +33 -1
  2. package/lib/cjs/Blockquote.js +4 -2
  3. package/lib/cjs/Blockquote.js.map +1 -1
  4. package/lib/cjs/List.js +4 -2
  5. package/lib/cjs/List.js.map +1 -1
  6. package/lib/cjs/Text.js +37 -35
  7. package/lib/cjs/Text.js.map +1 -1
  8. package/lib/cjs/index.d.js.map +1 -1
  9. package/lib/cjs/style/text.shadow.css +330 -1
  10. package/lib/es6/Blockquote.js +4 -2
  11. package/lib/es6/Blockquote.js.map +1 -1
  12. package/lib/es6/List.js +4 -2
  13. package/lib/es6/List.js.map +1 -1
  14. package/lib/es6/Text.js +37 -35
  15. package/lib/es6/Text.js.map +1 -1
  16. package/lib/es6/index.d.js.map +1 -1
  17. package/lib/es6/style/text.shadow.css +330 -1
  18. package/lib/esm/Blockquote.mjs +27 -20
  19. package/lib/esm/List.mjs +83 -65
  20. package/lib/esm/Text.mjs +66 -57
  21. package/lib/esm/index.mjs +6 -6
  22. package/lib/esm/style/blockquote.shadow.css +28 -0
  23. package/lib/esm/style/list.shadow.css +28 -0
  24. package/lib/esm/style/text.shadow.css +447 -0
  25. package/lib/types/index.d.ts +1 -2
  26. package/package.json +4 -4
package/lib/esm/List.mjs CHANGED
@@ -1,88 +1,106 @@
1
- import p from "@babel/runtime/helpers/esm/objectSpread2";
2
- import u from "@babel/runtime/helpers/esm/classCallCheck";
3
- import S from "@babel/runtime/helpers/esm/createClass";
4
- import k from "@babel/runtime/helpers/esm/inherits";
5
- import h from "@babel/runtime/helpers/esm/createSuper";
6
- import i from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled as m, createComponent as y, assignProps as c, Component as C } from "@semcore/core";
8
- import a from "react";
9
- import { Flex as w } from "@semcore/flex-box";
10
- import A from "@semcore/core/lib/utils/isNode";
11
- import { isAdvanceMode as b } from "@semcore/core/lib/utils/findComponent";
12
- import I from "./Text.mjs";
13
- var L = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
+ import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
8
+ import React from "react";
9
+ import { Flex } from "@semcore/flex-box";
10
+ import isNode from "@semcore/core/lib/utils/isNode";
11
+ import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
12
+ import Text from "./Text.mjs";
13
+ /*!__reshadow-styles__:"./style/list.shadow.css"*/
14
+ var style = (
14
15
  /*__reshadow_css_start__*/
15
- (m.insert(
16
+ (sstyled.insert(
16
17
  /*__inner_css_start__*/
17
18
  ".___SList_6okrr_gg_{padding:0;margin:0;list-style-type:none}.___SContent_6okrr_gg_{overflow:inherit;text-overflow:inherit}.___SItem_6okrr_gg_+.___SItem_6okrr_gg_,.___SList_6okrr_gg_ .___SList_6okrr_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_6okrr_gg_{display:flex}.___SMarker_6okrr_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
19
+ /*__inner_css_end__*/
18
20
  "6okrr_gg_"
19
- ), {
20
- __SList: "___SList_6okrr_gg_",
21
- __SContent: "___SContent_6okrr_gg_",
22
- __SItem: "___SItem_6okrr_gg_",
23
- __SMarker: "___SMarker_6okrr_gg_"
21
+ ), /*__reshadow_css_end__*/
22
+ {
23
+ "__SList": "___SList_6okrr_gg_",
24
+ "__SContent": "___SContent_6okrr_gg_",
25
+ "__SItem": "___SItem_6okrr_gg_",
26
+ "__SMarker": "___SMarker_6okrr_gg_"
24
27
  })
25
- ), l = /* @__PURE__ */ function(n) {
26
- k(r, n);
27
- var o = h(r);
28
- function r() {
29
- return u(this, r), o.apply(this, arguments);
28
+ );
29
+ var ListRoot = /* @__PURE__ */ function(_Component) {
30
+ _inherits(ListRoot2, _Component);
31
+ var _super = _createSuper(ListRoot2);
32
+ function ListRoot2() {
33
+ _classCallCheck(this, ListRoot2);
34
+ return _super.apply(this, arguments);
30
35
  }
31
- return S(r, [{
36
+ _createClass(ListRoot2, [{
32
37
  key: "getItemProps",
33
- value: function() {
34
- var t = this.asProps.marker;
38
+ value: function getItemProps() {
39
+ var marker = this.asProps.marker;
35
40
  return {
36
- marker: t
41
+ marker
37
42
  };
38
43
  }
39
44
  }, {
40
45
  key: "render",
41
- value: function() {
42
- var t = this.asProps, e, g = I, _ = this.asProps.styles;
43
- return e = m(_), /* @__PURE__ */ a.createElement(g, e.cn("SList", p({}, c({
44
- tag: "ul",
45
- role: "list"
46
- }, t))));
46
+ value: function render() {
47
+ var _ref = this.asProps, _ref4;
48
+ var SList = Text;
49
+ var styles = this.asProps.styles;
50
+ return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SList, _ref4.cn("SList", _objectSpread({}, assignProps({
51
+ "tag": "ul",
52
+ "role": "list"
53
+ }, _ref))));
47
54
  }
48
- }]), r;
49
- }(C);
50
- i(l, "displayName", "List");
51
- i(l, "style", L);
52
- i(l, "defaultProps", {
55
+ }]);
56
+ return ListRoot2;
57
+ }(Component);
58
+ _defineProperty(ListRoot, "displayName", "List");
59
+ _defineProperty(ListRoot, "style", style);
60
+ _defineProperty(ListRoot, "defaultProps", {
53
61
  marker: "•"
54
62
  });
55
- var d = /* @__PURE__ */ function(n) {
56
- k(r, n);
57
- var o = h(r);
58
- function r() {
59
- return u(this, r), o.apply(this, arguments);
63
+ var ItemRoot = /* @__PURE__ */ function(_Component2) {
64
+ _inherits(ItemRoot2, _Component2);
65
+ var _super2 = _createSuper(ItemRoot2);
66
+ function ItemRoot2() {
67
+ _classCallCheck(this, ItemRoot2);
68
+ return _super2.apply(this, arguments);
60
69
  }
61
- return S(r, [{
70
+ _createClass(ItemRoot2, [{
62
71
  key: "render",
63
- value: function() {
64
- var t = this.asProps, e, g = I, _ = this.asProps, x = _.styles, M = _.children, f = _.marker, v = _.Children, E = "span", N = "div", R = b(v, [F.Item.Content.displayName]);
65
- return e = m(x), /* @__PURE__ */ a.createElement(g, e.cn("SItem", p({}, c({
66
- tag: "li",
67
- role: "listitem"
68
- }, t))), A(f) && /* @__PURE__ */ a.createElement(E, e.cn("SMarker", {
72
+ value: function render() {
73
+ var _ref2 = this.asProps, _ref5;
74
+ var SItem = Text;
75
+ var _this$asProps = this.asProps, styles = _this$asProps.styles, children = _this$asProps.children, markerNode = _this$asProps.marker, Children = _this$asProps.Children;
76
+ var SMarker = "span";
77
+ var SContent = "div";
78
+ var isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
79
+ return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SItem, _ref5.cn("SItem", _objectSpread({}, assignProps({
80
+ "tag": "li",
81
+ "role": "listitem"
82
+ }, _ref2))), isNode(markerNode) && /* @__PURE__ */ React.createElement(SMarker, _ref5.cn("SMarker", {
69
83
  "aria-hidden": "true"
70
- }), f), R ? /* @__PURE__ */ a.createElement(v, e.cn("Children", {})) : /* @__PURE__ */ a.createElement(N, e.cn("SContent", {}), M));
84
+ }), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), children));
71
85
  }
72
- }]), r;
73
- }(C);
74
- i(d, "style", L);
75
- i(d, "displayName", "Item");
76
- function P(n) {
77
- var o = arguments[0], r, s = n.styles, t = n.children, e = w;
78
- return r = m(s), /* @__PURE__ */ a.createElement(e, r.cn("SContent", p({}, c({}, o))), t);
86
+ }]);
87
+ return ItemRoot2;
88
+ }(Component);
89
+ _defineProperty(ItemRoot, "style", style);
90
+ _defineProperty(ItemRoot, "displayName", "Item");
91
+ function Content(props) {
92
+ var _ref3 = arguments[0], _ref6;
93
+ var styles = props.styles, children = props.children;
94
+ var SContent = Flex;
95
+ return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, assignProps({}, _ref3))), children);
79
96
  }
80
- P.displayName = "Content";
81
- var j = y(d, {
82
- Content: P
83
- }), F = y(l, {
84
- Item: j
97
+ Content.displayName = "Content";
98
+ var Item = createComponent(ItemRoot, {
99
+ Content
100
+ });
101
+ var List = createComponent(ListRoot, {
102
+ Item
85
103
  });
86
104
  export {
87
- F as default
105
+ List as default
88
106
  };
package/lib/esm/Text.mjs CHANGED
@@ -1,68 +1,77 @@
1
- import l from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { createBaseComponent as c, sstyled as g, assignProps as s } from "@semcore/core";
3
- import f from "react";
4
- import { Box as h } from "@semcore/flex-box";
5
- import { useColorResolver as d } from "@semcore/core/lib/utils/use/useColorResolver";
6
- var z = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
3
+ import React from "react";
4
+ import { Box } from "@semcore/flex-box";
5
+ import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
6
+ /*!__reshadow-styles__:"./style/text.shadow.css"*/
7
+ var styles = (
7
8
  /*__reshadow_css_start__*/
8
- (g.insert(
9
+ (sstyled.insert(
9
10
  /*__inner_css_start__*/
10
- '.___SText_xpmp3_gg_{padding:0;margin:0}.___SText_xpmp3_gg_._size_100_xpmp3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_xpmp3_gg_._size_200_xpmp3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_xpmp3_gg_._size_300_xpmp3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_xpmp3_gg_._size_400_xpmp3_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_xpmp3_gg_._size_500_xpmp3_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_xpmp3_gg_._size_600_xpmp3_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_xpmp3_gg_._size_700_xpmp3_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_xpmp3_gg_._size_800_xpmp3_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_xpmp3_gg_.__noWrap_xpmp3_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_xpmp3_gg_.__medium_xpmp3_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_xpmp3_gg_.__semibold_xpmp3_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_xpmp3_gg_.__bold_xpmp3_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_xpmp3_gg_.__italic_xpmp3_gg_{font-style:italic}.___SText_xpmp3_gg_.__monospace_xpmp3_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_xpmp3_gg_.__uppercase_xpmp3_gg_{text-transform:uppercase}.___SText_xpmp3_gg_.__lowercase_xpmp3_gg_{text-transform:lowercase}.___SText_xpmp3_gg_.__capitalize_xpmp3_gg_{text-transform:capitalize}.___SText_xpmp3_gg_.__decoration_xpmp3_gg_{-webkit-text-decoration:var(--decoration_xpmp3);text-decoration:var(--decoration_xpmp3)}.___SText_xpmp3_gg_.__color_xpmp3_gg_{color:var(--color_xpmp3)}.___SText_xpmp3_gg_.__fontSize_xpmp3_gg_{font-size:var(--fontSize_xpmp3)}.___SText_xpmp3_gg_.__lineHeight_xpmp3_gg_{line-height:var(--lineHeight_xpmp3)}.___SText_xpmp3_gg_.__fontWeight_xpmp3_gg_{font-weight:var(--fontWeight_xpmp3)}.___SText_xpmp3_gg_.__textAlign_xpmp3_gg_{text-align:var(--textAlign_xpmp3)}.___SText_xpmp3_gg_._use_primary_xpmp3_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_xpmp3_gg_._use_secondary_xpmp3_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_xpmp3_gg_.__disabled_xpmp3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
11
- "xpmp3_gg_"
12
- ), {
13
- __SText: "___SText_xpmp3_gg_",
14
- _size_100: "_size_100_xpmp3_gg_",
15
- _size_200: "_size_200_xpmp3_gg_",
16
- _size_300: "_size_300_xpmp3_gg_",
17
- _size_400: "_size_400_xpmp3_gg_",
18
- _size_500: "_size_500_xpmp3_gg_",
19
- _size_600: "_size_600_xpmp3_gg_",
20
- _size_700: "_size_700_xpmp3_gg_",
21
- _size_800: "_size_800_xpmp3_gg_",
22
- _noWrap: "__noWrap_xpmp3_gg_",
23
- _medium: "__medium_xpmp3_gg_",
24
- _semibold: "__semibold_xpmp3_gg_",
25
- _bold: "__bold_xpmp3_gg_",
26
- _italic: "__italic_xpmp3_gg_",
27
- _monospace: "__monospace_xpmp3_gg_",
28
- _uppercase: "__uppercase_xpmp3_gg_",
29
- _lowercase: "__lowercase_xpmp3_gg_",
30
- _capitalize: "__capitalize_xpmp3_gg_",
31
- _decoration: "__decoration_xpmp3_gg_",
32
- "--decoration": "--decoration_xpmp3",
33
- _color: "__color_xpmp3_gg_",
34
- "--color": "--color_xpmp3",
35
- _fontSize: "__fontSize_xpmp3_gg_",
36
- "--fontSize": "--fontSize_xpmp3",
37
- _lineHeight: "__lineHeight_xpmp3_gg_",
38
- "--lineHeight": "--lineHeight_xpmp3",
39
- _fontWeight: "__fontWeight_xpmp3_gg_",
40
- "--fontWeight": "--fontWeight_xpmp3",
41
- _textAlign: "__textAlign_xpmp3_gg_",
42
- "--textAlign": "--textAlign_xpmp3",
43
- _use_primary: "_use_primary_xpmp3_gg_",
44
- _use_secondary: "_use_secondary_xpmp3_gg_",
45
- _disabled: "__disabled_xpmp3_gg_"
11
+ '.___SText_uj024_gg_{padding:0;margin:0}.___SText_uj024_gg_ abbr{color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79);text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79)}.___SText_uj024_gg_ abbr:active,.___SText_uj024_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SText_uj024_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}}.___SText_uj024_gg_ a,.___SText_uj024_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none}.___SText_uj024_gg_ a{display:inline;background:0 0;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_uj024_gg_ a:active{color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SText_uj024_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_uj024_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SText_uj024_gg_ code,.___SText_uj024_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_uj024_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SText_uj024_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);font-family:Georgia,Times,"Times New Roman",serif}.___SText_uj024_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_uj024_gg_):before,.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_uj024_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_uj024_gg_)+li:not(.___SText_uj024_gg_),.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_uj024_gg_)+li:not(.___SText_uj024_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_uj024_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_uj024_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_uj024_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_uj024_gg_ h1:only-child,.___SText_uj024_gg_ h2:only-child,.___SText_uj024_gg_ h3:only-child,.___SText_uj024_gg_ h4:only-child,.___SText_uj024_gg_ h5:only-child,.___SText_uj024_gg_ h6:only-child{margin-bottom:0}.___SText_uj024_gg_ h2,.___SText_uj024_gg_ h3{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_uj024_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_uj024_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_uj024_gg_ h2,.___SText_uj024_gg_ h3,.___SText_uj024_gg_ h4,.___SText_uj024_gg_ h5{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_uj024_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_uj024_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_uj024_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SText_uj024_gg_ h1 small,.___SText_uj024_gg_ h2 small,.___SText_uj024_gg_ h3 small,.___SText_uj024_gg_ h4 small,.___SText_uj024_gg_ h5 small,.___SText_uj024_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_uj024_gg_ li,.___SText_uj024_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_uj024_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_uj024_gg_ p:last-child,.___SText_uj024_gg_._size_100_uj024_gg_ p:last-child,.___SText_uj024_gg_._size_200_uj024_gg_ p:last-child,.___SText_uj024_gg_._size_300_uj024_gg_ p:last-child{margin-bottom:0}.___SText_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_ ol ol li,.___SText_uj024_gg_._size_100_uj024_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_ ol ol ol li,.___SText_uj024_gg_._size_100_uj024_gg_ ol ol ol li,.___SText_uj024_gg_._size_200_uj024_gg_ ol ol ol li,.___SText_uj024_gg_._size_300_uj024_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_uj024_gg_._size_100_uj024_gg_,.___SText_uj024_gg_._size_100_uj024_gg_ li,.___SText_uj024_gg_._size_100_uj024_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_uj024_gg_._size_100_uj024_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_100_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_100_uj024_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_uj024_gg_._size_200_uj024_gg_,.___SText_uj024_gg_._size_200_uj024_gg_ li,.___SText_uj024_gg_._size_200_uj024_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_uj024_gg_._size_200_uj024_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_uj024_gg_._size_200_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_200_uj024_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_200_uj024_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_uj024_gg_._size_300_uj024_gg_,.___SText_uj024_gg_._size_300_uj024_gg_ li,.___SText_uj024_gg_._size_300_uj024_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_uj024_gg_._size_300_uj024_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_uj024_gg_._size_300_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_300_uj024_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_300_uj024_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_uj024_gg_._size_400_uj024_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_uj024_gg_._size_500_uj024_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_uj024_gg_._size_600_uj024_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_uj024_gg_._size_700_uj024_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_uj024_gg_._size_800_uj024_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_uj024_gg_.__noWrap_uj024_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_uj024_gg_.__medium_uj024_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_uj024_gg_.__semibold_uj024_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_uj024_gg_.__bold_uj024_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_uj024_gg_.__italic_uj024_gg_{font-style:italic}.___SText_uj024_gg_.__monospace_uj024_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_uj024_gg_.__uppercase_uj024_gg_{text-transform:uppercase}.___SText_uj024_gg_.__lowercase_uj024_gg_{text-transform:lowercase}.___SText_uj024_gg_.__capitalize_uj024_gg_{text-transform:capitalize}.___SText_uj024_gg_.__decoration_uj024_gg_{-webkit-text-decoration:var(--decoration_uj024);text-decoration:var(--decoration_uj024)}.___SText_uj024_gg_.__color_uj024_gg_{color:var(--color_uj024)}.___SText_uj024_gg_.__fontSize_uj024_gg_{font-size:var(--fontSize_uj024)}.___SText_uj024_gg_.__lineHeight_uj024_gg_{line-height:var(--lineHeight_uj024)}.___SText_uj024_gg_.__fontWeight_uj024_gg_{font-weight:var(--fontWeight_uj024)}.___SText_uj024_gg_.__textAlign_uj024_gg_{text-align:var(--textAlign_uj024)}.___SText_uj024_gg_._use_primary_uj024_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_uj024_gg_._use_secondary_uj024_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_uj024_gg_.__disabled_uj024_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_uj024_gg_ a{transition:none}}',
12
+ /*__inner_css_end__*/
13
+ "uj024_gg_"
14
+ ), /*__reshadow_css_end__*/
15
+ {
16
+ "__SText": "___SText_uj024_gg_",
17
+ "_size_400": "_size_400_uj024_gg_",
18
+ "_size_500": "_size_500_uj024_gg_",
19
+ "_size_600": "_size_600_uj024_gg_",
20
+ "_size_700": "_size_700_uj024_gg_",
21
+ "_size_800": "_size_800_uj024_gg_",
22
+ "_noWrap": "__noWrap_uj024_gg_",
23
+ "_medium": "__medium_uj024_gg_",
24
+ "_semibold": "__semibold_uj024_gg_",
25
+ "_bold": "__bold_uj024_gg_",
26
+ "_italic": "__italic_uj024_gg_",
27
+ "_monospace": "__monospace_uj024_gg_",
28
+ "_uppercase": "__uppercase_uj024_gg_",
29
+ "_lowercase": "__lowercase_uj024_gg_",
30
+ "_capitalize": "__capitalize_uj024_gg_",
31
+ "_decoration": "__decoration_uj024_gg_",
32
+ "--decoration": "--decoration_uj024",
33
+ "_color": "__color_uj024_gg_",
34
+ "--color": "--color_uj024",
35
+ "_fontSize": "__fontSize_uj024_gg_",
36
+ "--fontSize": "--fontSize_uj024",
37
+ "_lineHeight": "__lineHeight_uj024_gg_",
38
+ "--lineHeight": "--lineHeight_uj024",
39
+ "_fontWeight": "__fontWeight_uj024_gg_",
40
+ "--fontWeight": "--fontWeight_uj024",
41
+ "_textAlign": "__textAlign_uj024_gg_",
42
+ "--textAlign": "--textAlign_uj024",
43
+ "_use_primary": "_use_primary_uj024_gg_",
44
+ "_use_secondary": "_use_secondary_uj024_gg_",
45
+ "_disabled": "__disabled_uj024_gg_",
46
+ "_size_100": "_size_100_uj024_gg_",
47
+ "_size_200": "_size_200_uj024_gg_",
48
+ "_size_300": "_size_300_uj024_gg_"
46
49
  })
47
50
  );
48
- function v(_, e) {
49
- if (_)
51
+ function getTextDecoration(underline, lineThrough) {
52
+ if (underline) {
50
53
  return "underline";
51
- if (e)
54
+ }
55
+ if (lineThrough) {
52
56
  return "line-through";
57
+ }
53
58
  }
54
- function t(_, e) {
55
- var i = arguments[0], p, a = h, x = _.color, r = _.underline, o = _.lineThrough, m = v(r, o), n = d();
56
- return p = g(z), /* @__PURE__ */ f.createElement(a, p.cn("SText", l({}, s({
57
- tag: "span",
59
+ function Text(props, ref) {
60
+ var _ref = arguments[0], _ref2;
61
+ var SText = Box;
62
+ var color = props.color, underline = props.underline, lineThrough = props.lineThrough;
63
+ var textDecoration = getTextDecoration(underline, lineThrough);
64
+ var resolveColor = useColorResolver();
65
+ return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", _objectSpread({}, assignProps({
66
+ "tag": "span",
58
67
  "data-ui-name": "Text",
59
- ref: e,
60
- "use:decoration": m,
61
- "use:color": n(x)
62
- }, i))));
68
+ "ref": ref,
69
+ "use:decoration": textDecoration,
70
+ "use:color": resolveColor(color)
71
+ }, _ref))));
63
72
  }
64
- t.displayName = "Text";
65
- const w = c(t);
73
+ Text.displayName = "Text";
74
+ const Text$1 = createBaseComponent(Text);
66
75
  export {
67
- w as default
76
+ Text$1 as default
68
77
  };
package/lib/esm/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
- import { default as o } from "./Text.mjs";
2
- import { default as f } from "./Blockquote.mjs";
3
- import { default as l } from "./List.mjs";
1
+ import { default as default2 } from "./Text.mjs";
2
+ import { default as default3 } from "./Blockquote.mjs";
3
+ import { default as default4 } from "./List.mjs";
4
4
  export {
5
- f as Blockquote,
6
- l as List,
7
- o as Text
5
+ default3 as Blockquote,
6
+ default4 as List,
7
+ default2 as Text
8
8
  };
package/lib/esm/style/blockquote.shadow.css ADDED
@@ -0,0 +1,28 @@
1
+ SBlockquote {
2
+ position: relative;
3
+ display: flex;
4
+ font-style: italic;
5
+ font-size: var(--intergalactic-fs-400, 20px);
6
+ line-height: var(--intergalactic-lh-400, 120%);
7
+ color: var(--intergalactic-text-primary, #191b23);
8
+ }
9
+
10
+ SDoubleQuotation {
11
+ position: relative;
12
+ margin-right: var(--intergalactic-spacing-5x, 20px);
13
+ font-family: 'Times New Roman', serif;
14
+ font-style: normal;
15
+ /* disable-tokens-validator */
16
+ font-size: 68px;
17
+ line-height: 52px;
18
+ color: var(--intergalactic-text-large-secondary, #a9abb6);
19
+ }
20
+
21
+ SAuthor {
22
+ display: block;
23
+ margin-top: var(--intergalactic-spacing-4x, 16px);
24
+ color: var(--intergalactic-text-secondary, #6c6e79);
25
+ font-style: normal;
26
+ font-size: var(--intergalactic-fs-300, 16px);
27
+ line-height: var(--intergalactic-lh-300, 150%);
28
+ }
package/lib/esm/style/list.shadow.css ADDED
@@ -0,0 +1,28 @@
1
+ SList {
2
+ padding: 0;
3
+ margin: 0;
4
+ list-style-type: none;
5
+ }
6
+
7
+ SContent {
8
+ overflow: inherit;
9
+ text-overflow: inherit;
10
+ }
11
+
12
+ SList SList {
13
+ margin-top: var(--intergalactic-spacing-2x, 8px);
14
+ }
15
+
16
+ SItem {
17
+ display: flex;
18
+ }
19
+
20
+ SItem + SItem {
21
+ margin-top: var(--intergalactic-spacing-2x, 8px);
22
+ }
23
+
24
+ SMarker {
25
+ margin-right: var(--intergalactic-spacing-2x, 8px);
26
+ color: var(--intergalactic-text-secondary, #6c6e79);
27
+ line-height: normal;
28
+ }