intergalactic 15.62.0 → 15.62.1-prerelease-2f6377d9

package/d3-chart/lib/es6/a11y/PlotA11yModule.js

@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 import { Root, sstyled } from 'intergalactic/core';
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_l6igv_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_l6igv_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "l6igv_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_l6igv_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1y7ml_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1y7ml_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1y7ml_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_1y7ml_gg_"
 });
 import { Context as I18nContext, useI18n } from 'intergalactic/utils/lib/enhances/WithI18n';
 import { Box } from 'intergalactic/flex-box';

package/d3-chart/lib/es6/a11y/PlotA11yView.js

@@ -13,8 +13,8 @@ import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from 'intergalactic/core';
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1yr6o_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1yr6o_gg_:focus,.___SPlotA11yView_1yr6o_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1yr6o_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1yr6o_gg_ table,.___SPlotA11yView_1yr6o_gg_ td,.___SPlotA11yView_1yr6o_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1yr6o_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_1yr6o_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_gtwrn_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_gtwrn_gg_:focus,.___SPlotA11yView_gtwrn_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_gtwrn_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_gtwrn_gg_ table,.___SPlotA11yView_gtwrn_gg_ td,.___SPlotA11yView_gtwrn_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "gtwrn_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_gtwrn_gg_"
 });
 import { Box } from 'intergalactic/flex-box';
 import { useAsyncI18nMessages } from 'intergalactic/utils/lib/enhances/i18nEnhance';

package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -10,10 +10,10 @@ import React from 'react';
 import createComponent, { sstyled, Root } from 'intergalactic/core';
 import { Flex } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1hfsm_gg_._direction_row_1hfsm_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1hfsm_gg_._direction_column_1hfsm_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1hfsm_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_1hfsm_gg_",
-  "_direction_row": "_direction_row_1hfsm_gg_",
-  "_direction_column": "_direction_column_1hfsm_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1w77c_gg_._direction_row_1w77c_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1w77c_gg_._direction_column_1w77c_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1w77c_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_1w77c_gg_",
+  "_direction_row": "_direction_row_1w77c_gg_",
+  "_direction_column": "_direction_column_1w77c_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import Divider from 'intergalactic/divider';

package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js

