intergalactic 15.52.0-prerelease.0-prerelease-3f2a94a7 → 15.53.0-prerelease-dfe34e97

package/d3-chart/lib/es6/component/ChartLegend/BaseLegend.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import { BoxProps, FlexProps } from '@semcore/flex-box';\nimport { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport { DataStructureHints } from '../../a11y/hints';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps & {\n  /**\n   * Size for legend items\n   */\n  size?: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape?: ShapeType;\n  /**\n   * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'\n   */\n  onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;\n\n  onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n  onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n  dataHints?: DataStructureHints;\n};\n\nexport type LegendProps = BoxProps &\n  BaseChartLegendProps & {\n    /**\n     * Legend items\n     */\n    items: LegendItem[];\n  };\n"],"mappings":""}
+{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import { BoxProps, FlexProps } from '@semcore/flex-box';\nimport { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport { DataStructureHints } from '../../a11y/hints';\nimport type { PatternsConfig } from '../../Pattern';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps & {\n  /**\n   * Size for legend items\n   */\n  size?: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape?: ShapeType;\n  /**\n   * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'\n   */\n  onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;\n\n  onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n  onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n  dataHints?: DataStructureHints;\n};\n\nexport type LegendProps = BoxProps &\n  BaseChartLegendProps & {\n    /**\n     * Legend items\n     */\n    items: LegendItem[];\n\n    /** Enables charts patterns that enhances charts accessability */\n    patterns?: PatternsConfig;\n  };\n"],"mappings":""}

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

@@ -19,24 +19,28 @@ 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_2zs4w_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_2zs4w_gg_:hover{cursor:pointer}.___SLegendItem_2zs4w_gg_.__disabled_2zs4w_gg_:hover{cursor:default}}.___SPointShape_2zs4w_gg_.__color_2zs4w_gg_{background-color:var(--color_2zs4w);margin-right:8px;flex-shrink:0}.___SPointShape_2zs4w_gg_._shape_Circle_2zs4w_gg_._size_l_2zs4w_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_2zs4w_gg_._shape_Circle_2zs4w_gg_._size_m_2zs4w_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_2zs4w_gg_._shape_Line_2zs4w_gg_._size_l_2zs4w_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_2zs4w_gg_._shape_Line_2zs4w_gg_._size_m_2zs4w_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_2zs4w_gg_._shape_Square_2zs4w_gg_._size_l_2zs4w_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_2zs4w_gg_._shape_Square_2zs4w_gg_._size_m_2zs4w_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_2zs4w_gg_{line-height:0;margin-right:4px}.___SIcon_2zs4w_gg_._size_l_2zs4w_gg_{margin-top:4px}.___SIcon_2zs4w_gg_._size_m_2zs4w_gg_{margin-top:2px}.___SLabel_2zs4w_gg_{min-width:0}.___SAdditionalLabel_2zs4w_gg_._size_l_2zs4w_gg_,.___SCount_2zs4w_gg_._size_l_2zs4w_gg_,.___SLabel_2zs4w_gg_._size_l_2zs4w_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_2zs4w_gg_._size_m_2zs4w_gg_,.___SCount_2zs4w_gg_._size_m_2zs4w_gg_,.___SLabel_2zs4w_gg_._size_m_2zs4w_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_2zs4w_gg_,.___SCount_2zs4w_gg_{margin-left:4px}.___SAdditionalLabel_2zs4w_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_2zs4w_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_2zs4w_gg_._size_l_2zs4w_gg_::before{margin-top:10px}.___SAdditionalLabel_2zs4w_gg_._size_m_2zs4w_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "2zs4w_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_2zs4w_gg_",
-  "_disabled": "__disabled_2zs4w_gg_",
-  "__SPointShape": "___SPointShape_2zs4w_gg_",
-  "_color": "__color_2zs4w_gg_",
-  "--color": "--color_2zs4w",
-  "_shape_Circle": "_shape_Circle_2zs4w_gg_",
-  "_size_l": "_size_l_2zs4w_gg_",
-  "_size_m": "_size_m_2zs4w_gg_",
-  "_shape_Line": "_shape_Line_2zs4w_gg_",
-  "_shape_Square": "_shape_Square_2zs4w_gg_",
-  "__SIcon": "___SIcon_2zs4w_gg_",
-  "__SLabel": "___SLabel_2zs4w_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_2zs4w_gg_",
-  "__SCount": "___SCount_2zs4w_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_siahs_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_siahs_gg_:hover{cursor:pointer}.___SLegendItem_siahs_gg_.__disabled_siahs_gg_:hover{cursor:default}}.___SPointShape_siahs_gg_.__color_siahs_gg_{background-color:var(--color_siahs);margin-right:8px;flex-shrink:0}.___SPointShape_siahs_gg_._shape_Circle_siahs_gg_._size_l_siahs_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_siahs_gg_._shape_Circle_siahs_gg_._size_m_siahs_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_siahs_gg_._shape_Line_siahs_gg_._size_l_siahs_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_siahs_gg_._shape_Line_siahs_gg_._size_m_siahs_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_siahs_gg_._shape_Square_siahs_gg_._size_l_siahs_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_siahs_gg_._shape_Square_siahs_gg_._size_m_siahs_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_siahs_gg_._shape_Pattern_siahs_gg_{background-color:transparent;margin-right:4px}.___SIcon_siahs_gg_{line-height:0;margin-right:4px}.___SIcon_siahs_gg_._size_l_siahs_gg_{margin-top:4px}.___SIcon_siahs_gg_._size_m_siahs_gg_{margin-top:2px}.___SLabel_siahs_gg_{min-width:0}.___SAdditionalLabel_siahs_gg_._size_l_siahs_gg_,.___SCount_siahs_gg_._size_l_siahs_gg_,.___SLabel_siahs_gg_._size_l_siahs_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_siahs_gg_._size_m_siahs_gg_,.___SCount_siahs_gg_._size_m_siahs_gg_,.___SLabel_siahs_gg_._size_m_siahs_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_siahs_gg_,.___SCount_siahs_gg_{margin-left:4px}.___SAdditionalLabel_siahs_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_siahs_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_siahs_gg_._size_l_siahs_gg_::before{margin-top:10px}.___SAdditionalLabel_siahs_gg_._size_m_siahs_gg_::before{margin-top:8px}.___SPatternSymbol_siahs_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "siahs_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_siahs_gg_",
+  "_disabled": "__disabled_siahs_gg_",
+  "__SPointShape": "___SPointShape_siahs_gg_",
+  "_color": "__color_siahs_gg_",
+  "--color": "--color_siahs",
+  "_shape_Circle": "_shape_Circle_siahs_gg_",
+  "_size_l": "_size_l_siahs_gg_",
+  "_size_m": "_size_m_siahs_gg_",
+  "_shape_Line": "_shape_Line_siahs_gg_",
+  "_shape_Square": "_shape_Square_siahs_gg_",
+  "_shape_Pattern": "_shape_Pattern_siahs_gg_",
+  "__SIcon": "___SIcon_siahs_gg_",
+  "__SLabel": "___SLabel_siahs_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_siahs_gg_",
+  "__SCount": "___SCount_siahs_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_siahs_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { PatternSymbol } from '../../../Pattern';
+import { getChartDefaultColorName } from '../../../utils';
 var LegendItemRoot = /*#__PURE__*/function (_Component) {
   _inherits(LegendItemRoot, _Component);
   var _super = _createSuper(LegendItemRoot);
@@ -55,13 +59,16 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
         id = _this$asProps.id,
         size = _this$asProps.size,
         onClick = _this$asProps.onClick,
-        resolveColor = _this$asProps.resolveColor;
+        resolveColor = _this$asProps.resolveColor,
+        patterns = _this$asProps.patterns;
       return {
         id: id,
         label: label,
         shape: shape,
         checked: checked,
         color: resolveColor(color),
+        patternKey: color,
+        patterns: patterns,
         size: size,
         onKeyUp: function onKeyUp(e) {
           if (onClick && e.key === ' ') {
@@ -136,89 +143,109 @@ _defineProperty(LegendItemRoot, "defaultProps", function () {
 });
 function Shape(props) {
   var _ref2 = arguments[0],
-    _ref8;
+    _ref10;
   var SPointShape = Box;
+  var SPatternSymbol = PatternSymbol;
   var styles = props.styles,
     size = props.size,
     shape = props.shape,
     checked = props.checked,
     color = props.color,
+    _props$patternKey = props.patternKey,
+    patternKey = _props$patternKey === void 0 ? getChartDefaultColorName(0) : _props$patternKey,
     Children = props.Children,
     hasChildren = props.children,
     onKeyUp = props.onKeyUp,
-    label = props.label;
+    label = props.label,
+    patterns = props.patterns;
   if (hasChildren) {
     return /*#__PURE__*/React.createElement(Children, null);
   }
+  if (shape === 'Pattern') {
+    var _ref8;
+    return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(Box, _ref8.cn("Box", {
+      "mr": 1
+    }), /*#__PURE__*/React.createElement(SPatternSymbol, _ref8.cn("SPatternSymbol", {
+      "color": color,
+      "patternKey": patternKey
+    })));
+  }
   if (shape === 'Checkbox') {
-    return /*#__PURE__*/React.createElement(Checkbox, {
-      size: size,
-      checked: checked,
-      theme: checked ? color : undefined,
-      onKeyUp: onKeyUp,
+    var _ref9;
+    return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, _ref9.cn("Checkbox", {
+      "size": size,
+      "checked": checked,
+      "theme": checked ? color : undefined,
+      "onKeyUp": onKeyUp,
       "aria-label": label
-    });
+    })), patterns && /*#__PURE__*/React.createElement(Box, _ref9.cn("Box", {
+      "mt": '2px',
+      "mr": 1
+    }), /*#__PURE__*/React.createElement(SPatternSymbol, _ref9.cn("SPatternSymbol", {
+      "color": color,
+      "patternKey": patternKey
+    }))));
   }
-  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SPointShape, _ref8.cn("SPointShape", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})));
+  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SPointShape, _ref10.cn("SPointShape", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})));
 }
