@semcore/typography 16.0.0-prerelease.6 → 16.0.0-prerelease.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/esm/Blockquote.mjs +23 -19
  2. package/lib/esm/List.mjs +79 -64
  3. package/lib/esm/Text.mjs +54 -48
  4. package/lib/esm/index.mjs +6 -6
  5. package/package.json +4 -4
package/lib/esm/Blockquote.mjs CHANGED
@@ -1,29 +1,33 @@
1
- import u from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { createBaseComponent as h, sstyled as r, assignProps as m } from "@semcore/core";
3
- import e from "react";
4
- import p from "@semcore/core/lib/utils/isNode";
5
- import { Box as f } from "@semcore/flex-box";
6
- var v = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
3
+ import React from "react";
4
+ import isNode from "@semcore/core/lib/utils/isNode";
5
+ import { Box } from "@semcore/flex-box";
6
+ var styles = (
7
7
  /*__reshadow_css_start__*/
8
- (r.insert(
8
+ (sstyled.insert(
9
9
  /*__inner_css_start__*/
10
10
  '.___SBlockquote_14h6z_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_14h6z_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_14h6z_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%)}',
11
11
  "14h6z_gg_"
12
12
  ), {
13
- __SBlockquote: "___SBlockquote_14h6z_gg_",
14
- __SDoubleQuotation: "___SDoubleQuotation_14h6z_gg_",
15
- __SAuthor: "___SAuthor_14h6z_gg_"
13
+ "__SBlockquote": "___SBlockquote_14h6z_gg_",
14
+ "__SDoubleQuotation": "___SDoubleQuotation_14h6z_gg_",
15
+ "__SAuthor": "___SAuthor_14h6z_gg_"
16
16
  })
17
17
  );
18
- function i(o, n) {
19
- var l = arguments[0], t, c = f, _ = "span", g = "cite", s = o.children, a = o.author;
20
- return t = r(v), /* @__PURE__ */ e.createElement(c, t.cn("SBlockquote", u({}, m({
21
- tag: "blockquote",
22
- ref: n
23
- }, l))), /* @__PURE__ */ e.createElement(_, t.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ e.createElement("span", t.cn("span", {}), s, p(a) && /* @__PURE__ */ e.createElement(g, t.cn("SAuthor", {}), a)));
18
+ function Blockquote(props, ref) {
19
+ var _ref = arguments[0], _ref2;
20
+ var SBlockquote = Box;
21
+ var SDoubleQuotation = "span";
22
+ var SAuthor = "cite";
23
+ var children = props.children, author = props.author;
24
+ return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", _objectSpread({}, assignProps({
25
+ "tag": "blockquote",
26
+ "ref": ref
27
+ }, _ref))), /* @__PURE__ */ React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /* @__PURE__ */ React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
24
28
  }
25
- i.displayName = "Blockquote";
26
- const k = h(i);
29
+ Blockquote.displayName = "Blockquote";
30
+ const Blockquote$1 = createBaseComponent(Blockquote);
27
31
  export {
28
- k as default
32
+ Blockquote$1 as default
29
33
  };