@@ -19,23 +19,23 @@ import { Flex, Box } from 'intergalactic/flex-box';
 import Checkbox from 'intergalactic/checkbox';
 import { Text as TypographyText } from 'intergalactic/typography';
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_8sfel_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_8sfel_gg_:hover{cursor:pointer}.___SLegendItem_8sfel_gg_.__disabled_8sfel_gg_:hover{cursor:default}}.___SPointShape_8sfel_gg_.__color_8sfel_gg_{background-color:var(--color_8sfel);margin-right:8px;flex-shrink:0}.___SPointShape_8sfel_gg_._shape_Circle_8sfel_gg_._size_l_8sfel_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_8sfel_gg_._shape_Circle_8sfel_gg_._size_m_8sfel_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_8sfel_gg_._shape_Line_8sfel_gg_._size_l_8sfel_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_8sfel_gg_._shape_Line_8sfel_gg_._size_m_8sfel_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_8sfel_gg_._shape_Square_8sfel_gg_._size_l_8sfel_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_8sfel_gg_._shape_Square_8sfel_gg_._size_m_8sfel_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_8sfel_gg_._shape_Pattern_8sfel_gg_{background-color:transparent;margin-right:4px}.___SIcon_8sfel_gg_{line-height:0;margin-right:4px}.___SIcon_8sfel_gg_._size_l_8sfel_gg_{margin-top:4px}.___SIcon_8sfel_gg_._size_m_8sfel_gg_{margin-top:2px}.___SLabel_8sfel_gg_{min-width:0}.___SAdditionalLabel_8sfel_gg_._size_l_8sfel_gg_,.___SCount_8sfel_gg_._size_l_8sfel_gg_,.___SLabel_8sfel_gg_._size_l_8sfel_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_8sfel_gg_._size_m_8sfel_gg_,.___SCount_8sfel_gg_._size_m_8sfel_gg_,.___SLabel_8sfel_gg_._size_m_8sfel_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_8sfel_gg_,.___SCount_8sfel_gg_{margin-left:4px}.___SAdditionalLabel_8sfel_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_8sfel_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_8sfel_gg_._size_l_8sfel_gg_::before{margin-top:10px}.___SAdditionalLabel_8sfel_gg_._size_m_8sfel_gg_::before{margin-top:8px}.___SPatternSymbol_8sfel_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "8sfel_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_8sfel_gg_",
-  "_disabled": "__disabled_8sfel_gg_",
-  "__SPointShape": "___SPointShape_8sfel_gg_",
-  "_color": "__color_8sfel_gg_",
-  "--color": "--color_8sfel",
-  "_shape_Circle": "_shape_Circle_8sfel_gg_",
-  "_size_l": "_size_l_8sfel_gg_",
-  "_size_m": "_size_m_8sfel_gg_",
-  "_shape_Line": "_shape_Line_8sfel_gg_",
-  "_shape_Square": "_shape_Square_8sfel_gg_",
-  "_shape_Pattern": "_shape_Pattern_8sfel_gg_",
-  "__SIcon": "___SIcon_8sfel_gg_",
-  "__SLabel": "___SLabel_8sfel_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_8sfel_gg_",
-  "__SCount": "___SCount_8sfel_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_8sfel_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1eulz_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1eulz_gg_:hover{cursor:pointer}.___SLegendItem_1eulz_gg_.__disabled_1eulz_gg_:hover{cursor:default}}.___SPointShape_1eulz_gg_.__color_1eulz_gg_{background-color:var(--color_1eulz);margin-right:8px;flex-shrink:0}.___SPointShape_1eulz_gg_._shape_Circle_1eulz_gg_._size_l_1eulz_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1eulz_gg_._shape_Circle_1eulz_gg_._size_m_1eulz_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1eulz_gg_._shape_Line_1eulz_gg_._size_l_1eulz_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1eulz_gg_._shape_Line_1eulz_gg_._size_m_1eulz_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1eulz_gg_._shape_Square_1eulz_gg_._size_l_1eulz_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1eulz_gg_._shape_Square_1eulz_gg_._size_m_1eulz_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1eulz_gg_._shape_Pattern_1eulz_gg_{background-color:transparent;margin-right:4px}.___SIcon_1eulz_gg_{line-height:0;margin-right:4px}.___SIcon_1eulz_gg_._size_l_1eulz_gg_{margin-top:4px}.___SIcon_1eulz_gg_._size_m_1eulz_gg_{margin-top:2px}.___SLabel_1eulz_gg_{min-width:0}.___SAdditionalLabel_1eulz_gg_._size_l_1eulz_gg_,.___SCount_1eulz_gg_._size_l_1eulz_gg_,.___SLabel_1eulz_gg_._size_l_1eulz_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1eulz_gg_._size_m_1eulz_gg_,.___SCount_1eulz_gg_._size_m_1eulz_gg_,.___SLabel_1eulz_gg_._size_m_1eulz_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1eulz_gg_,.___SCount_1eulz_gg_{margin-left:4px}.___SAdditionalLabel_1eulz_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1eulz_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1eulz_gg_._size_l_1eulz_gg_::before{margin-top:10px}.___SAdditionalLabel_1eulz_gg_._size_m_1eulz_gg_::before{margin-top:8px}.___SPatternSymbol_1eulz_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "1eulz_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_1eulz_gg_",
+  "_disabled": "__disabled_1eulz_gg_",
+  "__SPointShape": "___SPointShape_1eulz_gg_",
+  "_color": "__color_1eulz_gg_",
+  "--color": "--color_1eulz",
+  "_shape_Circle": "_shape_Circle_1eulz_gg_",
+  "_size_l": "_size_l_1eulz_gg_",
+  "_size_m": "_size_m_1eulz_gg_",
+  "_shape_Line": "_shape_Line_1eulz_gg_",
+  "_shape_Square": "_shape_Square_1eulz_gg_",
+  "_shape_Pattern": "_shape_Pattern_1eulz_gg_",
+  "__SIcon": "___SIcon_1eulz_gg_",
+  "__SLabel": "___SLabel_1eulz_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1eulz_gg_",
+  "__SCount": "___SCount_1eulz_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1eulz_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';