-function Icon(_ref13) {
+function Icon(_ref15) {
   var _ref3 = arguments[0],
-    _ref9;
-  var styles = _ref13.styles,
-    hasChildren = _ref13.children,
-    Children = _ref13.Children;
+    _ref11;
+  var styles = _ref15.styles,
+    hasChildren = _ref15.children,
+    Children = _ref15.Children;
   var SIcon = Box;
   if (!hasChildren) {
     return null;
   }
-  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SIcon, _ref9.cn("SIcon", _objectSpread({}, _assignProps3({
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SIcon, _ref11.cn("SIcon", _objectSpread({}, _assignProps3({
     "tag": 'span'
-  }, _ref3))), /*#__PURE__*/React.createElement(Children, _ref9.cn("Children", {})));
+  }, _ref3))), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
 }
 Icon.displayName = 'Icon';
-function Label(_ref14) {
+function Label(_ref16) {
   var _ref4 = arguments[0],
-    _ref10;
-  var styles = _ref14.styles,
-    hasChildren = _ref14.children,
-    Children = _ref14.Children;
+    _ref12;
+  var styles = _ref16.styles,
+    hasChildren = _ref16.children,
+    Children = _ref16.Children;
   var SLabel = TypographyText;
   if (!hasChildren) {
     return null;
   }
-  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref10.cn("SLabel", _objectSpread({}, _assignProps4({
+  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref12.cn("SLabel", _objectSpread({}, _assignProps4({
     "use": 'primary'
-  }, _ref4))), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})));
+  }, _ref4))), /*#__PURE__*/React.createElement(Children, _ref12.cn("Children", {})));
 }
 Label.displayName = 'Label';
