@semcore/typography 5.32.0 → 5.33.0-prerelease.1
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 +3 -3
- package/lib/cjs/Blockquote.js +5 -4
- package/lib/cjs/Blockquote.js.map +1 -1
- package/lib/cjs/Hint.js +8 -7
- package/lib/cjs/Hint.js.map +1 -1
- package/lib/cjs/List.js +6 -5
- package/lib/cjs/List.js.map +1 -1
- package/lib/cjs/Text.js +35 -34
- package/lib/cjs/Text.js.map +1 -1
- package/lib/es6/Blockquote.js +5 -5
- package/lib/es6/Hint.js +8 -8
- package/lib/es6/List.js +6 -6
- package/lib/es6/Text.js +35 -35
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.
|
|
5
|
+
## [5.33.0] - 2024-05-16
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version minor update due to children dependencies update (`@semcore/utils` [4.
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.25.0 ~> 4.26.1], `@semcore/flex-box` [5.24.0 ~> 5.25.0], `@semcore/icon` [4.33.0 ~> 4.34.0], `@semcore/core` [2.22.0 ~> 2.23.0]).
|
|
10
10
|
|
|
11
|
-
## [5.
|
|
11
|
+
## [5.32.0] - 2024-05-16
|
|
12
12
|
|
|
13
13
|
### Changed
|
|
14
14
|
|
package/lib/cjs/Blockquote.js
CHANGED
|
@@ -6,15 +6,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
9
10
|
var _core = require("@semcore/core");
|
|
10
11
|
var _react = _interopRequireDefault(require("react"));
|
|
11
12
|
var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
|
|
12
13
|
var _flexBox = require("@semcore/flex-box");
|
|
13
14
|
/*__reshadow-styles__:"./style/blockquote.shadow.css"*/
|
|
14
|
-
var styles = ( /*__reshadow_css_start__*/
|
|
15
|
-
"__SBlockquote": "
|
|
16
|
-
"__SDoubleQuotation": "
|
|
17
|
-
"__SAuthor": "
|
|
15
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_14559_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_14559_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_14559_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__*/, "14559_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBlockquote": "___SBlockquote_14559_gg_",
|
|
17
|
+
"__SDoubleQuotation": "___SDoubleQuotation_14559_gg_",
|
|
18
|
+
"__SAuthor": "___SAuthor_14559_gg_"
|
|
18
19
|
});
|
|
19
20
|
function Blockquote(props, ref) {
|
|
20
21
|
var _ref = arguments[0],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blockquote.js","names":["_core","require","_react","_interopRequireDefault","_isNode","_flexBox","styles","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread2","assignProps","isNode","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n const SBlockquote = Root;\n const SDoubleQuotation = 'span';\n const SAuthor = 'cite';\n const { children, author } = props;\n\n return sstyled(styles)(\n <SBlockquote render={Box} tag='blockquote' ref={ref}>\n <SDoubleQuotation>“</SDoubleQuotation>\n <span>\n {children}\n {isNode(author) && <SAuthor>{author}</SAuthor>}\n </span>\n </SBlockquote>,\n );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Blockquote.js","names":["_core","require","_react","_interopRequireDefault","_isNode","_flexBox","styles","_index","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread2","assignProps","isNode","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n const SBlockquote = Root;\n const SDoubleQuotation = 'span';\n const SAuthor = 'cite';\n const { children, author } = props;\n\n return sstyled(styles)(\n <SBlockquote render={Box} tag='blockquote' ref={ref}>\n <SDoubleQuotation>“</SDoubleQuotation>\n <span>\n {children}\n {isNode(author) && <SAuthor>{author}</SAuthor>}\n </span>\n </SBlockquote>,\n );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAwC;AAAA,IAAAK,MAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAIxC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMC,YAAG;EAL1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaT,KAAK,CAA1BS,QAAQ;IAAEC,MAAM,GAAKV,KAAK,CAAhBU,MAAM;EAExB,OAAAN,KAAA,GAAO,IAAAP,aAAO,EAACF,MAAM,CAAC,eACpBJ,MAAA,YAAAoB,aAAA,CAACN,WAAW,EAAAD,KAAA,CAAAQ,EAAA,oBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,OAAkB,YAAY;IAAA,OAAMb;EAAG,GAAAC,IAAA,kBACjDX,MAAA,YAAAoB,aAAA,CAACJ,gBAAgB,EAAAH,KAAA,CAAAQ,EAAA,0BAAC,QAAC,CAAmB,eACtCrB,MAAA,YAAAoB,aAAA,SAAAP,KAAA,CAAAQ,EAAA,cACGH,QAAQ,EACR,IAAAM,kBAAM,EAACL,MAAM,CAAC,iBAAInB,MAAA,YAAAoB,aAAA,CAACH,OAAO,EAAAJ,KAAA,CAAAQ,EAAA,iBAAEF,MAAM,CAAW,CACzC,CACK;AAElB;AAEAX,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAEvB,IAAAC,yBAAmB,EAACnB,UAAU,CAAC;AAAAoB,OAAA,cAAAF,QAAA"}
|
package/lib/cjs/Hint.js
CHANGED
|
@@ -12,6 +12,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
15
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
16
17
|
var _react = _interopRequireDefault(require("react"));
|
|
17
18
|
var _flexBox = require("@semcore/flex-box");
|
|
@@ -19,13 +20,13 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
19
20
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
20
21
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
21
22
|
/*__reshadow-styles__:"./style/hint.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/
|
|
23
|
-
"__SHint": "
|
|
24
|
-
"_keyboardFocused": "
|
|
25
|
-
"_disabled": "
|
|
26
|
-
"__SAddon": "
|
|
27
|
-
"__SText": "
|
|
28
|
-
"_active": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SHint_chdf6_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_chdf6_gg_.__active_chdf6_gg_,.___SHint_chdf6_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_chdf6_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_chdf6_gg_.__keyboardFocused_chdf6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_chdf6_gg_.__disabled_chdf6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_chdf6_gg_{vertical-align:middle;display:inline-flex}.___SHint_chdf6_gg_ .___SAddon_chdf6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_chdf6_gg_ .___SAddon_chdf6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_chdf6_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_chdf6_gg_{transition:none}}" /*__inner_css_end__*/, "chdf6_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SHint": "___SHint_chdf6_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_chdf6_gg_",
|
|
26
|
+
"_disabled": "__disabled_chdf6_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_chdf6_gg_",
|
|
28
|
+
"__SText": "___SText_chdf6_gg_",
|
|
29
|
+
"_active": "__active_chdf6_gg_"
|
|
29
30
|
});
|
|
30
31
|
var RootHint = /*#__PURE__*/function (_Component) {
|
|
31
32
|
(0, _inherits2["default"])(RootHint, _Component);
|
package/lib/cjs/Hint.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hint.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_addonTextChildren","_Text","style","sstyled","insert","RootHint","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref4","SHint","Text","_this$asProps","styles","Children","addonLeft","addonRight","createElement","cn","_objectSpread2","assignProps","Hint","Addon","tag","addonTextChildren","Component","_defineProperty2","keyboardFocusEnhance","props","_ref2","arguments[0]","_ref5","SAddon","Box","HintText","_ref3","_ref6","SText","createComponent","_default","exports"],"sources":["../../src/Hint.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport Text from './Text';\n\nimport style from './style/hint.shadow.css';\n\nclass RootHint extends Component {\n static displayName = 'Hint';\n static style = style;\n static enhance = [keyboardFocusEnhance()];\n\n render() {\n const SHint = Root;\n const { styles, Children, addonLeft, addonRight } = this.asProps;\n return sstyled(styles)(\n <SHint render={Text} tag='abbr'>\n {addonLeft ? <Hint.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Hint.Text, Hint.Addon)}\n {addonRight ? <Hint.Addon tag={addonRight} /> : null}\n </SHint>,\n );\n }\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction HintText(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nconst Hint = createComponent(RootHint, {\n Text: HintText,\n Addon,\n});\n\nexport default Hint;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Hint.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_addonTextChildren","_Text","style","_index","sstyled","insert","RootHint","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref4","SHint","Text","_this$asProps","styles","Children","addonLeft","addonRight","createElement","cn","_objectSpread2","assignProps","Hint","Addon","tag","addonTextChildren","Component","_defineProperty2","keyboardFocusEnhance","props","_ref2","arguments[0]","_ref5","SAddon","Box","HintText","_ref3","_ref6","SText","createComponent","_default","exports"],"sources":["../../src/Hint.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport Text from './Text';\n\nimport style from './style/hint.shadow.css';\n\nclass RootHint extends Component {\n static displayName = 'Hint';\n static style = style;\n static enhance = [keyboardFocusEnhance()];\n\n render() {\n const SHint = Root;\n const { styles, Children, addonLeft, addonRight } = this.asProps;\n return sstyled(styles)(\n <SHint render={Text} tag='abbr'>\n {addonLeft ? <Hint.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Hint.Text, Hint.Addon)}\n {addonRight ? <Hint.Addon tag={addonRight} /> : null}\n </SHint>,\n );\n }\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction HintText(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nconst Hint = createComponent(RootHint, {\n Text: HintText,\n Addon,\n});\n\nexport default Hint;\n"],"mappings":"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"}
|
package/lib/cjs/List.js
CHANGED
|
@@ -12,6 +12,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
15
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
16
17
|
var _react = _interopRequireDefault(require("react"));
|
|
17
18
|
var _flexBox = require("@semcore/flex-box");
|
|
@@ -19,11 +20,11 @@ var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
|
|
|
19
20
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
20
21
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
21
22
|
/*__reshadow-styles__:"./style/list.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/
|
|
23
|
-
"__SList": "
|
|
24
|
-
"__SContent": "
|
|
25
|
-
"__SItem": "
|
|
26
|
-
"__SMarker": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SList_dyq9n_gg_{padding:0;margin:0;list-style-type:none}.___SContent_dyq9n_gg_{overflow:inherit;text-overflow:inherit}.___SItem_dyq9n_gg_+.___SItem_dyq9n_gg_,.___SList_dyq9n_gg_ .___SList_dyq9n_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_dyq9n_gg_{display:flex}.___SMarker_dyq9n_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "dyq9n_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SList": "___SList_dyq9n_gg_",
|
|
25
|
+
"__SContent": "___SContent_dyq9n_gg_",
|
|
26
|
+
"__SItem": "___SItem_dyq9n_gg_",
|
|
27
|
+
"__SMarker": "___SMarker_dyq9n_gg_"
|
|
27
28
|
});
|
|
28
29
|
var ListRoot = /*#__PURE__*/function (_Component) {
|
|
29
30
|
(0, _inherits2["default"])(ListRoot, _Component);
|
package/lib/cjs/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_isNode","_findComponent","_Text","style","sstyled","insert","ListRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","ItemRoot","_Component2","_super2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport Text from './Text';\n\nimport style from './style/list.shadow.css';\n\nclass ListRoot extends Component {\n static displayName = 'List';\n static style = style;\n static defaultProps = {\n marker: '•',\n };\n\n getItemProps() {\n const { marker } = this.asProps;\n return {\n marker,\n };\n }\n\n render() {\n const SList = Root;\n const { styles } = this.asProps;\n return sstyled(styles)(<SList render={Text} tag='ul' role='list' />);\n }\n}\n\nclass ItemRoot extends Component {\n static style = style;\n static displayName = 'Item';\n\n render() {\n const SItem = Root;\n const { styles, children, marker: markerNode, Children } = this.asProps;\n const SMarker = 'span';\n const SContent = 'div';\n\n const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);\n\n return sstyled(styles)(\n <SItem render={Text} tag='li' role='listitem'>\n {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n {isAdvancedMode ? <Children /> : <SContent>{children}</SContent>}\n </SItem>,\n );\n }\n}\n\nfunction Content(props) {\n const { styles, children } = props;\n const SContent = Root;\n\n return sstyled(styles)(<SContent render={Flex}>{children}</SContent>);\n}\n\nContent.displayName = 'Content';\n\nconst Item = createComponent(ItemRoot, { Content });\n\nconst List = createComponent(ListRoot, { Item });\n\nexport default List;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"List.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_isNode","_findComponent","_Text","style","_index","sstyled","insert","ListRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","ItemRoot","_Component2","_super2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport Text from './Text';\n\nimport style from './style/list.shadow.css';\n\nclass ListRoot extends Component {\n static displayName = 'List';\n static style = style;\n static defaultProps = {\n marker: '•',\n };\n\n getItemProps() {\n const { marker } = this.asProps;\n return {\n marker,\n };\n }\n\n render() {\n const SList = Root;\n const { styles } = this.asProps;\n return sstyled(styles)(<SList render={Text} tag='ul' role='list' />);\n }\n}\n\nclass ItemRoot extends Component {\n static style = style;\n static displayName = 'Item';\n\n render() {\n const SItem = Root;\n const { styles, children, marker: markerNode, Children } = this.asProps;\n const SMarker = 'span';\n const SContent = 'div';\n\n const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);\n\n return sstyled(styles)(\n <SItem render={Text} tag='li' role='listitem'>\n {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n {isAdvancedMode ? <Children /> : <SContent>{children}</SContent>}\n </SItem>,\n );\n }\n}\n\nfunction Content(props) {\n const { styles, children } = props;\n const SContent = Root;\n\n return sstyled(styles)(<SContent render={Flex}>{children}</SContent>);\n}\n\nContent.displayName = 'Content';\n\nconst Item = createComponent(ItemRoot, { Content });\n\nconst List = createComponent(ListRoot, { Item });\n\nexport default List;\n"],"mappings":"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"}
|
package/lib/cjs/Text.js
CHANGED
|
@@ -6,45 +6,46 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
9
10
|
var _core = require("@semcore/core");
|
|
10
11
|
var _react = _interopRequireDefault(require("react"));
|
|
11
12
|
var _flexBox = require("@semcore/flex-box");
|
|
12
13
|
var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
13
14
|
/*__reshadow-styles__:"./style/text.shadow.css"*/
|
|
14
|
-
var styles = ( /*__reshadow_css_start__*/
|
|
15
|
-
"__SText": "
|
|
16
|
-
"_size_100": "
|
|
17
|
-
"_size_200": "
|
|
18
|
-
"_size_300": "
|
|
19
|
-
"_size_400": "
|
|
20
|
-
"_size_500": "
|
|
21
|
-
"_size_600": "
|
|
22
|
-
"_size_700": "
|
|
23
|
-
"_size_800": "
|
|
24
|
-
"_noWrap": "
|
|
25
|
-
"_medium": "
|
|
26
|
-
"_semibold": "
|
|
27
|
-
"_bold": "
|
|
28
|
-
"_italic": "
|
|
29
|
-
"_monospace": "
|
|
30
|
-
"_uppercase": "
|
|
31
|
-
"_lowercase": "
|
|
32
|
-
"_capitalize": "
|
|
33
|
-
"_decoration": "
|
|
34
|
-
"--decoration": "--
|
|
35
|
-
"_color": "
|
|
36
|
-
"--color": "--
|
|
37
|
-
"_fontSize": "
|
|
38
|
-
"--fontSize": "--
|
|
39
|
-
"_lineHeight": "
|
|
40
|
-
"--lineHeight": "--
|
|
41
|
-
"_fontWeight": "
|
|
42
|
-
"--fontWeight": "--
|
|
43
|
-
"_textAlign": "
|
|
44
|
-
"--textAlign": "--
|
|
45
|
-
"_use_primary": "
|
|
46
|
-
"_use_secondary": "
|
|
47
|
-
"_disabled": "
|
|
15
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SText_slm0x_gg_{padding:0;margin:0}.___SText_slm0x_gg_._size_100_slm0x_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_slm0x_gg_._size_200_slm0x_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_slm0x_gg_._size_300_slm0x_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_slm0x_gg_._size_400_slm0x_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_slm0x_gg_._size_500_slm0x_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_slm0x_gg_._size_600_slm0x_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_slm0x_gg_._size_700_slm0x_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_slm0x_gg_._size_800_slm0x_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_slm0x_gg_.__noWrap_slm0x_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_slm0x_gg_.__medium_slm0x_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_slm0x_gg_.__semibold_slm0x_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_slm0x_gg_.__bold_slm0x_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_slm0x_gg_.__italic_slm0x_gg_{font-style:italic}.___SText_slm0x_gg_.__monospace_slm0x_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_slm0x_gg_.__uppercase_slm0x_gg_{text-transform:uppercase}.___SText_slm0x_gg_.__lowercase_slm0x_gg_{text-transform:lowercase}.___SText_slm0x_gg_.__capitalize_slm0x_gg_{text-transform:capitalize}.___SText_slm0x_gg_.__decoration_slm0x_gg_{-webkit-text-decoration:var(--decoration_slm0x);text-decoration:var(--decoration_slm0x)}.___SText_slm0x_gg_.__color_slm0x_gg_{color:var(--color_slm0x)}.___SText_slm0x_gg_.__fontSize_slm0x_gg_{font-size:var(--fontSize_slm0x)}.___SText_slm0x_gg_.__lineHeight_slm0x_gg_{line-height:var(--lineHeight_slm0x)}.___SText_slm0x_gg_.__fontWeight_slm0x_gg_{font-weight:var(--fontWeight_slm0x)}.___SText_slm0x_gg_.__textAlign_slm0x_gg_{text-align:var(--textAlign_slm0x)}.___SText_slm0x_gg_._use_primary_slm0x_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_slm0x_gg_._use_secondary_slm0x_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_slm0x_gg_.__disabled_slm0x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "slm0x_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SText": "___SText_slm0x_gg_",
|
|
17
|
+
"_size_100": "_size_100_slm0x_gg_",
|
|
18
|
+
"_size_200": "_size_200_slm0x_gg_",
|
|
19
|
+
"_size_300": "_size_300_slm0x_gg_",
|
|
20
|
+
"_size_400": "_size_400_slm0x_gg_",
|
|
21
|
+
"_size_500": "_size_500_slm0x_gg_",
|
|
22
|
+
"_size_600": "_size_600_slm0x_gg_",
|
|
23
|
+
"_size_700": "_size_700_slm0x_gg_",
|
|
24
|
+
"_size_800": "_size_800_slm0x_gg_",
|
|
25
|
+
"_noWrap": "__noWrap_slm0x_gg_",
|
|
26
|
+
"_medium": "__medium_slm0x_gg_",
|
|
27
|
+
"_semibold": "__semibold_slm0x_gg_",
|
|
28
|
+
"_bold": "__bold_slm0x_gg_",
|
|
29
|
+
"_italic": "__italic_slm0x_gg_",
|
|
30
|
+
"_monospace": "__monospace_slm0x_gg_",
|
|
31
|
+
"_uppercase": "__uppercase_slm0x_gg_",
|
|
32
|
+
"_lowercase": "__lowercase_slm0x_gg_",
|
|
33
|
+
"_capitalize": "__capitalize_slm0x_gg_",
|
|
34
|
+
"_decoration": "__decoration_slm0x_gg_",
|
|
35
|
+
"--decoration": "--decoration_slm0x",
|
|
36
|
+
"_color": "__color_slm0x_gg_",
|
|
37
|
+
"--color": "--color_slm0x",
|
|
38
|
+
"_fontSize": "__fontSize_slm0x_gg_",
|
|
39
|
+
"--fontSize": "--fontSize_slm0x",
|
|
40
|
+
"_lineHeight": "__lineHeight_slm0x_gg_",
|
|
41
|
+
"--lineHeight": "--lineHeight_slm0x",
|
|
42
|
+
"_fontWeight": "__fontWeight_slm0x_gg_",
|
|
43
|
+
"--fontWeight": "--fontWeight_slm0x",
|
|
44
|
+
"_textAlign": "__textAlign_slm0x_gg_",
|
|
45
|
+
"--textAlign": "--textAlign_slm0x",
|
|
46
|
+
"_use_primary": "_use_primary_slm0x_gg_",
|
|
47
|
+
"_use_secondary": "_use_secondary_slm0x_gg_",
|
|
48
|
+
"_disabled": "__disabled_slm0x_gg_"
|
|
48
49
|
});
|
|
49
50
|
function getTextDecoration(underline, lineThrough) {
|
|
50
51
|
if (underline) {
|
package/lib/cjs/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_useColorResolver","styles","sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","Box","color","textDecoration","resolveColor","useColorResolver","createElement","cn","_objectSpread2","assignProps","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/text.shadow.css';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nfunction getTextDecoration(underline, lineThrough) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n}\n\nfunction Text(props, ref) {\n const SText = Root;\n const { color, underline, lineThrough } = props;\n const textDecoration = getTextDecoration(underline, lineThrough);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={ref}\n use:decoration={textDecoration}\n use:color={resolveColor(color)}\n />,\n );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_useColorResolver","styles","_index","sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","Box","color","textDecoration","resolveColor","useColorResolver","createElement","cn","_objectSpread2","assignProps","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/text.shadow.css';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nfunction getTextDecoration(underline, lineThrough) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n}\n\nfunction Text(props, ref) {\n const SText = Root;\n const { color, underline, lineThrough } = props;\n const textDecoration = getTextDecoration(underline, lineThrough);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={ref}\n use:decoration={textDecoration}\n use:color={resolveColor(color)}\n />,\n );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,iBAAA,GAAAJ,OAAA;AAA2E;AAAA,IAAAK,MAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE3E,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAOCC,YAAG;EANf,IAAQC,KAAK,GAA6BP,KAAK,CAAvCO,KAAK;IAAEV,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMU,cAAc,GAAGZ,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMW,YAAY,GAAG,IAAAC,kCAAgB,GAAE;EAEvC,OAAAN,KAAA,GAAO,IAAAV,aAAO,EAACF,MAAM,CAAC,eACpBJ,MAAA,YAAAuB,aAAA,CAACN,KAAK,EAAAD,KAAA,CAAAQ,EAAA,cAAAC,cAAA,qBAAA3B,KAAA,CAAA4B,WAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdb,GAAG;IAAA,kBACQO,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAL,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACgB,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEX,IAAAC,yBAAmB,EAAClB,IAAI,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
|
package/lib/es6/Blockquote.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
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';
|
|
5
5
|
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_14559_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_14559_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_14559_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__*/, "14559_gg_") /*__reshadow_css_end__*/, {
|
|
10
|
+
"__SBlockquote": "___SBlockquote_14559_gg_",
|
|
11
|
+
"__SDoubleQuotation": "___SDoubleQuotation_14559_gg_",
|
|
12
|
+
"__SAuthor": "___SAuthor_14559_gg_"
|
|
13
13
|
});
|
|
14
14
|
function Blockquote(props, ref) {
|
|
15
15
|
var _ref = arguments[0],
|
package/lib/es6/Hint.js
CHANGED
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
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";
|
|
10
10
|
import { assignProps as _assignProps } 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_chdf6_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_chdf6_gg_.__active_chdf6_gg_,.___SHint_chdf6_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_chdf6_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_chdf6_gg_.__keyboardFocused_chdf6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_chdf6_gg_.__disabled_chdf6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_chdf6_gg_{vertical-align:middle;display:inline-flex}.___SHint_chdf6_gg_ .___SAddon_chdf6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_chdf6_gg_ .___SAddon_chdf6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_chdf6_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_chdf6_gg_{transition:none}}" /*__inner_css_end__*/, "chdf6_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SHint": "___SHint_chdf6_gg_",
|
|
20
|
+
"_keyboardFocused": "__keyboardFocused_chdf6_gg_",
|
|
21
|
+
"_disabled": "__disabled_chdf6_gg_",
|
|
22
|
+
"__SAddon": "___SAddon_chdf6_gg_",
|
|
23
|
+
"__SText": "___SText_chdf6_gg_",
|
|
24
|
+
"_active": "__active_chdf6_gg_"
|
|
25
25
|
});
|
|
26
26
|
var RootHint = /*#__PURE__*/function (_Component) {
|
|
27
27
|
_inherits(RootHint, _Component);
|
package/lib/es6/List.js
CHANGED
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
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";
|
|
10
10
|
import { assignProps as _assignProps } 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_dyq9n_gg_{padding:0;margin:0;list-style-type:none}.___SContent_dyq9n_gg_{overflow:inherit;text-overflow:inherit}.___SItem_dyq9n_gg_+.___SItem_dyq9n_gg_,.___SList_dyq9n_gg_ .___SList_dyq9n_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_dyq9n_gg_{display:flex}.___SMarker_dyq9n_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "dyq9n_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SList": "___SList_dyq9n_gg_",
|
|
20
|
+
"__SContent": "___SContent_dyq9n_gg_",
|
|
21
|
+
"__SItem": "___SItem_dyq9n_gg_",
|
|
22
|
+
"__SMarker": "___SMarker_dyq9n_gg_"
|
|
23
23
|
});
|
|
24
24
|
var ListRoot = /*#__PURE__*/function (_Component) {
|
|
25
25
|
_inherits(ListRoot, _Component);
|
package/lib/es6/Text.js
CHANGED
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
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';
|
|
5
5
|
import { createBaseComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Box } from '@semcore/flex-box';
|
|
7
7
|
/*__reshadow-styles__:"./style/text.shadow.css"*/
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
9
|
-
"__SText": "
|
|
10
|
-
"_size_100": "
|
|
11
|
-
"_size_200": "
|
|
12
|
-
"_size_300": "
|
|
13
|
-
"_size_400": "
|
|
14
|
-
"_size_500": "
|
|
15
|
-
"_size_600": "
|
|
16
|
-
"_size_700": "
|
|
17
|
-
"_size_800": "
|
|
18
|
-
"_noWrap": "
|
|
19
|
-
"_medium": "
|
|
20
|
-
"_semibold": "
|
|
21
|
-
"_bold": "
|
|
22
|
-
"_italic": "
|
|
23
|
-
"_monospace": "
|
|
24
|
-
"_uppercase": "
|
|
25
|
-
"_lowercase": "
|
|
26
|
-
"_capitalize": "
|
|
27
|
-
"_decoration": "
|
|
28
|
-
"--decoration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_fontSize": "
|
|
32
|
-
"--fontSize": "--
|
|
33
|
-
"_lineHeight": "
|
|
34
|
-
"--lineHeight": "--
|
|
35
|
-
"_fontWeight": "
|
|
36
|
-
"--fontWeight": "--
|
|
37
|
-
"_textAlign": "
|
|
38
|
-
"--textAlign": "--
|
|
39
|
-
"_use_primary": "
|
|
40
|
-
"_use_secondary": "
|
|
41
|
-
"_disabled": "
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_slm0x_gg_{padding:0;margin:0}.___SText_slm0x_gg_._size_100_slm0x_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_slm0x_gg_._size_200_slm0x_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_slm0x_gg_._size_300_slm0x_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_slm0x_gg_._size_400_slm0x_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_slm0x_gg_._size_500_slm0x_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_slm0x_gg_._size_600_slm0x_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_slm0x_gg_._size_700_slm0x_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_slm0x_gg_._size_800_slm0x_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_slm0x_gg_.__noWrap_slm0x_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_slm0x_gg_.__medium_slm0x_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_slm0x_gg_.__semibold_slm0x_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_slm0x_gg_.__bold_slm0x_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_slm0x_gg_.__italic_slm0x_gg_{font-style:italic}.___SText_slm0x_gg_.__monospace_slm0x_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_slm0x_gg_.__uppercase_slm0x_gg_{text-transform:uppercase}.___SText_slm0x_gg_.__lowercase_slm0x_gg_{text-transform:lowercase}.___SText_slm0x_gg_.__capitalize_slm0x_gg_{text-transform:capitalize}.___SText_slm0x_gg_.__decoration_slm0x_gg_{-webkit-text-decoration:var(--decoration_slm0x);text-decoration:var(--decoration_slm0x)}.___SText_slm0x_gg_.__color_slm0x_gg_{color:var(--color_slm0x)}.___SText_slm0x_gg_.__fontSize_slm0x_gg_{font-size:var(--fontSize_slm0x)}.___SText_slm0x_gg_.__lineHeight_slm0x_gg_{line-height:var(--lineHeight_slm0x)}.___SText_slm0x_gg_.__fontWeight_slm0x_gg_{font-weight:var(--fontWeight_slm0x)}.___SText_slm0x_gg_.__textAlign_slm0x_gg_{text-align:var(--textAlign_slm0x)}.___SText_slm0x_gg_._use_primary_slm0x_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_slm0x_gg_._use_secondary_slm0x_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_slm0x_gg_.__disabled_slm0x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "slm0x_gg_") /*__reshadow_css_end__*/, {
|
|
9
|
+
"__SText": "___SText_slm0x_gg_",
|
|
10
|
+
"_size_100": "_size_100_slm0x_gg_",
|
|
11
|
+
"_size_200": "_size_200_slm0x_gg_",
|
|
12
|
+
"_size_300": "_size_300_slm0x_gg_",
|
|
13
|
+
"_size_400": "_size_400_slm0x_gg_",
|
|
14
|
+
"_size_500": "_size_500_slm0x_gg_",
|
|
15
|
+
"_size_600": "_size_600_slm0x_gg_",
|
|
16
|
+
"_size_700": "_size_700_slm0x_gg_",
|
|
17
|
+
"_size_800": "_size_800_slm0x_gg_",
|
|
18
|
+
"_noWrap": "__noWrap_slm0x_gg_",
|
|
19
|
+
"_medium": "__medium_slm0x_gg_",
|
|
20
|
+
"_semibold": "__semibold_slm0x_gg_",
|
|
21
|
+
"_bold": "__bold_slm0x_gg_",
|
|
22
|
+
"_italic": "__italic_slm0x_gg_",
|
|
23
|
+
"_monospace": "__monospace_slm0x_gg_",
|
|
24
|
+
"_uppercase": "__uppercase_slm0x_gg_",
|
|
25
|
+
"_lowercase": "__lowercase_slm0x_gg_",
|
|
26
|
+
"_capitalize": "__capitalize_slm0x_gg_",
|
|
27
|
+
"_decoration": "__decoration_slm0x_gg_",
|
|
28
|
+
"--decoration": "--decoration_slm0x",
|
|
29
|
+
"_color": "__color_slm0x_gg_",
|
|
30
|
+
"--color": "--color_slm0x",
|
|
31
|
+
"_fontSize": "__fontSize_slm0x_gg_",
|
|
32
|
+
"--fontSize": "--fontSize_slm0x",
|
|
33
|
+
"_lineHeight": "__lineHeight_slm0x_gg_",
|
|
34
|
+
"--lineHeight": "--lineHeight_slm0x",
|
|
35
|
+
"_fontWeight": "__fontWeight_slm0x_gg_",
|
|
36
|
+
"--fontWeight": "--fontWeight_slm0x",
|
|
37
|
+
"_textAlign": "__textAlign_slm0x_gg_",
|
|
38
|
+
"--textAlign": "--textAlign_slm0x",
|
|
39
|
+
"_use_primary": "_use_primary_slm0x_gg_",
|
|
40
|
+
"_use_secondary": "_use_secondary_slm0x_gg_",
|
|
41
|
+
"_disabled": "__disabled_slm0x_gg_"
|
|
42
42
|
});
|
|
43
43
|
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
44
44
|
function getTextDecoration(underline, lineThrough) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/typography",
|
|
3
3
|
"description": "Semrush Typography Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.33.0-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,13 +9,13 @@
|
|
|
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.26.1-prerelease.1",
|
|
13
|
+
"@semcore/flex-box": "5.25.0-prerelease.1",
|
|
14
|
+
"@semcore/icon": "4.34.0-prerelease.1",
|
|
15
15
|
"csstype": "3.0.8"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
|
-
"@semcore/core": "^2.
|
|
18
|
+
"@semcore/core": "^2.23.0-prerelease.1",
|
|
19
19
|
"react": "16.8 - 18",
|
|
20
20
|
"react-dom": "16.8 - 18"
|
|
21
21
|
},
|