package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js

@@ -11,12 +11,12 @@ import React from 'react';
 import createComponent, { sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_15jwo_gg_.__columns-count_15jwo_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_15jwo_gg_._size_l_15jwo_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_15jwo_gg_._size_m_15jwo_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "15jwo_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_15jwo_gg_",
-  "_columns-count": "__columns-count_15jwo_gg_",
-  "__SColumnItem": "___SColumnItem_15jwo_gg_",
-  "_size_l": "_size_l_15jwo_gg_",
-  "_size_m": "_size_m_15jwo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1djar_gg_.__columns-count_1djar_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1djar_gg_._size_l_1djar_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1djar_gg_._size_m_1djar_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1djar_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_1djar_gg_",
+  "_columns-count": "__columns-count_1djar_gg_",
+  "__SColumnItem": "___SColumnItem_1djar_gg_",
+  "_size_l": "_size_l_1djar_gg_",
+  "_size_m": "_size_m_1djar_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import { BaseLegend } from '../BaseLegend';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intergalactic",
-  "version": "15.62.0",
+  "version": "15.62.1-prerelease-2f6377d9",
   "license": "MIT",
   "dependencies": {
     "intergalactic-migrate": "0.0.0",

package/typography/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
 
 import { Property } from 'csstype';
-import { Box, BoxProps } from 'intergalactic/flex-box';
+import { Box, BoxProps, Flex } from 'intergalactic/flex-box';
 import { KeyboardFocusProps } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 
 /** @deprecated */
@@ -97,8 +97,12 @@ declare const Hint: Intergalactic.Component<'abbr', HintProps> & {
   Text: typeof Box;
 };
 
+declare const Item: Intergalactic.Component<'li', ListItemProps> & {
+  Content: typeof Flex;
+};
+
 declare const List: Intergalactic.Component<'ul', ListProps> & {
-  Item: Intergalactic.Component<'li', ListItemProps>;
+  Item: typeof Item;
 };
 
 declare const Text: Intergalactic.Component<'span', TextProps>;

package/typography/lib/cjs/List.js

@@ -14,23 +14,25 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("intergalactic/flex-box");
 var _isNode = _interopRequireDefault(require("intergalactic/utils/lib/isNode"));
+var _findComponent = require("intergalactic/utils/lib/findComponent");
 var _Text = _interopRequireDefault(require("./Text"));
 /*__reshadow-styles__:"./style/list.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SList_185gz_gg_{padding:0;margin:0;list-style-type:none}.___SContent_185gz_gg_{overflow:inherit;text-overflow:inherit}.___SItem_185gz_gg_+.___SItem_185gz_gg_,.___SList_185gz_gg_ .___SList_185gz_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_185gz_gg_{display:flex}.___SMarker_185gz_gg_{margin-right:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "185gz_gg_") /*__reshadow_css_end__*/, {
-  "__SList": "___SList_185gz_gg_",
-  "__SContent": "___SContent_185gz_gg_",
-  "__SItem": "___SItem_185gz_gg_",
-  "__SMarker": "___SMarker_185gz_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SList_x3yx1_gg_{padding:0;margin:0;list-style-type:none}.___SContent_x3yx1_gg_{overflow:inherit;text-overflow:inherit}.___SItem_x3yx1_gg_+.___SItem_x3yx1_gg_,.___SList_x3yx1_gg_ .___SList_x3yx1_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_x3yx1_gg_{display:flex}.___SMarker_x3yx1_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "x3yx1_gg_") /*__reshadow_css_end__*/, {
+  "__SList": "___SList_x3yx1_gg_",
+  "__SContent": "___SContent_x3yx1_gg_",
+  "__SItem": "___SItem_x3yx1_gg_",
+  "__SMarker": "___SMarker_x3yx1_gg_"
 });
-var List = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(List, _Component);
-  var _super = (0, _createSuper2["default"])(List);
-  function List() {
-    (0, _classCallCheck2["default"])(this, List);
+var ListRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ListRoot, _Component);
+  var _super = (0, _createSuper2["default"])(ListRoot);
+  function ListRoot() {
+    (0, _classCallCheck2["default"])(this, ListRoot);
     return _super.apply(this, arguments);
   }
-  (0, _createClass2["default"])(List, [{
+  (0, _createClass2["default"])(ListRoot, [{
     key: "getItemProps",
     value: function getItemProps() {
       var marker = this.asProps.marker;
@@ -42,40 +44,69 @@ var List = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref3;
+        _ref4;
       var SList = _Text["default"];
       var styles = this.asProps.styles;
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SList, _ref3.cn("SList", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SList, _ref4.cn("SList", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": 'ul',
         "role": 'list'
       }, _ref))));
     }
   }]);
-  return List;
+  return ListRoot;
 }(_core.Component);
