@semcore/typography 5.49.0-prerelease.0 → 5.50.0
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.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Blockquote.js +5 -5
- package/lib/cjs/Hint.js +13 -13
- package/lib/cjs/List.js +11 -11
- package/lib/cjs/Text.js +35 -35
- package/lib/es6/{Blockquote.js → Blockquote.mjs} +6 -6
- package/lib/es6/Blockquote.mjs.map +1 -0
- package/lib/es6/{Hint.js → Hint.mjs} +14 -14
- package/lib/es6/Hint.mjs.map +1 -0
- package/lib/es6/{List.js → List.mjs} +12 -12
- package/lib/es6/List.mjs.map +1 -0
- package/lib/es6/Text.mjs +71 -0
- package/lib/es6/Text.mjs.map +1 -0
- package/lib/es6/index.d.mjs +2 -0
- package/lib/es6/index.d.mjs.map +1 -0
- package/lib/es6/{index.js → index.mjs} +1 -1
- package/lib/es6/index.mjs.map +1 -0
- package/package.json +5 -5
- package/lib/es6/Blockquote.js.map +0 -1
- package/lib/es6/Hint.js.map +0 -1
- package/lib/es6/List.js.map +0 -1
- package/lib/es6/Text.js +0 -71
- package/lib/es6/Text.js.map +0 -1
- package/lib/es6/index.d.js +0 -2
- package/lib/es6/index.d.js.map +0 -1
- package/lib/es6/index.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [5.50.0] - 2025-02-03
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.44.1 ~> 4.45.0], `@semcore/flex-box` [5.39.1 ~> 5.40.0], `@semcore/icon` [4.55.0 ~> 4.56.0], `@semcore/core` [2.37.1 ~> 2.38.0]).
|
|
10
|
+
|
|
5
11
|
## [5.49.0] - 2025-01-21
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Blockquote.js
CHANGED
|
@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
9
|
var _index = require("@semcore/utils/lib/core/index");
|
|
10
10
|
var _core = require("@semcore/core");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
|
|
13
13
|
var _flexBox = require("@semcore/flex-box");
|
|
14
14
|
/*__reshadow-styles__:"./style/blockquote.shadow.css"*/
|
|
15
|
-
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SBlockquote": "
|
|
17
|
-
"__SDoubleQuotation": "
|
|
18
|
-
"__SAuthor": "
|
|
15
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_1e9s9_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_1e9s9_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_1e9s9_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "1e9s9_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBlockquote": "___SBlockquote_1e9s9_gg_",
|
|
17
|
+
"__SDoubleQuotation": "___SDoubleQuotation_1e9s9_gg_",
|
|
18
|
+
"__SAuthor": "___SAuthor_1e9s9_gg_"
|
|
19
19
|
});
|
|
20
20
|
function Blockquote(props, ref) {
|
|
21
21
|
var _ref = arguments[0],
|
package/lib/cjs/Hint.js
CHANGED
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
|
11
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
|
13
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
15
15
|
var _index = require("@semcore/utils/lib/core/index");
|
|
16
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -20,13 +20,13 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
20
20
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
21
21
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
22
22
|
/*__reshadow-styles__:"./style/hint.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SHint": "
|
|
25
|
-
"_keyboardFocused": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SAddon": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"_active": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SHint_1iqi9_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_1iqi9_gg_.__active_1iqi9_gg_,.___SHint_1iqi9_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1iqi9_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1iqi9_gg_.__keyboardFocused_1iqi9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1iqi9_gg_.__disabled_1iqi9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1iqi9_gg_{vertical-align:middle;display:inline-flex}.___SHint_1iqi9_gg_ .___SAddon_1iqi9_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1iqi9_gg_ .___SAddon_1iqi9_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1iqi9_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1iqi9_gg_{transition:none}}" /*__inner_css_end__*/, "1iqi9_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SHint": "___SHint_1iqi9_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_1iqi9_gg_",
|
|
26
|
+
"_disabled": "__disabled_1iqi9_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_1iqi9_gg_",
|
|
28
|
+
"__SText": "___SText_1iqi9_gg_",
|
|
29
|
+
"_active": "__active_1iqi9_gg_"
|
|
30
30
|
});
|
|
31
31
|
var RootHint = /*#__PURE__*/function (_Component) {
|
|
32
32
|
(0, _inherits2["default"])(RootHint, _Component);
|
package/lib/cjs/List.js
CHANGED
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
|
11
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
|
13
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
15
15
|
var _index = require("@semcore/utils/lib/core/index");
|
|
16
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -20,11 +20,11 @@ var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
|
|
|
20
20
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
21
21
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
22
22
|
/*__reshadow-styles__:"./style/list.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SList": "
|
|
25
|
-
"__SContent": "
|
|
26
|
-
"__SItem": "
|
|
27
|
-
"__SMarker": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SList_1998j_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1998j_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1998j_gg_+.___SItem_1998j_gg_,.___SList_1998j_gg_ .___SList_1998j_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1998j_gg_{display:flex}.___SMarker_1998j_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "1998j_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SList": "___SList_1998j_gg_",
|
|
25
|
+
"__SContent": "___SContent_1998j_gg_",
|
|
26
|
+
"__SItem": "___SItem_1998j_gg_",
|
|
27
|
+
"__SMarker": "___SMarker_1998j_gg_"
|
|
28
28
|
});
|
|
29
29
|
var ListRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
(0, _inherits2["default"])(ListRoot, _Component);
|
package/lib/cjs/Text.js
CHANGED
|
@@ -5,47 +5,47 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
9
|
var _index = require("@semcore/utils/lib/core/index");
|
|
10
10
|
var _core = require("@semcore/core");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _flexBox = require("@semcore/flex-box");
|
|
13
13
|
var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
14
14
|
/*__reshadow-styles__:"./style/text.shadow.css"*/
|
|
15
|
-
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SText": "
|
|
17
|
-
"_size_100": "
|
|
18
|
-
"_size_200": "
|
|
19
|
-
"_size_300": "
|
|
20
|
-
"_size_400": "
|
|
21
|
-
"_size_500": "
|
|
22
|
-
"_size_600": "
|
|
23
|
-
"_size_700": "
|
|
24
|
-
"_size_800": "
|
|
25
|
-
"_noWrap": "
|
|
26
|
-
"_medium": "
|
|
27
|
-
"_semibold": "
|
|
28
|
-
"_bold": "
|
|
29
|
-
"_italic": "
|
|
30
|
-
"_monospace": "
|
|
31
|
-
"_uppercase": "
|
|
32
|
-
"_lowercase": "
|
|
33
|
-
"_capitalize": "
|
|
34
|
-
"_decoration": "
|
|
35
|
-
"--decoration": "--
|
|
36
|
-
"_color": "
|
|
37
|
-
"--color": "--
|
|
38
|
-
"_fontSize": "
|
|
39
|
-
"--fontSize": "--
|
|
40
|
-
"_lineHeight": "
|
|
41
|
-
"--lineHeight": "--
|
|
42
|
-
"_fontWeight": "
|
|
43
|
-
"--fontWeight": "--
|
|
44
|
-
"_textAlign": "
|
|
45
|
-
"--textAlign": "--
|
|
46
|
-
"_use_primary": "
|
|
47
|
-
"_use_secondary": "
|
|
48
|
-
"_disabled": "
|
|
15
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SText_zmkmd_gg_{padding:0;margin:0}.___SText_zmkmd_gg_._size_100_zmkmd_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_zmkmd_gg_._size_200_zmkmd_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_zmkmd_gg_._size_300_zmkmd_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_zmkmd_gg_._size_400_zmkmd_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_zmkmd_gg_._size_500_zmkmd_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_zmkmd_gg_._size_600_zmkmd_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_zmkmd_gg_._size_700_zmkmd_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_zmkmd_gg_._size_800_zmkmd_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_zmkmd_gg_.__noWrap_zmkmd_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_zmkmd_gg_.__medium_zmkmd_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_zmkmd_gg_.__semibold_zmkmd_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_zmkmd_gg_.__bold_zmkmd_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_zmkmd_gg_.__italic_zmkmd_gg_{font-style:italic}.___SText_zmkmd_gg_.__monospace_zmkmd_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_zmkmd_gg_.__uppercase_zmkmd_gg_{text-transform:uppercase}.___SText_zmkmd_gg_.__lowercase_zmkmd_gg_{text-transform:lowercase}.___SText_zmkmd_gg_.__capitalize_zmkmd_gg_{text-transform:capitalize}.___SText_zmkmd_gg_.__decoration_zmkmd_gg_{-webkit-text-decoration:var(--decoration_zmkmd);text-decoration:var(--decoration_zmkmd)}.___SText_zmkmd_gg_.__color_zmkmd_gg_{color:var(--color_zmkmd)}.___SText_zmkmd_gg_.__fontSize_zmkmd_gg_{font-size:var(--fontSize_zmkmd)}.___SText_zmkmd_gg_.__lineHeight_zmkmd_gg_{line-height:var(--lineHeight_zmkmd)}.___SText_zmkmd_gg_.__fontWeight_zmkmd_gg_{font-weight:var(--fontWeight_zmkmd)}.___SText_zmkmd_gg_.__textAlign_zmkmd_gg_{text-align:var(--textAlign_zmkmd)}.___SText_zmkmd_gg_._use_primary_zmkmd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_zmkmd_gg_._use_secondary_zmkmd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_zmkmd_gg_.__disabled_zmkmd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "zmkmd_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SText": "___SText_zmkmd_gg_",
|
|
17
|
+
"_size_100": "_size_100_zmkmd_gg_",
|
|
18
|
+
"_size_200": "_size_200_zmkmd_gg_",
|
|
19
|
+
"_size_300": "_size_300_zmkmd_gg_",
|
|
20
|
+
"_size_400": "_size_400_zmkmd_gg_",
|
|
21
|
+
"_size_500": "_size_500_zmkmd_gg_",
|
|
22
|
+
"_size_600": "_size_600_zmkmd_gg_",
|
|
23
|
+
"_size_700": "_size_700_zmkmd_gg_",
|
|
24
|
+
"_size_800": "_size_800_zmkmd_gg_",
|
|
25
|
+
"_noWrap": "__noWrap_zmkmd_gg_",
|
|
26
|
+
"_medium": "__medium_zmkmd_gg_",
|
|
27
|
+
"_semibold": "__semibold_zmkmd_gg_",
|
|
28
|
+
"_bold": "__bold_zmkmd_gg_",
|
|
29
|
+
"_italic": "__italic_zmkmd_gg_",
|
|
30
|
+
"_monospace": "__monospace_zmkmd_gg_",
|
|
31
|
+
"_uppercase": "__uppercase_zmkmd_gg_",
|
|
32
|
+
"_lowercase": "__lowercase_zmkmd_gg_",
|
|
33
|
+
"_capitalize": "__capitalize_zmkmd_gg_",
|
|
34
|
+
"_decoration": "__decoration_zmkmd_gg_",
|
|
35
|
+
"--decoration": "--decoration_zmkmd",
|
|
36
|
+
"_color": "__color_zmkmd_gg_",
|
|
37
|
+
"--color": "--color_zmkmd",
|
|
38
|
+
"_fontSize": "__fontSize_zmkmd_gg_",
|
|
39
|
+
"--fontSize": "--fontSize_zmkmd",
|
|
40
|
+
"_lineHeight": "__lineHeight_zmkmd_gg_",
|
|
41
|
+
"--lineHeight": "--lineHeight_zmkmd",
|
|
42
|
+
"_fontWeight": "__fontWeight_zmkmd_gg_",
|
|
43
|
+
"--fontWeight": "--fontWeight_zmkmd",
|
|
44
|
+
"_textAlign": "__textAlign_zmkmd_gg_",
|
|
45
|
+
"--textAlign": "--textAlign_zmkmd",
|
|
46
|
+
"_use_primary": "_use_primary_zmkmd_gg_",
|
|
47
|
+
"_use_secondary": "_use_secondary_zmkmd_gg_",
|
|
48
|
+
"_disabled": "__disabled_zmkmd_gg_"
|
|
49
49
|
});
|
|
50
50
|
function getTextDecoration(underline, lineThrough) {
|
|
51
51
|
if (underline) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
4
|
import React from 'react';
|
|
@@ -6,10 +6,10 @@ import { createBaseComponent, Root, sstyled } from '@semcore/core';
|
|
|
6
6
|
import isNode from '@semcore/utils/lib/isNode';
|
|
7
7
|
import { Box } from '@semcore/flex-box';
|
|
8
8
|
/*__reshadow-styles__:"./style/blockquote.shadow.css"*/
|
|
9
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
10
|
-
"__SBlockquote": "
|
|
11
|
-
"__SDoubleQuotation": "
|
|
12
|
-
"__SAuthor": "
|
|
9
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_1e9s9_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_1e9s9_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_1e9s9_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "1e9s9_gg_") /*__reshadow_css_end__*/, {
|
|
10
|
+
"__SBlockquote": "___SBlockquote_1e9s9_gg_",
|
|
11
|
+
"__SDoubleQuotation": "___SDoubleQuotation_1e9s9_gg_",
|
|
12
|
+
"__SAuthor": "___SAuthor_1e9s9_gg_"
|
|
13
13
|
});
|
|
14
14
|
function Blockquote(props, ref) {
|
|
15
15
|
var _ref = arguments[0],
|
|
@@ -26,4 +26,4 @@ function Blockquote(props, ref) {
|
|
|
26
26
|
}
|
|
27
27
|
Blockquote.displayName = 'Blockquote';
|
|
28
28
|
export default createBaseComponent(Blockquote);
|
|
29
|
-
//# sourceMappingURL=Blockquote.
|
|
29
|
+
//# sourceMappingURL=Blockquote.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Blockquote.mjs","names":["React","createBaseComponent","Root","sstyled","isNode","Box","styles","_sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread","_assignProps","displayName"],"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAIxC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMV,GAAG;EAL1B,IAAMW,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaR,KAAK,CAA1BQ,QAAQ;IAAEC,MAAM,GAAKT,KAAK,CAAhBS,MAAM;EAExB,OAAAL,KAAA,GAAOX,OAAO,CAACG,MAAM,CAAC,eACpBN,KAAA,CAAAoB,aAAA,CAACL,WAAW,EAAAD,KAAA,CAAAO,EAAA,gBAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB,YAAY;IAAA,OAAMZ;EAAG,GAAAC,IAAA,kBACjDZ,KAAA,CAAAoB,aAAA,CAACJ,gBAAgB,EAAAF,KAAA,CAAAO,EAAA,0BAAC,QAAC,CAAmB,eACtCrB,KAAA,CAAAoB,aAAA,SAAAN,KAAA,CAAAO,EAAA,cACGH,QAAQ,EACRd,MAAM,CAACe,MAAM,CAAC,iBAAInB,KAAA,CAAAoB,aAAA,CAACH,OAAO,EAAAH,KAAA,CAAAO,EAAA,iBAAEF,MAAM,CAAW,CACzC,CACK;AAElB;AAEAV,UAAU,CAACe,WAAW,GAAG,YAAY;AAErC,eAAevB,mBAAmB,CAACQ,UAAU,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
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
7
|
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
8
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
@@ -15,13 +15,13 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhan
|
|
|
15
15
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
16
16
|
import Text from './Text';
|
|
17
17
|
/*__reshadow-styles__:"./style/hint.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SHint": "
|
|
20
|
-
"_keyboardFocused": "
|
|
21
|
-
"_disabled": "
|
|
22
|
-
"__SAddon": "
|
|
23
|
-
"__SText": "
|
|
24
|
-
"_active": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_1iqi9_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_1iqi9_gg_.__active_1iqi9_gg_,.___SHint_1iqi9_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1iqi9_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1iqi9_gg_.__keyboardFocused_1iqi9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1iqi9_gg_.__disabled_1iqi9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1iqi9_gg_{vertical-align:middle;display:inline-flex}.___SHint_1iqi9_gg_ .___SAddon_1iqi9_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1iqi9_gg_ .___SAddon_1iqi9_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1iqi9_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1iqi9_gg_{transition:none}}" /*__inner_css_end__*/, "1iqi9_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SHint": "___SHint_1iqi9_gg_",
|
|
20
|
+
"_keyboardFocused": "__keyboardFocused_1iqi9_gg_",
|
|
21
|
+
"_disabled": "__disabled_1iqi9_gg_",
|
|
22
|
+
"__SAddon": "___SAddon_1iqi9_gg_",
|
|
23
|
+
"__SText": "___SText_1iqi9_gg_",
|
|
24
|
+
"_active": "__active_1iqi9_gg_"
|
|
25
25
|
});
|
|
26
26
|
var RootHint = /*#__PURE__*/function (_Component) {
|
|
27
27
|
_inherits(RootHint, _Component);
|
|
@@ -78,4 +78,4 @@ var Hint = createComponent(RootHint, {
|
|
|
78
78
|
Addon: Addon
|
|
79
79
|
});
|
|
80
80
|
export default Hint;
|
|
81
|
-
//# sourceMappingURL=Hint.
|
|
81
|
+
//# sourceMappingURL=Hint.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Hint.mjs","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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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
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
7
|
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
8
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
@@ -15,11 +15,11 @@ import isNode from '@semcore/utils/lib/isNode';
|
|
|
15
15
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
16
16
|
import Text from './Text';
|
|
17
17
|
/*__reshadow-styles__:"./style/list.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SList": "
|
|
20
|
-
"__SContent": "
|
|
21
|
-
"__SItem": "
|
|
22
|
-
"__SMarker": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_1998j_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1998j_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1998j_gg_+.___SItem_1998j_gg_,.___SList_1998j_gg_ .___SList_1998j_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1998j_gg_{display:flex}.___SMarker_1998j_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "1998j_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SList": "___SList_1998j_gg_",
|
|
20
|
+
"__SContent": "___SContent_1998j_gg_",
|
|
21
|
+
"__SItem": "___SItem_1998j_gg_",
|
|
22
|
+
"__SMarker": "___SMarker_1998j_gg_"
|
|
23
23
|
});
|
|
24
24
|
var ListRoot = /*#__PURE__*/function (_Component) {
|
|
25
25
|
_inherits(ListRoot, _Component);
|
|
@@ -105,4 +105,4 @@ var List = createComponent(ListRoot, {
|
|
|
105
105
|
Item: Item
|
|
106
106
|
});
|
|
107
107
|
export default List;
|
|
108
|
-
//# sourceMappingURL=List.
|
|
108
|
+
//# sourceMappingURL=List.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.mjs","names":["React","createComponent","Component","Root","sstyled","Flex","isNode","isAdvanceMode","Text","style","_sstyled","insert","ListRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","ItemRoot","_Component2","_super2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","_assignProps3"],"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":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,IAAI,QAAQ,mBAAmB;AACxC,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,aAAa,QAAQ,kCAAkC;AAEhE,OAAOC,IAAI,MAAM,QAAQ;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAAK,eAAA,OAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EAOZ,SAAAC,aAAA,EAAe;MACb,IAAQC,MAAM,GAAK,IAAI,CAACC,OAAO,CAAvBD,MAAM;MACd,OAAO;QACLA,MAAM,EAANA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAF,OAAA;QAAAG,KAAA;MACP,IAAMC,KAAK,GAE2BrB,IAAI;MAD1C,IAAQsB,MAAM,GAAK,IAAI,CAACL,OAAO,CAAvBK,MAAM;MACd,OAAAF,KAAA,GAAOxB,OAAO,CAAC0B,MAAM,CAAC,eAAC9B,KAAA,CAAA+B,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;QAAA,OAAmB,IAAI;QAAA,QAAM;MAAM,GAAAP,IAAA,IAAG;IACrE;EAAC;EAAA,OAAAf,QAAA;AAAA,EAlBoBV,SAAS;AAAAiC,eAAA,CAA1BvB,QAAQ,iBACS,MAAM;AAAAuB,eAAA,CADvBvB,QAAQ,WAEGH,KAAK;AAAA0B,eAAA,CAFhBvB,QAAQ,kBAGU;EACpBY,MAAM,EAAE;AACV,CAAC;AAAA,IAgBGY,QAAQ,0BAAAC,WAAA;EAAAvB,SAAA,CAAAsB,QAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAAtB,YAAA,CAAAoB,QAAA;EAAA,SAAAA,SAAA;IAAAnB,eAAA,OAAAmB,QAAA;IAAA,OAAAE,OAAA,CAAApB,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAgB,QAAA;IAAAf,GAAA;IAAAC,KAAA,EAIZ,SAAAI,OAAA,EAAS;MAAA,IAAAa,KAAA,QAAAd,OAAA;QAAAe,KAAA;MACP,IAAMC,KAAK,GAQMjC,IAAI;MAPrB,IAAAkC,aAAA,GAA2D,IAAI,CAACjB,OAAO;QAA/DK,MAAM,GAAAY,aAAA,CAANZ,MAAM;QAAEa,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAUC,UAAU,GAAAF,aAAA,CAAlBlB,MAAM;QAAcqB,QAAQ,GAAAH,aAAA,CAARG,QAAQ;MACtD,IAAMC,OAAO,GAAG,MAAM;MACtB,IAAMC,QAAQ,GAAG,KAAK;MAEtB,IAAMC,cAAc,GAAGzC,aAAa,CAACsC,QAAQ,EAAE,CAACI,IAAI,CAACC,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;MAE/E,OAAAZ,KAAA,GAAOpC,OAAO,CAAC0B,MAAM,CAAC,eACpB9B,KAAA,CAAA+B,aAAA,CAACU,KAAK,EAAAD,KAAA,CAAAR,EAAA,UAAAC,aAAA,KAAAoB,aAAA;QAAA,OAAmB,IAAI;QAAA,QAAM;MAAU,GAAAd,KAAA,KAC1CjC,MAAM,CAACsC,UAAU,CAAC,iBAAI5C,KAAA,CAAA+B,aAAA,CAACe,OAAO,EAAAN,KAAA,CAAAR,EAAA;QAAA,eAAa;MAAM,IAAEY,UAAU,CAAW,EACxEI,cAAc,gBAAGhD,KAAA,CAAA+B,aAAA,CAACc,QAAQ,EAAAL,KAAA,CAAAR,EAAA,iBAAG,gBAAGhC,KAAA,CAAA+B,aAAA,CAACgB,QAAQ,EAAAP,KAAA,CAAAR,EAAA,kBAAEW,QAAQ,CAAY,CAC1D;IAEZ;EAAC;EAAA,OAAAP,QAAA;AAAA,EAlBoBlC,SAAS;AAAAiC,eAAA,CAA1BC,QAAQ,WACG3B,KAAK;AAAA0B,eAAA,CADhBC,QAAQ,iBAES,MAAM;AAmB7B,SAASe,OAAOA,CAACG,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAQ3B,MAAM,GAAewB,KAAK,CAA1BxB,MAAM;IAAEa,QAAQ,GAAKW,KAAK,CAAlBX,QAAQ;EACxB,IAAMI,QAAQ,GAE2B1C,IAAI;EAA7C,OAAAoD,KAAA,GAAOrD,OAAO,CAAC0B,MAAM,CAAC,eAAC9B,KAAA,CAAA+B,aAAA,CAACgB,QAAQ,EAAAU,KAAA,CAAAzB,EAAA,aAAAC,aAAA,KAAAyB,aAAA,KAAAH,KAAA,KAAgBZ,QAAQ,CAAY;AACtE;AAEAQ,OAAO,CAACC,WAAW,GAAG,SAAS;AAE/B,IAAMF,IAAI,GAAGjD,eAAe,CAACmC,QAAQ,EAAE;EAAEe,OAAO,EAAPA;AAAQ,CAAC,CAAC;AAEnD,IAAMF,IAAI,GAAGhD,eAAe,CAACW,QAAQ,EAAE;EAAEsC,IAAI,EAAJA;AAAK,CAAC,CAAC;AAEhD,eAAeD,IAAI"}
|
package/lib/es6/Text.mjs
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
3
|
+
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { createBaseComponent, Root, sstyled } from '@semcore/core';
|
|
6
|
+
import { Box } from '@semcore/flex-box';
|
|
7
|
+
/*__reshadow-styles__:"./style/text.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_zmkmd_gg_{padding:0;margin:0}.___SText_zmkmd_gg_._size_100_zmkmd_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_zmkmd_gg_._size_200_zmkmd_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_zmkmd_gg_._size_300_zmkmd_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_zmkmd_gg_._size_400_zmkmd_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_zmkmd_gg_._size_500_zmkmd_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_zmkmd_gg_._size_600_zmkmd_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_zmkmd_gg_._size_700_zmkmd_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_zmkmd_gg_._size_800_zmkmd_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_zmkmd_gg_.__noWrap_zmkmd_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_zmkmd_gg_.__medium_zmkmd_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_zmkmd_gg_.__semibold_zmkmd_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_zmkmd_gg_.__bold_zmkmd_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_zmkmd_gg_.__italic_zmkmd_gg_{font-style:italic}.___SText_zmkmd_gg_.__monospace_zmkmd_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_zmkmd_gg_.__uppercase_zmkmd_gg_{text-transform:uppercase}.___SText_zmkmd_gg_.__lowercase_zmkmd_gg_{text-transform:lowercase}.___SText_zmkmd_gg_.__capitalize_zmkmd_gg_{text-transform:capitalize}.___SText_zmkmd_gg_.__decoration_zmkmd_gg_{-webkit-text-decoration:var(--decoration_zmkmd);text-decoration:var(--decoration_zmkmd)}.___SText_zmkmd_gg_.__color_zmkmd_gg_{color:var(--color_zmkmd)}.___SText_zmkmd_gg_.__fontSize_zmkmd_gg_{font-size:var(--fontSize_zmkmd)}.___SText_zmkmd_gg_.__lineHeight_zmkmd_gg_{line-height:var(--lineHeight_zmkmd)}.___SText_zmkmd_gg_.__fontWeight_zmkmd_gg_{font-weight:var(--fontWeight_zmkmd)}.___SText_zmkmd_gg_.__textAlign_zmkmd_gg_{text-align:var(--textAlign_zmkmd)}.___SText_zmkmd_gg_._use_primary_zmkmd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_zmkmd_gg_._use_secondary_zmkmd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_zmkmd_gg_.__disabled_zmkmd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "zmkmd_gg_") /*__reshadow_css_end__*/, {
|
|
9
|
+
"__SText": "___SText_zmkmd_gg_",
|
|
10
|
+
"_size_100": "_size_100_zmkmd_gg_",
|
|
11
|
+
"_size_200": "_size_200_zmkmd_gg_",
|
|
12
|
+
"_size_300": "_size_300_zmkmd_gg_",
|
|
13
|
+
"_size_400": "_size_400_zmkmd_gg_",
|
|
14
|
+
"_size_500": "_size_500_zmkmd_gg_",
|
|
15
|
+
"_size_600": "_size_600_zmkmd_gg_",
|
|
16
|
+
"_size_700": "_size_700_zmkmd_gg_",
|
|
17
|
+
"_size_800": "_size_800_zmkmd_gg_",
|
|
18
|
+
"_noWrap": "__noWrap_zmkmd_gg_",
|
|
19
|
+
"_medium": "__medium_zmkmd_gg_",
|
|
20
|
+
"_semibold": "__semibold_zmkmd_gg_",
|
|
21
|
+
"_bold": "__bold_zmkmd_gg_",
|
|
22
|
+
"_italic": "__italic_zmkmd_gg_",
|
|
23
|
+
"_monospace": "__monospace_zmkmd_gg_",
|
|
24
|
+
"_uppercase": "__uppercase_zmkmd_gg_",
|
|
25
|
+
"_lowercase": "__lowercase_zmkmd_gg_",
|
|
26
|
+
"_capitalize": "__capitalize_zmkmd_gg_",
|
|
27
|
+
"_decoration": "__decoration_zmkmd_gg_",
|
|
28
|
+
"--decoration": "--decoration_zmkmd",
|
|
29
|
+
"_color": "__color_zmkmd_gg_",
|
|
30
|
+
"--color": "--color_zmkmd",
|
|
31
|
+
"_fontSize": "__fontSize_zmkmd_gg_",
|
|
32
|
+
"--fontSize": "--fontSize_zmkmd",
|
|
33
|
+
"_lineHeight": "__lineHeight_zmkmd_gg_",
|
|
34
|
+
"--lineHeight": "--lineHeight_zmkmd",
|
|
35
|
+
"_fontWeight": "__fontWeight_zmkmd_gg_",
|
|
36
|
+
"--fontWeight": "--fontWeight_zmkmd",
|
|
37
|
+
"_textAlign": "__textAlign_zmkmd_gg_",
|
|
38
|
+
"--textAlign": "--textAlign_zmkmd",
|
|
39
|
+
"_use_primary": "_use_primary_zmkmd_gg_",
|
|
40
|
+
"_use_secondary": "_use_secondary_zmkmd_gg_",
|
|
41
|
+
"_disabled": "__disabled_zmkmd_gg_"
|
|
42
|
+
});
|
|
43
|
+
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
44
|
+
function getTextDecoration(underline, lineThrough) {
|
|
45
|
+
if (underline) {
|
|
46
|
+
return 'underline';
|
|
47
|
+
}
|
|
48
|
+
if (lineThrough) {
|
|
49
|
+
return 'line-through';
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
function Text(props, ref) {
|
|
53
|
+
var _ref = arguments[0],
|
|
54
|
+
_ref2;
|
|
55
|
+
var SText = Box;
|
|
56
|
+
var color = props.color,
|
|
57
|
+
underline = props.underline,
|
|
58
|
+
lineThrough = props.lineThrough;
|
|
59
|
+
var textDecoration = getTextDecoration(underline, lineThrough);
|
|
60
|
+
var resolveColor = useColorResolver();
|
|
61
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref2.cn("SText", _objectSpread({}, _assignProps({
|
|
62
|
+
"tag": 'span',
|
|
63
|
+
"data-ui-name": 'Text',
|
|
64
|
+
"ref": ref,
|
|
65
|
+
"use:decoration": textDecoration,
|
|
66
|
+
"use:color": resolveColor(color)
|
|
67
|
+
}, _ref))));
|
|
68
|
+
}
|
|
69
|
+
Text.displayName = 'Text';
|
|
70
|
+
export default createBaseComponent(Text);
|
|
71
|
+
//# sourceMappingURL=Text.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.mjs","names":["React","createBaseComponent","Root","sstyled","Box","styles","_sstyled","insert","useColorResolver","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","resolveColor","createElement","cn","_objectSpread","_assignProps","displayName"],"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;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;AAGxC,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,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,GAOCd,GAAG;EANf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMU,YAAY,GAAGb,gBAAgB,EAAE;EAEvC,OAAAS,KAAA,GAAOd,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAsB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAJ,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACc,WAAW,GAAG,MAAM;AAEzB,eAAezB,mBAAmB,CAACW,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mjs","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":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["default","Text","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,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc;AACpD,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ;AACxC,SAASH,OAAO,IAAII,IAAI,QAAQ,QAAQ"}
|
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/typography",
|
|
3
3
|
"description": "Semrush Typography Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.50.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
|
-
"module": "lib/es6/index.
|
|
6
|
+
"module": "lib/es6/index.mjs",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/flex-box": "5.
|
|
14
|
-
"@semcore/icon": "4.
|
|
12
|
+
"@semcore/utils": "4.45.0",
|
|
13
|
+
"@semcore/flex-box": "5.40.0",
|
|
14
|
+
"@semcore/icon": "4.56.0",
|
|
15
15
|
"csstype": "3.0.8"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Blockquote.js","names":["React","createBaseComponent","Root","sstyled","isNode","Box","styles","_sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread","_assignProps","displayName"],"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAIxC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMV,GAAG;EAL1B,IAAMW,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaR,KAAK,CAA1BQ,QAAQ;IAAEC,MAAM,GAAKT,KAAK,CAAhBS,MAAM;EAExB,OAAAL,KAAA,GAAOX,OAAO,CAACG,MAAM,CAAC,eACpBN,KAAA,CAAAoB,aAAA,CAACL,WAAW,EAAAD,KAAA,CAAAO,EAAA,gBAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB,YAAY;IAAA,OAAMZ;EAAG,GAAAC,IAAA,kBACjDZ,KAAA,CAAAoB,aAAA,CAACJ,gBAAgB,EAAAF,KAAA,CAAAO,EAAA,0BAAC,QAAC,CAAmB,eACtCrB,KAAA,CAAAoB,aAAA,SAAAN,KAAA,CAAAO,EAAA,cACGH,QAAQ,EACRd,MAAM,CAACe,MAAM,CAAC,iBAAInB,KAAA,CAAAoB,aAAA,CAACH,OAAO,EAAAH,KAAA,CAAAO,EAAA,iBAAEF,MAAM,CAAW,CACzC,CACK;AAElB;AAEAV,UAAU,CAACe,WAAW,GAAG,YAAY;AAErC,eAAevB,mBAAmB,CAACQ,UAAU,CAAC"}
|
package/lib/es6/Hint.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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/List.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","names":["React","createComponent","Component","Root","sstyled","Flex","isNode","isAdvanceMode","Text","style","_sstyled","insert","ListRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","ItemRoot","_Component2","_super2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","_assignProps3"],"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/es6/Text.js
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
3
|
-
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { createBaseComponent, Root, sstyled } from '@semcore/core';
|
|
6
|
-
import { Box } from '@semcore/flex-box';
|
|
7
|
-
/*__reshadow-styles__:"./style/text.shadow.css"*/
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_13vkm_gg_{padding:0;margin:0}.___SText_13vkm_gg_._size_100_13vkm_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_13vkm_gg_._size_200_13vkm_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_13vkm_gg_._size_300_13vkm_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_13vkm_gg_._size_400_13vkm_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_13vkm_gg_._size_500_13vkm_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_13vkm_gg_._size_600_13vkm_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_13vkm_gg_._size_700_13vkm_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_13vkm_gg_._size_800_13vkm_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_13vkm_gg_.__noWrap_13vkm_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_13vkm_gg_.__medium_13vkm_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_13vkm_gg_.__semibold_13vkm_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_13vkm_gg_.__bold_13vkm_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_13vkm_gg_.__italic_13vkm_gg_{font-style:italic}.___SText_13vkm_gg_.__monospace_13vkm_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_13vkm_gg_.__uppercase_13vkm_gg_{text-transform:uppercase}.___SText_13vkm_gg_.__lowercase_13vkm_gg_{text-transform:lowercase}.___SText_13vkm_gg_.__capitalize_13vkm_gg_{text-transform:capitalize}.___SText_13vkm_gg_.__decoration_13vkm_gg_{-webkit-text-decoration:var(--decoration_13vkm);text-decoration:var(--decoration_13vkm)}.___SText_13vkm_gg_.__color_13vkm_gg_{color:var(--color_13vkm)}.___SText_13vkm_gg_.__fontSize_13vkm_gg_{font-size:var(--fontSize_13vkm)}.___SText_13vkm_gg_.__lineHeight_13vkm_gg_{line-height:var(--lineHeight_13vkm)}.___SText_13vkm_gg_.__fontWeight_13vkm_gg_{font-weight:var(--fontWeight_13vkm)}.___SText_13vkm_gg_.__textAlign_13vkm_gg_{text-align:var(--textAlign_13vkm)}.___SText_13vkm_gg_._use_primary_13vkm_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_13vkm_gg_._use_secondary_13vkm_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_13vkm_gg_.__disabled_13vkm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "13vkm_gg_") /*__reshadow_css_end__*/, {
|
|
9
|
-
"__SText": "___SText_13vkm_gg_",
|
|
10
|
-
"_size_100": "_size_100_13vkm_gg_",
|
|
11
|
-
"_size_200": "_size_200_13vkm_gg_",
|
|
12
|
-
"_size_300": "_size_300_13vkm_gg_",
|
|
13
|
-
"_size_400": "_size_400_13vkm_gg_",
|
|
14
|
-
"_size_500": "_size_500_13vkm_gg_",
|
|
15
|
-
"_size_600": "_size_600_13vkm_gg_",
|
|
16
|
-
"_size_700": "_size_700_13vkm_gg_",
|
|
17
|
-
"_size_800": "_size_800_13vkm_gg_",
|
|
18
|
-
"_noWrap": "__noWrap_13vkm_gg_",
|
|
19
|
-
"_medium": "__medium_13vkm_gg_",
|
|
20
|
-
"_semibold": "__semibold_13vkm_gg_",
|
|
21
|
-
"_bold": "__bold_13vkm_gg_",
|
|
22
|
-
"_italic": "__italic_13vkm_gg_",
|
|
23
|
-
"_monospace": "__monospace_13vkm_gg_",
|
|
24
|
-
"_uppercase": "__uppercase_13vkm_gg_",
|
|
25
|
-
"_lowercase": "__lowercase_13vkm_gg_",
|
|
26
|
-
"_capitalize": "__capitalize_13vkm_gg_",
|
|
27
|
-
"_decoration": "__decoration_13vkm_gg_",
|
|
28
|
-
"--decoration": "--decoration_13vkm",
|
|
29
|
-
"_color": "__color_13vkm_gg_",
|
|
30
|
-
"--color": "--color_13vkm",
|
|
31
|
-
"_fontSize": "__fontSize_13vkm_gg_",
|
|
32
|
-
"--fontSize": "--fontSize_13vkm",
|
|
33
|
-
"_lineHeight": "__lineHeight_13vkm_gg_",
|
|
34
|
-
"--lineHeight": "--lineHeight_13vkm",
|
|
35
|
-
"_fontWeight": "__fontWeight_13vkm_gg_",
|
|
36
|
-
"--fontWeight": "--fontWeight_13vkm",
|
|
37
|
-
"_textAlign": "__textAlign_13vkm_gg_",
|
|
38
|
-
"--textAlign": "--textAlign_13vkm",
|
|
39
|
-
"_use_primary": "_use_primary_13vkm_gg_",
|
|
40
|
-
"_use_secondary": "_use_secondary_13vkm_gg_",
|
|
41
|
-
"_disabled": "__disabled_13vkm_gg_"
|
|
42
|
-
});
|
|
43
|
-
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
44
|
-
function getTextDecoration(underline, lineThrough) {
|
|
45
|
-
if (underline) {
|
|
46
|
-
return 'underline';
|
|
47
|
-
}
|
|
48
|
-
if (lineThrough) {
|
|
49
|
-
return 'line-through';
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
function Text(props, ref) {
|
|
53
|
-
var _ref = arguments[0],
|
|
54
|
-
_ref2;
|
|
55
|
-
var SText = Box;
|
|
56
|
-
var color = props.color,
|
|
57
|
-
underline = props.underline,
|
|
58
|
-
lineThrough = props.lineThrough;
|
|
59
|
-
var textDecoration = getTextDecoration(underline, lineThrough);
|
|
60
|
-
var resolveColor = useColorResolver();
|
|
61
|
-
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref2.cn("SText", _objectSpread({}, _assignProps({
|
|
62
|
-
"tag": 'span',
|
|
63
|
-
"data-ui-name": 'Text',
|
|
64
|
-
"ref": ref,
|
|
65
|
-
"use:decoration": textDecoration,
|
|
66
|
-
"use:color": resolveColor(color)
|
|
67
|
-
}, _ref))));
|
|
68
|
-
}
|
|
69
|
-
Text.displayName = 'Text';
|
|
70
|
-
export default createBaseComponent(Text);
|
|
71
|
-
//# sourceMappingURL=Text.js.map
|
package/lib/es6/Text.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["React","createBaseComponent","Root","sstyled","Box","styles","_sstyled","insert","useColorResolver","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","resolveColor","createElement","cn","_objectSpread","_assignProps","displayName"],"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;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;AAGxC,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,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,GAOCd,GAAG;EANf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMU,YAAY,GAAGb,gBAAgB,EAAE;EAEvC,OAAAS,KAAA,GAAOd,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAsB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAJ,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACc,WAAW,GAAG,MAAM;AAEzB,eAAezB,mBAAmB,CAACW,IAAI,CAAC"}
|
package/lib/es6/index.d.js
DELETED
package/lib/es6/index.d.js.map
DELETED
|
@@ -1 +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/es6/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Text","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,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc;AACpD,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ;AACxC,SAASH,OAAO,IAAII,IAAI,QAAQ,QAAQ"}
|