-function AdditionalLabel(_ref15) {
+function AdditionalLabel(_ref17) {
   var _ref5 = arguments[0],
-    _ref11;
-  var styles = _ref15.styles,
-    hasChildren = _ref15.children,
-    Children = _ref15.Children;
+    _ref13;
+  var styles = _ref17.styles,
+    hasChildren = _ref17.children,
+    Children = _ref17.Children;
   var SAdditionalLabel = TypographyText;
   if (!hasChildren) {
     return null;
   }
-  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SAdditionalLabel, _ref11.cn("SAdditionalLabel", _objectSpread({}, _assignProps5({
+  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SAdditionalLabel, _ref13.cn("SAdditionalLabel", _objectSpread({}, _assignProps5({
     "use": 'secondary'
-  }, _ref5))), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
+  }, _ref5))), /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {})));
 }
 AdditionalLabel.displayName = 'AdditionalLabel';
-function Count(_ref16) {
+function Count(_ref18) {
   var _ref6 = arguments[0],
-    _ref12;
-  var styles = _ref16.styles,
-    hasChildren = _ref16.children,
-    Children = _ref16.Children;
+    _ref14;
+  var styles = _ref18.styles,
+    hasChildren = _ref18.children,
+    Children = _ref18.Children;
   var SCount = TypographyText;
   if (!hasChildren) {
     return null;
   }
-  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SCount, _ref12.cn("SCount", _objectSpread({}, _assignProps6({
+  return _ref14 = sstyled(styles), /*#__PURE__*/React.createElement(SCount, _ref14.cn("SCount", _objectSpread({}, _assignProps6({
     "use": 'secondary'
-  }, _ref6))), /*#__PURE__*/React.createElement(Children, _ref12.cn("Children", {})));
+  }, _ref6))), /*#__PURE__*/React.createElement(Children, _ref14.cn("Children", {})));
 }
 Count.displayName = 'Count';
 export var LegendItemComponent = createComponent(LegendItemRoot, {

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","onClick","resolveColor","onKeyUp","e","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref8","SPointShape","hasChildren","theme","_assignProps2","_ref13","_ref3","_ref9","SIcon","_assignProps3","displayName","_ref14","_ref4","_ref10","SLabel","_assignProps4","_ref15","_ref5","_ref11","SAdditionalLabel","_assignProps5","_ref16","_ref6","_ref12","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nclass LegendItemRoot extends Component<\n  LegendItemProps & { resolveColor: ReturnType<typeof resolveColorEnhance> }\n> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = [resolveColorEnhance()];\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getShapeProps(): ShapeProps & DOMAttributes<HTMLLabelElement> {\n    const { checked, color, shape, label, id, size, onClick, resolveColor } = this.asProps;\n\n    return {\n      id,\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      size,\n      onKeyUp: (e: React.KeyboardEvent<HTMLLabelElement>) => {\n        if (onClick && e.key === ' ') {\n          onClick();\n        }\n      },\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps {\n    const { color, ...props } = this.asProps;\n\n    return {\n      ...props,\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    Children,\n    children: hasChildren,\n    onKeyUp,\n    label,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Checkbox') {\n    return (\n      <Checkbox\n        size={size}\n        checked={checked}\n        theme={checked ? color : undefined}\n        onKeyUp={onKeyUp}\n        aria-label={label}\n      />\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","PatternSymbol","getChartDefaultColorName","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","onClick","resolveColor","patterns","patternKey","onKeyUp","e","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","SPatternSymbol","_props$patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref15","_ref3","_ref11","SIcon","_assignProps3","displayName","_ref16","_ref4","_ref12","SLabel","_assignProps4","_ref17","_ref5","_ref13","SAdditionalLabel","_assignProps5","_ref18","_ref6","_ref14","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nclass LegendItemRoot extends Component<\n  LegendItemProps & { resolveColor: ReturnType<typeof resolveColorEnhance> }\n> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = [resolveColorEnhance()];\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getShapeProps(): ShapeProps & DOMAttributes<HTMLLabelElement> {\n    const { checked, color, shape, label, id, size, onClick, resolveColor, patterns } =\n      this.asProps;\n\n    return {\n      id,\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onKeyUp: (e: React.KeyboardEvent<HTMLLabelElement>) => {\n        if (onClick && e.key === ' ') {\n          onClick();\n        }\n      },\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps {\n    const { color, ...props } = this.asProps;\n\n    return {\n      ...props,\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    onKeyUp,\n    label,\n    patterns,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onKeyUp={onKeyUp}\n          aria-label={label}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}

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

@@ -2,5 +2,5 @@
  * Key of chart data item
  */
 
-export var StaticShapes = ['Circle', 'Line', 'Square'];
+export var StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'];
 //# sourceMappingURL=LegendItem.type.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import { Flex } from '@semcore/flex-box';\nimport { Intergalactic, Root } from '@semcore/core';\nimport Icon from '@semcore/icon';\nimport { Text } from '@semcore/typography';\nimport { LSize } from '../BaseLegend.type';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n  /**\n   * One of keys from data set\n   */\n  id: LegendItemKey;\n  /**\n   * Label for data item in Legend\n   */\n  label: string;\n  /**\n   * Flag for selected data item\n   */\n  checked: boolean;\n  /**\n   * Color of data item\n   */\n  color: string;\n  /**\n   * Icon before label\n   */\n  icon?: typeof Icon;\n  /**\n   * Additional info with sub-label or count\n   */\n  additionalInfo?: { label: string } | { count: number };\n};\n\nexport type LegendItemProps = LegendItem & {\n  /**\n   * Size for legend item\n   */\n  size: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape: ShapeType;\n  /**\n   * Handler for select/deselect legend item.\n   * !Need to redefine onClick, because we don't have `event` in it.\n   */\n  onClick: () => void;\n};\n\nexport type ShapeProps = LegendItem & {\n  size: LSize;\n  shape: ShapeType;\n};\n\nexport const StaticShapes = ['Circle', 'Line', 'Square'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n  Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;\n  Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;\n  Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;\n  AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n  Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n};\n"],"mappings":"AAMA;AACA;AACA;;AAmDA,OAAO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAU"}
+{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import { Flex } from '@semcore/flex-box';\nimport { Intergalactic, Root } from '@semcore/core';\nimport Icon from '@semcore/icon';\nimport { Text } from '@semcore/typography';\nimport { LSize } from '../BaseLegend.type';\nimport { PatternsConfig } from '../../../Pattern';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n  /**\n   * One of keys from data set\n   */\n  id: LegendItemKey;\n  /**\n   * Label for data item in Legend\n   */\n  label: string;\n  /**\n   * Flag for selected data item\n   */\n  checked: boolean;\n  /**\n   * Color of data item\n   */\n  color: string;\n  /**\n   * Icon before label\n   */\n  icon?: typeof Icon;\n  /**\n   * Additional info with sub-label or count\n   */\n  additionalInfo?: { label: string } | { count: number };\n\n  patternKey?: string;\n\n  /** Enables patterns symbols that enhances charts accessability */\n  patterns?: PatternsConfig;\n};\n\nexport type LegendItemProps = LegendItem & {\n  /**\n   * Size for legend item\n   */\n  size: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape: ShapeType;\n  /**\n   * Handler for select/deselect legend item.\n   * !Need to redefine onClick, because we don't have `event` in it.\n   */\n  onClick: () => void;\n\n  /** Enables patterns symbols that enhances charts accessability */\n  patterns?: PatternsConfig;\n};\n\nexport type ShapeProps = LegendItem & {\n  size: LSize;\n  shape: ShapeType;\n};\n\nexport const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n  Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;\n  Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;\n  Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;\n  AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n  Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n};\n"],"mappings":"AAOA;AACA;AACA;;AA2DA,OAAO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU"}

package/d3-chart/lib/es6/component/ChartLegend/LegendItem/legend-item.shadow.css

@@ -59,6 +59,11 @@ SPointShape[shape='Square'][size='m'] {
   margin-top: 4px;
 }
 
+SPointShape[shape='Pattern'] {
+  background-color: transparent;
+  margin-right: 4px;
+}
+
 SIcon {
   line-height: 0;
   margin-right: 4px;
@@ -76,17 +81,22 @@ SLabel {
   min-width: 0;
 }
 
-SLabel[size='l'], SAdditionalLabel[size='l'], SCount[size='l'] {
+SLabel[size='l'],
+SAdditionalLabel[size='l'],
+SCount[size='l'] {
   font-size: var(--intergalactic-fs-300, 16px);
   line-height: var(--intergalactic-lh-300, 150%);
 }
 
-SLabel[size='m'], SAdditionalLabel[size='m'], SCount[size='m'] {
+SLabel[size='m'],
+SAdditionalLabel[size='m'],
+SCount[size='m'] {
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
 }
 
-SAdditionalLabel, SCount {
+SAdditionalLabel,
+SCount {
   margin-left: 4px;
 }
 
@@ -113,3 +123,7 @@ SAdditionalLabel[size='l']::before {
 SAdditionalLabel[size='m']::before {
   margin-top: 8px;
 }
+
+SPatternSymbol {
+  transform: scale(0.8);
+}

package/d3-chart/lib/es6/index.js

@@ -22,4 +22,5 @@ export { HoverLine, HoverRect } from './Hover';
 export { minMax, interpolateValue } from './utils';
 export { colors } from './color';
 export { makeDataHintsContainer } from './a11y/hints';
+export { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
 //# sourceMappingURL=index.js.map

package/d3-chart/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Plot","ChartLegend","ChartLegendTable","Chart","XAxis","YAxis","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","ScatterPlot","Bubble","RadialTree","Donut","Venn","Radar","getLabelOffsetPosition","Tooltip","ResponsiveContainer","ReferenceLine","HoverLine","HoverRect","minMax","interpolateValue","colors","makeDataHintsContainer"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Plot } from './Plot';\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\nexport { default as Chart } from './component/Chart';\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\nexport { default as Radar, getLabelOffsetPosition } from './Radar';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport { default as ReferenceLine } from './ReferenceLine';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax, interpolateValue } from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACvE,SAASH,OAAO,IAAII,KAAK,QAAQ,mBAAmB;AACpD,SAASC,KAAK,EAAEC,KAAK,QAAQ,QAAQ;AAErC,SAASN,OAAO,IAAIO,IAAI,QAAQ,QAAQ;AAExC,SAASP,OAAO,IAAIQ,GAAG,QAAQ,OAAO;AACtC,SAASR,OAAO,IAAIS,aAAa,QAAQ,iBAAiB;AAC1D,SAAST,OAAO,IAAIU,QAAQ,QAAQ,YAAY;AAChD,SAASV,OAAO,IAAIW,QAAQ,QAAQ,YAAY;AAChD,SAASX,OAAO,IAAIY,IAAI,QAAQ,QAAQ;AACxC,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,WAAW,QAAQ,eAAe;AACtD,SAASd,OAAO,IAAIe,MAAM,QAAQ,UAAU;AAC5C,SAASf,OAAO,IAAIgB,UAAU,QAAQ,cAAc;AACpD,SAAShB,OAAO,IAAIiB,KAAK,QAAQ,SAAS;AAC1C,SAASjB,OAAO,IAAIkB,IAAI,QAAQ,QAAQ;AACxC,SAASlB,OAAO,IAAImB,KAAK,EAAEC,sBAAsB,QAAQ,SAAS;AAElE,SAASpB,OAAO,IAAIqB,OAAO,QAAQ,WAAW;AAE9C,SAASrB,OAAO,IAAIsB,mBAAmB,QAAQ,uBAAuB;AACtE,SAAStB,OAAO,IAAIuB,aAAa,QAAQ,iBAAiB;AAE1D,SAASC,SAAS,EAAEC,SAAS,QAAQ,SAAS;AAE9C,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,SAAS;AAClD,SAASC,MAAM,QAAQ,SAAS;AAEhC,SAASC,sBAAsB,QAAQ,cAAc"}
+{"version":3,"file":"index.js","names":["default","Plot","ChartLegend","ChartLegendTable","Chart","XAxis","YAxis","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","ScatterPlot","Bubble","RadialTree","Donut","Venn","Radar","getLabelOffsetPosition","Tooltip","ResponsiveContainer","ReferenceLine","HoverLine","HoverRect","minMax","interpolateValue","colors","makeDataHintsContainer","PatternFill","PatternSymbol","getPatternSymbolSize"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Plot } from './Plot';\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\nexport { default as Chart } from './component/Chart';\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\nexport { default as Radar, getLabelOffsetPosition } from './Radar';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport { default as ReferenceLine } from './ReferenceLine';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax, interpolateValue } from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n\nexport { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACvE,SAASH,OAAO,IAAII,KAAK,QAAQ,mBAAmB;AACpD,SAASC,KAAK,EAAEC,KAAK,QAAQ,QAAQ;AAErC,SAASN,OAAO,IAAIO,IAAI,QAAQ,QAAQ;AAExC,SAASP,OAAO,IAAIQ,GAAG,QAAQ,OAAO;AACtC,SAASR,OAAO,IAAIS,aAAa,QAAQ,iBAAiB;AAC1D,SAAST,OAAO,IAAIU,QAAQ,QAAQ,YAAY;AAChD,SAASV,OAAO,IAAIW,QAAQ,QAAQ,YAAY;AAChD,SAASX,OAAO,IAAIY,IAAI,QAAQ,QAAQ;AACxC,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,WAAW,QAAQ,eAAe;AACtD,SAASd,OAAO,IAAIe,MAAM,QAAQ,UAAU;AAC5C,SAASf,OAAO,IAAIgB,UAAU,QAAQ,cAAc;AACpD,SAAShB,OAAO,IAAIiB,KAAK,QAAQ,SAAS;AAC1C,SAASjB,OAAO,IAAIkB,IAAI,QAAQ,QAAQ;AACxC,SAASlB,OAAO,IAAImB,KAAK,EAAEC,sBAAsB,QAAQ,SAAS;AAElE,SAASpB,OAAO,IAAIqB,OAAO,QAAQ,WAAW;AAE9C,SAASrB,OAAO,IAAIsB,mBAAmB,QAAQ,uBAAuB;AACtE,SAAStB,OAAO,IAAIuB,aAAa,QAAQ,iBAAiB;AAE1D,SAASC,SAAS,EAAEC,SAAS,QAAQ,SAAS;AAE9C,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,SAAS;AAClD,SAASC,MAAM,QAAQ,SAAS;AAEhC,SAASC,sBAAsB,QAAQ,cAAc;AAErD,SAASC,WAAW,EAAEC,aAAa,EAAEC,oBAAoB,QAAQ,WAAW"}

package/d3-chart/lib/es6/style/area.shadow.css

@@ -9,6 +9,11 @@ SArea[color] {
   fill: var(--color);
 }
 
+SArea[pattern] {
+  fill: var(--pattern);
+  fill-opacity: 0.7;
+}
+
 SArea[transparent] {
   opacity: 0.3;
 }
@@ -42,4 +47,4 @@ SNull {
 
 SNull[hide] {
   display: none;
-}
+}

package/d3-chart/lib/es6/style/bar.shadow.css

@@ -11,6 +11,12 @@ SBar[color] {
   fill: var(--color);
 }
 
+SBar[pattern][color] {
+  fill: var(--pattern);
+  stroke: var(--color);
+  stroke-width: 1px;
+}
+
 SBar[hide] {
   display: none;
 }
@@ -21,4 +27,4 @@ SBar[transparent] {
 
 SBackground {
   fill: var(--intergalactic-chart-palette-order-other-data, #c4c7cf);
-}
+}

package/d3-chart/lib/es6/style/bubble.shadow.css

@@ -8,6 +8,7 @@ SBubble {
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
   opacity: 0.5;
+
   &:hover {
     opacity: 0.8;
   }
@@ -17,6 +18,12 @@ SBubble[color] {
   fill: var(--color);
 }
 
+SBubble[pattern][color] {
+  fill: var(--pattern);
+  stroke: var(--color);
+  stroke-width: 1px;
+}
+
 SBubble[transparent] {
   opacity: 0.3;
 }
@@ -54,4 +61,4 @@ SLabel[color] {
 
 SLabel[transparent] {
   opacity: 0.3;
-}
+}

package/d3-chart/lib/es6/style/donut.shadow.css

@@ -9,6 +9,12 @@ SPie[color] {
   fill: var(--color);
 }
 
+SPie[pattern][color] {
+  fill: var(--pattern);
+  stroke: var(--color);
+  stroke-width: 1px;
+}
+
 SPie[transparent] {
   opacity: 0.3;
 }
@@ -27,4 +33,4 @@ SLabel {
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
 
-}
+}

package/d3-chart/lib/es6/style/dot.shadow.css

@@ -7,10 +7,10 @@ SDots {
 }
 
 SDot {
-  stroke-width: 2px;
+  stroke-width: 1px;
   stroke: var(--intergalactic-chart-grid-border, #ffffff);
   fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
-  transition-property: cx, cy;
+  transition-property: cx, cy, x, y;
   transition-timing-function: ease-in-out;
 }
 

package/d3-chart/lib/es6/style/radar.shadow.css

@@ -39,6 +39,12 @@ SPolygon[color] {
   fill: var(--color);
 }
 
+SPolygon[pattern][color] {
+  fill: var(--pattern);
+  stroke: var(--color);
+  stroke-width: 1px;
+}
+
 SPolygonDot {
   stroke-width: 2px;
   stroke: var(--intergalactic-chart-grid-border, #ffffff);
@@ -70,4 +76,4 @@ SPolygonLine[color] {
 
 SPieRect {
   fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
-}
+}

package/d3-chart/lib/es6/style/radial-tree.shadow.css

@@ -21,6 +21,11 @@ SCap {
   transition: r 0.1s;
 }
 
+SCap[pattern] {
+  stroke: var(--intergalactic-chart-grid-border, #ffffff);
+  stroke-width: 1px;
+}
+
 SCap[transparent] {
   opacity: 0.3;
 }

package/d3-chart/lib/es6/style/scatterplot.shadow.css

@@ -6,6 +6,7 @@ SScatterPlot {
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
   opacity: 0.5;
+
   &:hover {
     opacity: 0.8;
   }
@@ -15,6 +16,12 @@ SScatterPlot[color] {
   fill: var(--color);
 }
 
+SScatterPlot[pattern][color] {
+  fill: var(--pattern);
+  stroke: var(--color);
+  stroke-width: 1px;
+}
+
 SScatterPlot[transparent] {
   opacity: 0.3;
 }
@@ -31,4 +38,4 @@ SValue[color] {
 
 SValue[transparent] {
   opacity: 0.3;
-}
+}

package/d3-chart/lib/es6/style/tooltip.shadow.css

@@ -23,17 +23,17 @@ SDotGroup {
 }
 
 SDot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
   margin-right: var(--intergalactic-spacing-2x, 8px);
-  background: var(--intergalactic-icon-secondary-info, #2bb3ff);
 }
 
-SDot[color] {
-  background: var(--color);
+SDotCircle[color] {
+  background-color: var(--color);
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
 }
 
+
 SFooter {
   background: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
   padding: var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);

package/d3-chart/lib/es6/style/venn.shadow.css

@@ -18,6 +18,17 @@ SCircle[color] {
   fill: var(--color);
 }
 
+SCircle[pattern][color] {
+  fill: var(--pattern);
+  fill-opacity: 0.7;
+  stroke: var(--color);
+  stroke-width: 1px;
+
+  &:hover {
+    fill-opacity: 0.85;
+  }
+}
+
 SCircle[transparent] {
   opacity: 0.3;
 }

package/d3-chart/lib/es6/types/Plot.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.d.js","names":[],"sources":["../../../src/types/Plot.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Context } from './context';\nimport { DataStructureHints } from './a11y/hints';\n\n/** @deprecated */\nexport interface IPlotProps extends PlotProps, UnknownProperties {}\nexport type PlotProps = Context &\n  BoxProps & {\n    /** Width of the svg element\n     * @default 0*/\n    width?: number;\n    /** Height of the svg element\n     * @default 0*/\n    height?: number;\n    /** Human readable chart name (e.g \"Last market trends\") */\n    label?: string;\n    /**\n     * Locale for displaying the days of a week and months, to be transferred to `Intl`\n     * @default en\n     * */\n    locale?: NavigatorLanguage['language'];\n    /**\n     * Optional container for data hints (use it if you have a legend component upper in tree)\n     */\n    dataHints?: DataStructureHints;\n    /** Optional prop to tune up alt text generating for charts */\n    a11yAltTextConfig?: PlotSummarizerConfig;\n\n    /** @deprecated */\n    eventEmitter?: unknown;\n  };\n\nexport type PlotSummarizerConfig = {\n  /** Totally disable automatic data summarization */\n  disable?: boolean;\n  /** Disable automatic data summarization and use provided text */\n  override?: string;\n  /** Tuning up time series trends analyzing. Represents angle tangens of time series change of different strength */\n  trendTangens?: {\n    /** Angle tangens of time series that have meaningful trending change\n     * @default 1/15\n     */\n    static?: number;\n    /** Angle tangens of time series that have weak trending change\n     * @default 1/10\n     */\n    weak?: number;\n    /** Angle tangens of time series that have medium trending change\n     * @default 1/5\n     */\n    medium?: number;\n    /** Angle tangens of time series that have strong trending change\n     * @default Infinity\n     */\n    strong?: number;\n  };\n  /** Tuning up time series local trends detection based on moving averages */\n  movingAverage?: {\n    /** Frame size of long moving average\n     * @default Math.sqrt(data.length)\n     */\n    longSize?: number;\n    /** Frame size of short moving average\n     * @default Math.sqrt(data.length)/2\n     */\n    shortSize?: number;\n    /** Absolute difference between values on moving averages crossing to\n     * be handled as local trend change.\n     * @default StandardDeviation/10\n     */\n    notableDiff?: number;\n  };\n  /** The way data to be interpreted as. By default is based on used used Plot elements and data structure.\n   */\n  dataType?: 'time-series' | 'points-cloud' | 'values-set';\n  /** Grid size to split data of point clouds into clusters.\n   */\n  clustersGridSize?: number;\n  /** Limits some output lists in chart alt text\n   * @default 100\n   * **/\n  maxListSymbols?: number;\n  /** Always add time to dates in chart alt text **/\n  datesWithTime?: boolean;\n  /** Described clusters count before text \"and X more\"\n   * @default false\n   * **/\n  clustersLimit?: number;\n  /** Described values count before text \"and X more\"\n   * @default false\n   * **/\n  valuesLimit?: number;\n  /** Described grouped value groups count before text \"and X more\"\n   * @default false\n   * **/\n  groupsLimit?: number;\n  /** Additional field for extra text description to the data\n   * **/\n  additionalFields?: string[];\n};\n\n/** @deprecated */\nexport type MapProps<Props, Ctx = {}, UCProps = {}> = Props & {\n  children?:\n    | ((props: Props & Ctx, handlers: UCProps) => Props | React.PropsWithChildren)\n    | React.ReactNode;\n};\n\nexport type IntergalacticD3Component<BaseTag extends Intergalactic.Tag, Props, Context = {}> = (<\n  Tag extends Intergalactic.Tag = BaseTag,\n>(\n  props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, Props, Context>,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<BaseTag, BaseTag, Props>;\n\ndeclare const Plot: IntergalacticD3Component<'svg', PlotProps, Context>;\nexport default Plot;\n"],"mappings":""}
+{"version":3,"file":"Plot.d.js","names":[],"sources":["../../../src/types/Plot.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Context } from './context';\nimport { DataStructureHints } from './a11y/hints';\nimport { PatternsConfig } from '../Pattern';\n\n/** @deprecated */\nexport interface IPlotProps extends PlotProps, UnknownProperties {}\nexport type PlotProps = Context &\n  BoxProps & {\n    /** Width of the svg element\n     * @default 0*/\n    width?: number;\n    /** Height of the svg element\n     * @default 0*/\n    height?: number;\n    /** Human readable chart name (e.g \"Last market trends\") */\n    label?: string;\n    /**\n     * Locale for displaying the days of a week and months, to be transferred to `Intl`\n     * @default en\n     * */\n    locale?: NavigatorLanguage['language'];\n    /**\n     * Optional container for data hints (use it if you have a legend component upper in tree)\n     */\n    dataHints?: DataStructureHints;\n    /** Optional prop to tune up alt text generating for charts */\n    a11yAltTextConfig?: PlotSummarizerConfig;\n\n    /** Enables charts patterns that enhances charts accessability */\n    patterns?: PatternsConfig;\n\n    /** @deprecated */\n    eventEmitter?: unknown;\n  };\n\nexport type PlotSummarizerConfig = {\n  /** Totally disable automatic data summarization */\n  disable?: boolean;\n  /** Disable automatic data summarization and use provided text */\n  override?: string;\n  /** Tuning up time series trends analyzing. Represents angle tangens of time series change of different strength */\n  trendTangens?: {\n    /** Angle tangens of time series that have meaningful trending change\n     * @default 1/15\n     */\n    static?: number;\n    /** Angle tangens of time series that have weak trending change\n     * @default 1/10\n     */\n    weak?: number;\n    /** Angle tangens of time series that have medium trending change\n     * @default 1/5\n     */\n    medium?: number;\n    /** Angle tangens of time series that have strong trending change\n     * @default Infinity\n     */\n    strong?: number;\n  };\n  /** Tuning up time series local trends detection based on moving averages */\n  movingAverage?: {\n    /** Frame size of long moving average\n     * @default Math.sqrt(data.length)\n     */\n    longSize?: number;\n    /** Frame size of short moving average\n     * @default Math.sqrt(data.length)/2\n     */\n    shortSize?: number;\n    /** Absolute difference between values on moving averages crossing to\n     * be handled as local trend change.\n     * @default StandardDeviation/10\n     */\n    notableDiff?: number;\n  };\n  /** The way data to be interpreted as. By default is based on used used Plot elements and data structure.\n   */\n  dataType?: 'time-series' | 'points-cloud' | 'values-set';\n  /** Grid size to split data of point clouds into clusters.\n   */\n  clustersGridSize?: number;\n  /** Limits some output lists in chart alt text\n   * @default 100\n   * **/\n  maxListSymbols?: number;\n  /** Always add time to dates in chart alt text **/\n  datesWithTime?: boolean;\n  /** Described clusters count before text \"and X more\"\n   * @default false\n   * **/\n  clustersLimit?: number;\n  /** Described values count before text \"and X more\"\n   * @default false\n   * **/\n  valuesLimit?: number;\n  /** Described grouped value groups count before text \"and X more\"\n   * @default false\n   * **/\n  groupsLimit?: number;\n  /** Additional field for extra text description to the data\n   * **/\n  additionalFields?: string[];\n};\n\n/** @deprecated */\nexport type MapProps<Props, Ctx = {}, UCProps = {}> = Props & {\n  children?:\n    | ((props: Props & Ctx, handlers: UCProps) => Props | React.PropsWithChildren)\n    | React.ReactNode;\n};\n\nexport type IntergalacticD3Component<BaseTag extends Intergalactic.Tag, Props, Context = {}> = (<\n  Tag extends Intergalactic.Tag = BaseTag,\n>(\n  props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, Props, Context>,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<BaseTag, BaseTag, Props>;\n\ndeclare const Plot: IntergalacticD3Component<'svg', PlotProps, Context>;\nexport default Plot;\n"],"mappings":""}

package/d3-chart/lib/es6/types/index.d.js

@@ -60,6 +60,9 @@ export * from './component/ChartLegend/LegendFlex/LegendFlex.type';
 export * from './component/ChartLegend/LegendTable/LegendTable.type';
 // @ts-ignore
 export * from './component/ChartLegend/LegendItem/LegendItem.type';
+
+// @ts-ignore
+export * from './Pattern';
 export { default as Chart } from './component/Chart';
 export * from './component/Chart/AbstractChart.type';
 export * from './component/Chart/LineChart.type';