-(0, _defineProperty2["default"])(List, "displayName", 'List');
-(0, _defineProperty2["default"])(List, "style", style);
-(0, _defineProperty2["default"])(List, "defaultProps", {
+(0, _defineProperty2["default"])(ListRoot, "displayName", 'List');
+(0, _defineProperty2["default"])(ListRoot, "style", style);
+(0, _defineProperty2["default"])(ListRoot, "defaultProps", {
   marker: '•'
 });
-function Item(props) {
-  var _ref2 = arguments[0],
-    _ref4;
-  var SItem = _Text["default"];
+var ItemRoot = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2["default"])(ItemRoot, _Component2);
+  var _super2 = (0, _createSuper2["default"])(ItemRoot);
+  function ItemRoot() {
+    (0, _classCallCheck2["default"])(this, ItemRoot);
+    return _super2.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ItemRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps,
+        _ref5;
+      var SItem = _Text["default"];
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        children = _this$asProps.children,
+        markerNode = _this$asProps.marker,
+        Children = _this$asProps.Children;
+      var SMarker = 'span';
+      var isAdvancedMode = (0, _findComponent.isAdvanceMode)(Children, [List.Item.Content.displayName]);
+      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref5.cn("SItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'li',
+        "role": 'listitem'
+      }, _ref2))), (0, _isNode["default"])(markerNode) && /*#__PURE__*/_react["default"].createElement(SMarker, _ref5.cn("SMarker", {
+        "aria-hidden": 'true'
+      }), markerNode), isAdvancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(List.Item.Content, null, children));
+    }
+  }]);
+  return ItemRoot;
+}(_core.Component);
+(0, _defineProperty2["default"])(ItemRoot, "style", style);
+(0, _defineProperty2["default"])(ItemRoot, "displayName", 'Item');
+function Content(props) {
+  var _ref3 = arguments[0],
+    _ref6;
   var styles = props.styles,
-    children = props.children,
-    markerNode = props.marker;
-  var SMarker = 'span';
-  var SContent = 'div';
-  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref4.cn("SItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'li',
-    "role": 'listitem'
-  }, _ref2))), (0, _isNode["default"])(markerNode) && /*#__PURE__*/_react["default"].createElement(SMarker, _ref4.cn("SMarker", {
-    "aria-hidden": 'true'
-  }), markerNode), /*#__PURE__*/_react["default"].createElement(SContent, _ref4.cn("SContent", {}), children));
+    children = props.children;
+  var SContent = _flexBox.Flex;
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))), children);
 }