package/lib/esm/List.mjs CHANGED
@@ -1,88 +1,103 @@
1
- import p from "@babel/runtime/helpers/esm/objectSpread2";
2
- import u from "@babel/runtime/helpers/esm/classCallCheck";
3
- import S from "@babel/runtime/helpers/esm/createClass";
4
- import k from "@babel/runtime/helpers/esm/inherits";
5
- import h from "@babel/runtime/helpers/esm/createSuper";
6
- import i from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled as m, createComponent as y, assignProps as c, Component as C } from "@semcore/core";
8
- import a from "react";
9
- import { Flex as w } from "@semcore/flex-box";
10
- import A from "@semcore/core/lib/utils/isNode";
11
- import { isAdvanceMode as b } from "@semcore/core/lib/utils/findComponent";
12
- import I from "./Text.mjs";
13
- var L = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
+ import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
8
+ import React from "react";
9
+ import { Flex } from "@semcore/flex-box";
10
+ import isNode from "@semcore/core/lib/utils/isNode";
11
+ import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
12
+ import Text from "./Text.mjs";
13
+ var style = (
14
14
  /*__reshadow_css_start__*/
15
- (m.insert(
15
+ (sstyled.insert(
16
16
  /*__inner_css_start__*/
17
17
  ".___SList_6okrr_gg_{padding:0;margin:0;list-style-type:none}.___SContent_6okrr_gg_{overflow:inherit;text-overflow:inherit}.___SItem_6okrr_gg_+.___SItem_6okrr_gg_,.___SList_6okrr_gg_ .___SList_6okrr_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_6okrr_gg_{display:flex}.___SMarker_6okrr_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
18
18
  "6okrr_gg_"
19
19
  ), {
20
- __SList: "___SList_6okrr_gg_",
21
- __SContent: "___SContent_6okrr_gg_",
22
- __SItem: "___SItem_6okrr_gg_",
23
- __SMarker: "___SMarker_6okrr_gg_"
20
+ "__SList": "___SList_6okrr_gg_",
21
+ "__SContent": "___SContent_6okrr_gg_",
22
+ "__SItem": "___SItem_6okrr_gg_",
23
+ "__SMarker": "___SMarker_6okrr_gg_"
24
24
  })
25
- ), l = /* @__PURE__ */ function(n) {
26
- k(r, n);
27
- var o = h(r);
28
- function r() {
29
- return u(this, r), o.apply(this, arguments);
25
+ );
26
+ var ListRoot = /* @__PURE__ */ function(_Component) {
27
+ _inherits(ListRoot2, _Component);
28
+ var _super = _createSuper(ListRoot2);
29
+ function ListRoot2() {
30
+ _classCallCheck(this, ListRoot2);
31
+ return _super.apply(this, arguments);
30
32
  }
31
- return S(r, [{
33
+ _createClass(ListRoot2, [{
32
34
  key: "getItemProps",
33
- value: function() {
34
- var t = this.asProps.marker;
35
+ value: function getItemProps() {
36
+ var marker = this.asProps.marker;
35
37
  return {
36
- marker: t
38
+ marker
37
39
  };
38
40
  }
39
41
  }, {
40
42
  key: "render",
41
- value: function() {
42
- var t = this.asProps, e, g = I, _ = this.asProps.styles;
43
- return e = m(_), /* @__PURE__ */ a.createElement(g, e.cn("SList", p({}, c({
44
- tag: "ul",
45
- role: "list"
46
- }, t))));
43
+ value: function render() {
44
+ var _ref = this.asProps, _ref4;
45
+ var SList = Text;
46
+ var styles = this.asProps.styles;
47
+ return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SList, _ref4.cn("SList", _objectSpread({}, assignProps({
48
+ "tag": "ul",
49
+ "role": "list"
50
+ }, _ref))));
47
51
  }
48
- }]), r;
49
- }(C);
50
- i(l, "displayName", "List");
51
- i(l, "style", L);
52
- i(l, "defaultProps", {
52
+ }]);
53
+ return ListRoot2;
54
+ }(Component);
55
+ _defineProperty(ListRoot, "displayName", "List");
56
+ _defineProperty(ListRoot, "style", style);
57
+ _defineProperty(ListRoot, "defaultProps", {
53
58
  marker: "•"
54
59
  });
55
- var d = /* @__PURE__ */ function(n) {
56
- k(r, n);
57
- var o = h(r);
58
- function r() {
59
- return u(this, r), o.apply(this, arguments);
60
+ var ItemRoot = /* @__PURE__ */ function(_Component2) {
61
+ _inherits(ItemRoot2, _Component2);
62
+ var _super2 = _createSuper(ItemRoot2);
63
+ function ItemRoot2() {
64
+ _classCallCheck(this, ItemRoot2);
65
+ return _super2.apply(this, arguments);
60
66
  }
61
- return S(r, [{
67
+ _createClass(ItemRoot2, [{
62
68
  key: "render",
63
- value: function() {
64
- var t = this.asProps, e, g = I, _ = this.asProps, x = _.styles, M = _.children, f = _.marker, v = _.Children, E = "span", N = "div", R = b(v, [F.Item.Content.displayName]);
65
- return e = m(x), /* @__PURE__ */ a.createElement(g, e.cn("SItem", p({}, c({
66
- tag: "li",
67
- role: "listitem"
68
- }, t))), A(f) && /* @__PURE__ */ a.createElement(E, e.cn("SMarker", {
69
+ value: function render() {
70
+ var _ref2 = this.asProps, _ref5;
71
+ var SItem = Text;
72
+ var _this$asProps = this.asProps, styles = _this$asProps.styles, children = _this$asProps.children, markerNode = _this$asProps.marker, Children = _this$asProps.Children;
73
+ var SMarker = "span";
74
+ var SContent = "div";
75
+ var isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
76
+ return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SItem, _ref5.cn("SItem", _objectSpread({}, assignProps({
77
+ "tag": "li",
78
+ "role": "listitem"
79
+ }, _ref2))), isNode(markerNode) && /* @__PURE__ */ React.createElement(SMarker, _ref5.cn("SMarker", {
69
80
  "aria-hidden": "true"
70
- }), f), R ? /* @__PURE__ */ a.createElement(v, e.cn("Children", {})) : /* @__PURE__ */ a.createElement(N, e.cn("SContent", {}), M));
81
+ }), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), children));
71
82
  }
72
- }]), r;
73
- }(C);
74
- i(d, "style", L);
75
- i(d, "displayName", "Item");
76
- function P(n) {
77
- var o = arguments[0], r, s = n.styles, t = n.children, e = w;
78
- return r = m(s), /* @__PURE__ */ a.createElement(e, r.cn("SContent", p({}, c({}, o))), t);
83
+ }]);
84
+ return ItemRoot2;
85
+ }(Component);
86
+ _defineProperty(ItemRoot, "style", style);
87
+ _defineProperty(ItemRoot, "displayName", "Item");
88
+ function Content(props) {
89
+ var _ref3 = arguments[0], _ref6;
90
+ var styles = props.styles, children = props.children;
91
+ var SContent = Flex;
92
+ return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, assignProps({}, _ref3))), children);
79
93
  }
80
- P.displayName = "Content";
81
- var j = y(d, {
82
- Content: P
83
- }), F = y(l, {
84
- Item: j
94
+ Content.displayName = "Content";
95
+ var Item = createComponent(ItemRoot, {
96
+ Content
97
+ });
98
+ var List = createComponent(ListRoot, {
99
+ Item
85
100
  });
86
101
  export {
87
- F as default
102
+ List as default
88
103
  };
package/lib/esm/Text.mjs CHANGED
@@ -1,68 +1,74 @@
1
- import l from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { createBaseComponent as c, sstyled as g, assignProps as s } from "@semcore/core";
3
- import f from "react";
4
- import { Box as h } from "@semcore/flex-box";
5
- import { useColorResolver as d } from "@semcore/core/lib/utils/use/useColorResolver";
6
- var z = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
3
+ import React from "react";
4
+ import { Box } from "@semcore/flex-box";
5
+ import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
6
+ var styles = (
7
7
  /*__reshadow_css_start__*/
8
- (g.insert(
8
+ (sstyled.insert(
9
9
  /*__inner_css_start__*/
10
10
  '.___SText_xpmp3_gg_{padding:0;margin:0}.___SText_xpmp3_gg_._size_100_xpmp3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_xpmp3_gg_._size_200_xpmp3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_xpmp3_gg_._size_300_xpmp3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_xpmp3_gg_._size_400_xpmp3_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_xpmp3_gg_._size_500_xpmp3_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_xpmp3_gg_._size_600_xpmp3_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_xpmp3_gg_._size_700_xpmp3_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_xpmp3_gg_._size_800_xpmp3_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_xpmp3_gg_.__noWrap_xpmp3_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_xpmp3_gg_.__medium_xpmp3_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_xpmp3_gg_.__semibold_xpmp3_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_xpmp3_gg_.__bold_xpmp3_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_xpmp3_gg_.__italic_xpmp3_gg_{font-style:italic}.___SText_xpmp3_gg_.__monospace_xpmp3_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_xpmp3_gg_.__uppercase_xpmp3_gg_{text-transform:uppercase}.___SText_xpmp3_gg_.__lowercase_xpmp3_gg_{text-transform:lowercase}.___SText_xpmp3_gg_.__capitalize_xpmp3_gg_{text-transform:capitalize}.___SText_xpmp3_gg_.__decoration_xpmp3_gg_{-webkit-text-decoration:var(--decoration_xpmp3);text-decoration:var(--decoration_xpmp3)}.___SText_xpmp3_gg_.__color_xpmp3_gg_{color:var(--color_xpmp3)}.___SText_xpmp3_gg_.__fontSize_xpmp3_gg_{font-size:var(--fontSize_xpmp3)}.___SText_xpmp3_gg_.__lineHeight_xpmp3_gg_{line-height:var(--lineHeight_xpmp3)}.___SText_xpmp3_gg_.__fontWeight_xpmp3_gg_{font-weight:var(--fontWeight_xpmp3)}.___SText_xpmp3_gg_.__textAlign_xpmp3_gg_{text-align:var(--textAlign_xpmp3)}.___SText_xpmp3_gg_._use_primary_xpmp3_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_xpmp3_gg_._use_secondary_xpmp3_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_xpmp3_gg_.__disabled_xpmp3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
11
11
  "xpmp3_gg_"
12
12
  ), {
13
- __SText: "___SText_xpmp3_gg_",
14
- _size_100: "_size_100_xpmp3_gg_",
15
- _size_200: "_size_200_xpmp3_gg_",
16
- _size_300: "_size_300_xpmp3_gg_",
17
- _size_400: "_size_400_xpmp3_gg_",
18
- _size_500: "_size_500_xpmp3_gg_",
19
- _size_600: "_size_600_xpmp3_gg_",
20
- _size_700: "_size_700_xpmp3_gg_",
21
- _size_800: "_size_800_xpmp3_gg_",
22
- _noWrap: "__noWrap_xpmp3_gg_",
23
- _medium: "__medium_xpmp3_gg_",
24
- _semibold: "__semibold_xpmp3_gg_",
25
- _bold: "__bold_xpmp3_gg_",
26
- _italic: "__italic_xpmp3_gg_",
27
- _monospace: "__monospace_xpmp3_gg_",
28
- _uppercase: "__uppercase_xpmp3_gg_",
29
- _lowercase: "__lowercase_xpmp3_gg_",
30
- _capitalize: "__capitalize_xpmp3_gg_",
31
- _decoration: "__decoration_xpmp3_gg_",
13
+ "__SText": "___SText_xpmp3_gg_",
14
+ "_size_100": "_size_100_xpmp3_gg_",
15
+ "_size_200": "_size_200_xpmp3_gg_",
16
+ "_size_300": "_size_300_xpmp3_gg_",
17
+ "_size_400": "_size_400_xpmp3_gg_",
18
+ "_size_500": "_size_500_xpmp3_gg_",
19
+ "_size_600": "_size_600_xpmp3_gg_",
20
+ "_size_700": "_size_700_xpmp3_gg_",
21
+ "_size_800": "_size_800_xpmp3_gg_",
22
+ "_noWrap": "__noWrap_xpmp3_gg_",
23
+ "_medium": "__medium_xpmp3_gg_",
24
+ "_semibold": "__semibold_xpmp3_gg_",
25
+ "_bold": "__bold_xpmp3_gg_",
26
+ "_italic": "__italic_xpmp3_gg_",
27
+ "_monospace": "__monospace_xpmp3_gg_",
28
+ "_uppercase": "__uppercase_xpmp3_gg_",
29
+ "_lowercase": "__lowercase_xpmp3_gg_",
30
+ "_capitalize": "__capitalize_xpmp3_gg_",
31
+ "_decoration": "__decoration_xpmp3_gg_",
32
32
  "--decoration": "--decoration_xpmp3",
33
- _color: "__color_xpmp3_gg_",
33
+ "_color": "__color_xpmp3_gg_",
34
34
  "--color": "--color_xpmp3",
35
- _fontSize: "__fontSize_xpmp3_gg_",
35
+ "_fontSize": "__fontSize_xpmp3_gg_",
36
36
  "--fontSize": "--fontSize_xpmp3",
37
- _lineHeight: "__lineHeight_xpmp3_gg_",
37
+ "_lineHeight": "__lineHeight_xpmp3_gg_",
38
38
  "--lineHeight": "--lineHeight_xpmp3",
39
- _fontWeight: "__fontWeight_xpmp3_gg_",
39
+ "_fontWeight": "__fontWeight_xpmp3_gg_",
40
40
  "--fontWeight": "--fontWeight_xpmp3",
41
- _textAlign: "__textAlign_xpmp3_gg_",
41
+ "_textAlign": "__textAlign_xpmp3_gg_",
42
42
  "--textAlign": "--textAlign_xpmp3",
43
- _use_primary: "_use_primary_xpmp3_gg_",
44
- _use_secondary: "_use_secondary_xpmp3_gg_",
45
- _disabled: "__disabled_xpmp3_gg_"
43
+ "_use_primary": "_use_primary_xpmp3_gg_",
44
+ "_use_secondary": "_use_secondary_xpmp3_gg_",
45
+ "_disabled": "__disabled_xpmp3_gg_"
46
46
  })
47
47
  );
48
- function v(_, e) {
49
- if (_)
48
+ function getTextDecoration(underline, lineThrough) {
49
+ if (underline) {
50
50
  return "underline";
51
- if (e)
51
+ }
52
+ if (lineThrough) {
52
53
  return "line-through";
54
+ }
53
55
  }
54
- function t(_, e) {
55
- var i = arguments[0], p, a = h, x = _.color, r = _.underline, o = _.lineThrough, m = v(r, o), n = d();
56
- return p = g(z), /* @__PURE__ */ f.createElement(a, p.cn("SText", l({}, s({
57
- tag: "span",
56
+ function Text(props, ref) {
57
+ var _ref = arguments[0], _ref2;
58
+ var SText = Box;
59
+ var color = props.color, underline = props.underline, lineThrough = props.lineThrough;
60
+ var textDecoration = getTextDecoration(underline, lineThrough);
61
+ var resolveColor = useColorResolver();
62
+ return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", _objectSpread({}, assignProps({
63
+ "tag": "span",
58
64
  "data-ui-name": "Text",
59
- ref: e,
60
- "use:decoration": m,
61
- "use:color": n(x)
62
- }, i))));
65
+ "ref": ref,
66
+ "use:decoration": textDecoration,
67
+ "use:color": resolveColor(color)
68
+ }, _ref))));
63
69
  }
64
- t.displayName = "Text";
65
- const w = c(t);
70
+ Text.displayName = "Text";
71
+ const Text$1 = createBaseComponent(Text);
66
72
  export {
67
- w as default
73
+ Text$1 as default
68
74
  };
package/lib/esm/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
- import { default as o } from "./Text.mjs";
2
- import { default as f } from "./Blockquote.mjs";
3
- import { default as l } from "./List.mjs";
1
+ import { default as default2 } from "./Text.mjs";
2
+ import { default as default3 } from "./Blockquote.mjs";
3
+ import { default as default4 } from "./List.mjs";
4
4
  export {
5
- f as Blockquote,
6
- l as List,
7
- o as Text
5
+ default3 as Blockquote,
6
+ default4 as List,
7
+ default2 as Text
8
8
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/typography",
3
3
  "description": "Semrush Typography Component",
4
- "version": "16.0.0-prerelease.6",
4
+ "version": "16.0.0-prerelease.9",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,12 +14,12 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "16.0.0-prerelease.6",
18
- "@semcore/icon": "16.0.0-prerelease.6",
17
+ "@semcore/flex-box": "16.0.0-prerelease.9",
18
+ "@semcore/icon": "16.0.0-prerelease.9",
19
19
  "csstype": "3.0.8"
20
20
  },
21
21
  "peerDependencies": {
22
- "@semcore/base-components": "^16.0.0-prerelease.6"
22
+ "@semcore/base-components": "^16.0.0-prerelease.9"
23
23
  },
24
24
  "repository": {
25
25
  "type": "git",