-var _default = (0, _core["default"])(List, {
+Content.displayName = 'Content';
+var Item = (0, _core["default"])(ItemRoot, {
+  Content: Content
+});
+var List = (0, _core["default"])(ListRoot, {
   Item: Item
 });
+var _default = List;
 exports["default"] = _default;
 //# sourceMappingURL=List.js.map

package/typography/lib/cjs/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_isNode","_Text","style","sstyled","insert","List","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","marker","asProps","render","_ref","_ref3","SList","Text","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","Item","props","_ref2","arguments[0]","_ref4","SItem","children","markerNode","SMarker","SContent","isNode","_default","createComponent","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport Text from './Text';\n\nimport style from './style/list.shadow.css';\n\nclass List 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\nfunction Item(props) {\n  const SItem = Root;\n  const { styles, children, marker: markerNode } = props;\n  const SMarker = 'span';\n  const SContent = 'div';\n\n  return sstyled(styles)(\n    <SItem render={Text} tag='li' role='listitem'>\n      {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n      <SContent>{children}</SContent>\n    </SItem>,\n  );\n}\n\nexport default createComponent(List, { Item });\n"],"mappings":";;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAK,KAAA,+BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,IAAI,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,IAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,IAAA;EAAA,SAAAA,KAAA;IAAA,IAAAK,gBAAA,mBAAAL,IAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,IAAA;IAAAS,GAAA;IAAAC,KAAA,EAOR,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,GAE2BC,gBAAI;MAD1C,IAAQC,MAAM,GAAK,IAAI,CAACN,OAAO,CAAvBM,MAAM;MACd,OAAAH,KAAA,GAAO,IAAAlB,aAAO,EAACqB,MAAM,CAAC,eAAC1B,MAAA,YAAA2B,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAhC,KAAA,CAAAiC,WAAA;QAAA,OAAmB,IAAI;QAAA,QAAM;MAAM,GAAAR,IAAA,IAAG;IACrE;EAAC;EAAA,OAAAf,IAAA;AAAA,EAlBgBwB,eAAS;AAAA,IAAAC,gBAAA,aAAtBzB,IAAI,iBACa,MAAM;AAAA,IAAAyB,gBAAA,aADvBzB,IAAI,WAEOH,KAAK;AAAA,IAAA4B,gBAAA,aAFhBzB,IAAI,kBAGc;EACpBY,MAAM,EAAE;AACV,CAAC;AAgBH,SAASc,IAAIA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAMMb,gBAAI;EALrB,IAAQC,MAAM,GAAmCQ,KAAK,CAA9CR,MAAM;IAAEa,QAAQ,GAAyBL,KAAK,CAAtCK,QAAQ;IAAUC,UAAU,GAAKN,KAAK,CAA5Bf,MAAM;EAChC,IAAMsB,OAAO,GAAG,MAAM;EACtB,IAAMC,QAAQ,GAAG,KAAK;EAEtB,OAAAL,KAAA,GAAO,IAAAhC,aAAO,EAACqB,MAAM,CAAC,eACpB1B,MAAA,YAAA2B,aAAA,CAACW,KAAK,EAAAD,KAAA,CAAAT,EAAA,cAAAC,cAAA,qBAAAhC,KAAA,CAAAiC,WAAA;IAAA,OAAmB,IAAI;IAAA,QAAM;EAAU,GAAAK,KAAA,KAC1C,IAAAQ,kBAAM,EAACH,UAAU,CAAC,iBAAIxC,MAAA,YAAA2B,aAAA,CAACc,OAAO,EAAAJ,KAAA,CAAAT,EAAA;IAAA,eAAa;EAAM,IAAEY,UAAU,CAAW,eACzExC,MAAA,YAAA2B,aAAA,CAACe,QAAQ,EAAAL,KAAA,CAAAT,EAAA,kBAAEW,QAAQ,CAAY,CACzB;AAEZ;AAAC,IAAAK,QAAA,GAEc,IAAAC,gBAAe,EAACtC,IAAI,EAAE;EAAE0B,IAAI,EAAJA;AAAK,CAAC,CAAC;AAAAa,OAAA,cAAAF,QAAA"}
+{"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","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","SContent","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\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 /> : <List.Item.Content>{children}</List.Item.Content>}\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/typography/lib/cjs/index.d.js.map

@@ -1 +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 } 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\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 HintProps = 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 */\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 List: Intergalactic.Component<'ul', ListProps> & {\n  Item: Intergalactic.Component<'li', ListItemProps>;\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":""}
+{"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 } 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\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 HintProps = 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 */\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: typeof Flex;\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/typography/lib/cjs/style/list.shadow.css

@@ -22,6 +22,7 @@ SItem + SItem {
 }
 
 SMarker {
-  margin-right: calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));
+  margin-right: var(--intergalactic-spacing-2x, 8px);
   color: var(--intergalactic-text-secondary, #6c6e79);
+  line-height: normal;
 }

package/typography/lib/es6/List.js

@@ -5,27 +5,30 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from 'intergalactic/core';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
 import { assignProps as _assignProps2 } from 'intergalactic/core';
 import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
+import { Flex } from 'intergalactic/flex-box';
 import isNode from 'intergalactic/utils/lib/isNode';
+import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 import Text from './Text';
 /*__reshadow-styles__:"./style/list.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_185gz_gg_{padding:0;margin:0;list-style-type:none}.___SContent_185gz_gg_{overflow:inherit;text-overflow:inherit}.___SItem_185gz_gg_+.___SItem_185gz_gg_,.___SList_185gz_gg_ .___SList_185gz_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_185gz_gg_{display:flex}.___SMarker_185gz_gg_{margin-right:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "185gz_gg_") /*__reshadow_css_end__*/, {
-  "__SList": "___SList_185gz_gg_",
-  "__SContent": "___SContent_185gz_gg_",
-  "__SItem": "___SItem_185gz_gg_",
-  "__SMarker": "___SMarker_185gz_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_x3yx1_gg_{padding:0;margin:0;list-style-type:none}.___SContent_x3yx1_gg_{overflow:inherit;text-overflow:inherit}.___SItem_x3yx1_gg_+.___SItem_x3yx1_gg_,.___SList_x3yx1_gg_ .___SList_x3yx1_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_x3yx1_gg_{display:flex}.___SMarker_x3yx1_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "x3yx1_gg_") /*__reshadow_css_end__*/, {
+  "__SList": "___SList_x3yx1_gg_",
+  "__SContent": "___SContent_x3yx1_gg_",
+  "__SItem": "___SItem_x3yx1_gg_",
+  "__SMarker": "___SMarker_x3yx1_gg_"
 });
-var List = /*#__PURE__*/function (_Component) {
-  _inherits(List, _Component);
-  var _super = _createSuper(List);
-  function List() {
-    _classCallCheck(this, List);
+var ListRoot = /*#__PURE__*/function (_Component) {
+  _inherits(ListRoot, _Component);
+  var _super = _createSuper(ListRoot);
+  function ListRoot() {
+    _classCallCheck(this, ListRoot);
     return _super.apply(this, arguments);
   }
-  _createClass(List, [{
+  _createClass(ListRoot, [{
     key: "getItemProps",
     value: function getItemProps() {
       var marker = this.asProps.marker;
@@ -37,39 +40,68 @@ var List = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref3;
+        _ref4;
       var SList = Text;
       var styles = this.asProps.styles;
-      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SList, _ref3.cn("SList", _objectSpread({}, _assignProps({
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SList, _ref4.cn("SList", _objectSpread({}, _assignProps({
         "tag": 'ul',
         "role": 'list'
       }, _ref))));
     }
   }]);
-  return List;
+  return ListRoot;
 }(Component);
-_defineProperty(List, "displayName", 'List');
-_defineProperty(List, "style", style);
-_defineProperty(List, "defaultProps", {
+_defineProperty(ListRoot, "displayName", 'List');
+_defineProperty(ListRoot, "style", style);
+_defineProperty(ListRoot, "defaultProps", {
   marker: '•'
 });
-function Item(props) {
-  var _ref2 = arguments[0],
-    _ref4;
-  var SItem = Text;
+var ItemRoot = /*#__PURE__*/function (_Component2) {
+  _inherits(ItemRoot, _Component2);
+  var _super2 = _createSuper(ItemRoot);
+  function ItemRoot() {
+    _classCallCheck(this, ItemRoot);
+    return _super2.apply(this, arguments);
+  }
+  _createClass(ItemRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps,
+        _ref5;
+      var SItem = Text;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        children = _this$asProps.children,
+        markerNode = _this$asProps.marker,
+        Children = _this$asProps.Children;
+      var SMarker = 'span';
+      var isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
+      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SItem, _ref5.cn("SItem", _objectSpread({}, _assignProps2({
+        "tag": 'li',
+        "role": 'listitem'
+      }, _ref2))), isNode(markerNode) && /*#__PURE__*/React.createElement(SMarker, _ref5.cn("SMarker", {
+        "aria-hidden": 'true'
+      }), markerNode), isAdvancedMode ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(List.Item.Content, null, children));
+    }
+  }]);
+  return ItemRoot;
+}(Component);
+_defineProperty(ItemRoot, "style", style);
+_defineProperty(ItemRoot, "displayName", 'Item');
+function Content(props) {
+  var _ref3 = arguments[0],
+    _ref6;
   var styles = props.styles,
-    children = props.children,
-    markerNode = props.marker;
-  var SMarker = 'span';
-  var SContent = 'div';
-  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SItem, _ref4.cn("SItem", _objectSpread({}, _assignProps2({
-    "tag": 'li',
-    "role": 'listitem'
-  }, _ref2))), isNode(markerNode) && /*#__PURE__*/React.createElement(SMarker, _ref4.cn("SMarker", {
-    "aria-hidden": 'true'
-  }), markerNode), /*#__PURE__*/React.createElement(SContent, _ref4.cn("SContent", {}), children));
+    children = props.children;
+  var SContent = Flex;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, _assignProps3({}, _ref3))), children);
 }
-export default createComponent(List, {
+Content.displayName = 'Content';
+var Item = createComponent(ItemRoot, {
+  Content: Content
+});
+var List = createComponent(ListRoot, {
   Item: Item
 });
+export default List;
 //# sourceMappingURL=List.js.map

package/typography/lib/es6/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","createComponent","Component","Root","sstyled","isNode","Text","style","_sstyled","insert","List","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","marker","asProps","render","_ref","_ref3","SList","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","Item","props","_ref2","arguments[0]","_ref4","SItem","children","markerNode","SMarker","SContent","_assignProps2"],"sources":["../../src/List.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport Text from './Text';\n\nimport style from './style/list.shadow.css';\n\nclass List 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\nfunction Item(props) {\n  const SItem = Root;\n  const { styles, children, marker: markerNode } = props;\n  const SMarker = 'span';\n  const SContent = 'div';\n\n  return sstyled(styles)(\n    <SItem render={Text} tag='li' role='listitem'>\n      {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n      <SContent>{children}</SContent>\n    </SItem>,\n  );\n}\n\nexport default createComponent(List, { Item });\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,MAAM,MAAM,2BAA2B;AAE9C,OAAOC,IAAI,MAAM,QAAQ;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,IAAI,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,IAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,IAAA;EAAA,SAAAA,KAAA;IAAAK,eAAA,OAAAL,IAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,IAAA;IAAAS,GAAA;IAAAC,KAAA,EAOR,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,GAAOtB,OAAO,CAACwB,MAAM,CAAC,eAAC5B,KAAA,CAAA6B,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;QAAA,OAAmB,IAAI;QAAA,QAAM;MAAM,GAAAP,IAAA,IAAG;IACrE;EAAC;EAAA,OAAAf,IAAA;AAAA,EAlBgBR,SAAS;AAAA+B,eAAA,CAAtBvB,IAAI,iBACa,MAAM;AAAAuB,eAAA,CADvBvB,IAAI,WAEOH,KAAK;AAAA0B,eAAA,CAFhBvB,IAAI,kBAGc;EACpBY,MAAM,EAAE;AACV,CAAC;AAgBH,SAASY,IAAIA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAMMjC,IAAI;EALrB,IAAQsB,MAAM,GAAmCO,KAAK,CAA9CP,MAAM;IAAEY,QAAQ,GAAyBL,KAAK,CAAtCK,QAAQ;IAAUC,UAAU,GAAKN,KAAK,CAA5Bb,MAAM;EAChC,IAAMoB,OAAO,GAAG,MAAM;EACtB,IAAMC,QAAQ,GAAG,KAAK;EAEtB,OAAAL,KAAA,GAAOlC,OAAO,CAACwB,MAAM,CAAC,eACpB5B,KAAA,CAAA6B,aAAA,CAACU,KAAK,EAAAD,KAAA,CAAAR,EAAA,UAAAC,aAAA,KAAAa,aAAA;IAAA,OAAmB,IAAI;IAAA,QAAM;EAAU,GAAAR,KAAA,KAC1C/B,MAAM,CAACoC,UAAU,CAAC,iBAAIzC,KAAA,CAAA6B,aAAA,CAACa,OAAO,EAAAJ,KAAA,CAAAR,EAAA;IAAA,eAAa;EAAM,IAAEW,UAAU,CAAW,eACzEzC,KAAA,CAAA6B,aAAA,CAACc,QAAQ,EAAAL,KAAA,CAAAR,EAAA,kBAAEU,QAAQ,CAAY,CACzB;AAEZ;AAEA,eAAevC,eAAe,CAACS,IAAI,EAAE;EAAEwB,IAAI,EAAJA;AAAK,CAAC,CAAC"}
+{"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","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","SContent","_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\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 /> : <List.Item.Content>{children}</List.Item.Content>}\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/typography/lib/es6/index.d.js.map

@@ -1 +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 } 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\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 HintProps = 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 */\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 List: Intergalactic.Component<'ul', ListProps> & {\n  Item: Intergalactic.Component<'li', ListItemProps>;\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":""}
+{"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 } 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\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 HintProps = 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 */\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: typeof Flex;\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/typography/lib/es6/style/list.shadow.css

@@ -22,6 +22,7 @@ SItem + SItem {
 }
 
 SMarker {
-  margin-right: calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));
+  margin-right: var(--intergalactic-spacing-2x, 8px);
   color: var(--intergalactic-text-secondary, #6c6e79);
+  line-height: normal;
 }

package/typography/lib/types/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
 
 import { Property } from 'csstype';
-import { Box, BoxProps } from 'intergalactic/flex-box';
+import { Box, BoxProps, Flex } from 'intergalactic/flex-box';
 import { KeyboardFocusProps } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 
 /** @deprecated */
@@ -97,8 +97,12 @@ declare const Hint: Intergalactic.Component<'abbr', HintProps> & {
   Text: typeof Box;
 };
 
+declare const Item: Intergalactic.Component<'li', ListItemProps> & {
+  Content: typeof Flex;
+};
+
 declare const List: Intergalactic.Component<'ul', ListProps> & {
-  Item: Intergalactic.Component<'li', ListItemProps>;
+  Item: typeof Item;
 };
 
 declare const Text: Intergalactic.Component<'span', TextProps>;