intergalactic 15.52.0-prerelease.0-prerelease-15fe9f5e → 15.53.0-prerelease-dfe34e97

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';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":["makeDataHintsContainer","default","Plot","ResponsiveContainer","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","Radar","Donut","Tooltip","ScatterPlot","Bubble","ReferenceLine","Venn","RadialTree","ChartLegend","ChartLegendTable","Chart"],"sources":["../../../src/types/index.d.ts"],"sourcesContent":["// Utils\nexport declare function minMax(data: any, key: string | number): any;\nexport declare const interpolateValue: Symbol;\n\nexport { makeDataHintsContainer } from './a11y/hints';\n\n// Color\n/**\n * @deprecated\n * This export will be removed in the next major release.\n */\nexport declare const colors: { [key: string]: string };\n\nexport { default as Plot } from './Plot';\nexport * from './Plot';\n\nexport * from './Axis';\nexport * from './Hover';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport * from './ResponsiveContainer';\n\nexport { default as Line } from './Line';\nexport * from './Line';\n\nexport { default as Bar } from './Bar';\nexport * from './Bar';\n\nexport { default as HorizontalBar } from './HorizontalBar';\nexport * from './HorizontalBar';\n\nexport { default as GroupBar } from './GroupBar';\nexport * from './GroupBar';\n\nexport { default as StackBar } from './StackBar';\nexport * from './StackBar';\n\nexport { default as Area } from './Area';\nexport * from './Area';\n\nexport { default as StackedArea } from './StackedArea';\nexport * from './StackedArea';\n\nexport { default as Radar } from './Radar';\nexport * from './Radar';\n\nexport { default as Donut } from './Donut';\nexport * from './Donut';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as ScatterPlot } from './ScatterPlot';\nexport * from './ScatterPlot';\n\nexport { default as Bubble } from './Bubble';\nexport * from './Bubble';\n\nexport { default as ReferenceLine } from './ReferenceLine';\nexport * from './ReferenceLine';\n\nexport { default as Venn } from './Venn';\nexport * from './Venn';\n\n/** It becomes resolvable after building and moving file to lib dir */\n\n// @ts-ignore\nexport { default as RadialTree } from './RadialTree';\n\n// @ts-ignore\nexport * from './RadialTree';\n\n// @ts-ignore\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\n\n// @ts-ignore\nexport * from './component/ChartLegend/LegendFlex/LegendFlex.type';\n// @ts-ignore\nexport * from './component/ChartLegend/LegendTable/LegendTable.type';\n// @ts-ignore\nexport * from './component/ChartLegend/LegendItem/LegendItem.type';\n\nexport { default as Chart } from './component/Chart';\nexport * from './component/Chart/AbstractChart.type';\nexport * from './component/Chart/LineChart.type';\nexport * from './component/Chart/BarChart.type';\nexport * from './component/Chart/HistogramChart.type';\nexport * from './component/Chart/ScatterPlotChart.type';\nexport * from './component/Chart/AreaChart.type';\nexport * from './component/Chart/BubbleChart.type';\nexport * from './component/Chart/DonutChart.type';\nexport * from './component/Chart/VennChart.type';\nexport * from './component/Chart/RadarChart.type';\nexport * from './component/Chart/ScatterPlotChart.type';\n"],"mappings":"AAAA;;AAIA,SAASA,sBAAsB,QAAQ,cAAc;;AAErD;AACA;AACA;AACA;AACA;;AAGA,SAASC,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,cAAc,QAAQ;AACtB,cAAc,SAAS;AAEvB,SAASD,OAAO,IAAIE,mBAAmB,QAAQ,uBAAuB;AACtE,cAAc,uBAAuB;AAErC,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,SAASH,OAAO,IAAII,GAAG,QAAQ,OAAO;AACtC,cAAc,OAAO;AAErB,SAASJ,OAAO,IAAIK,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,SAASL,OAAO,IAAIM,QAAQ,QAAQ,YAAY;AAChD,cAAc,YAAY;AAE1B,SAASN,OAAO,IAAIO,QAAQ,QAAQ,YAAY;AAChD,cAAc,YAAY;AAE1B,SAASP,OAAO,IAAIQ,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,SAASR,OAAO,IAAIS,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe;AAE7B,SAAST,OAAO,IAAIU,KAAK,QAAQ,SAAS;AAC1C,cAAc,SAAS;AAEvB,SAASV,OAAO,IAAIW,KAAK,QAAQ,SAAS;AAC1C,cAAc,SAAS;AAEvB,SAASX,OAAO,IAAIY,OAAO,QAAQ,WAAW;AAC9C,cAAc,WAAW;AAEzB,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe;AAE7B,SAASb,OAAO,IAAIc,MAAM,QAAQ,UAAU;AAC5C,cAAc,UAAU;AAExB,SAASd,OAAO,IAAIe,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,SAASf,OAAO,IAAIgB,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;;AAEtB;;AAEA;AACA,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,cAAc;;AAEpD;AACA,cAAc,cAAc;;AAE5B;AACA,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;;AAEvE;AACA,cAAc,oDAAoD;AAClE;AACA,cAAc,sDAAsD;AACpE;AACA,cAAc,oDAAoD;AAElE,SAASnB,OAAO,IAAIoB,KAAK,QAAQ,mBAAmB;AACpD,cAAc,sCAAsC;AACpD,cAAc,kCAAkC;AAChD,cAAc,iCAAiC;AAC/C,cAAc,uCAAuC;AACrD,cAAc,yCAAyC;AACvD,cAAc,kCAAkC;AAChD,cAAc,oCAAoC;AAClD,cAAc,mCAAmC;AACjD,cAAc,kCAAkC;AAChD,cAAc,mCAAmC;AACjD,cAAc,yCAAyC"}
+{"version":3,"file":"index.d.js","names":["makeDataHintsContainer","default","Plot","ResponsiveContainer","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","Radar","Donut","Tooltip","ScatterPlot","Bubble","ReferenceLine","Venn","RadialTree","ChartLegend","ChartLegendTable","Chart"],"sources":["../../../src/types/index.d.ts"],"sourcesContent":["// Utils\nexport declare function minMax(data: any, key: string | number): any;\nexport declare const interpolateValue: Symbol;\n\nexport { makeDataHintsContainer } from './a11y/hints';\n\n// Color\n/**\n * @deprecated\n * This export will be removed in the next major release.\n */\nexport declare const colors: { [key: string]: string };\n\nexport { default as Plot } from './Plot';\nexport * from './Plot';\n\nexport * from './Axis';\nexport * from './Hover';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport * from './ResponsiveContainer';\n\nexport { default as Line } from './Line';\nexport * from './Line';\n\nexport { default as Bar } from './Bar';\nexport * from './Bar';\n\nexport { default as HorizontalBar } from './HorizontalBar';\nexport * from './HorizontalBar';\n\nexport { default as GroupBar } from './GroupBar';\nexport * from './GroupBar';\n\nexport { default as StackBar } from './StackBar';\nexport * from './StackBar';\n\nexport { default as Area } from './Area';\nexport * from './Area';\n\nexport { default as StackedArea } from './StackedArea';\nexport * from './StackedArea';\n\nexport { default as Radar } from './Radar';\nexport * from './Radar';\n\nexport { default as Donut } from './Donut';\nexport * from './Donut';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as ScatterPlot } from './ScatterPlot';\nexport * from './ScatterPlot';\n\nexport { default as Bubble } from './Bubble';\nexport * from './Bubble';\n\nexport { default as ReferenceLine } from './ReferenceLine';\nexport * from './ReferenceLine';\n\nexport { default as Venn } from './Venn';\nexport * from './Venn';\n\n/** It becomes resolvable after building and moving file to lib dir */\n\n// @ts-ignore\nexport { default as RadialTree } from './RadialTree';\n\n// @ts-ignore\nexport * from './RadialTree';\n\n// @ts-ignore\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\n\n// @ts-ignore\nexport * from './component/ChartLegend/LegendFlex/LegendFlex.type';\n// @ts-ignore\nexport * from './component/ChartLegend/LegendTable/LegendTable.type';\n// @ts-ignore\nexport * from './component/ChartLegend/LegendItem/LegendItem.type';\n\n// @ts-ignore\nexport * from './Pattern';\n\nexport { default as Chart } from './component/Chart';\nexport * from './component/Chart/AbstractChart.type';\nexport * from './component/Chart/LineChart.type';\nexport * from './component/Chart/BarChart.type';\nexport * from './component/Chart/HistogramChart.type';\nexport * from './component/Chart/ScatterPlotChart.type';\nexport * from './component/Chart/AreaChart.type';\nexport * from './component/Chart/BubbleChart.type';\nexport * from './component/Chart/DonutChart.type';\nexport * from './component/Chart/VennChart.type';\nexport * from './component/Chart/RadarChart.type';\nexport * from './component/Chart/ScatterPlotChart.type';\n"],"mappings":"AAAA;;AAIA,SAASA,sBAAsB,QAAQ,cAAc;;AAErD;AACA;AACA;AACA;AACA;;AAGA,SAASC,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,cAAc,QAAQ;AACtB,cAAc,SAAS;AAEvB,SAASD,OAAO,IAAIE,mBAAmB,QAAQ,uBAAuB;AACtE,cAAc,uBAAuB;AAErC,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,SAASH,OAAO,IAAII,GAAG,QAAQ,OAAO;AACtC,cAAc,OAAO;AAErB,SAASJ,OAAO,IAAIK,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,SAASL,OAAO,IAAIM,QAAQ,QAAQ,YAAY;AAChD,cAAc,YAAY;AAE1B,SAASN,OAAO,IAAIO,QAAQ,QAAQ,YAAY;AAChD,cAAc,YAAY;AAE1B,SAASP,OAAO,IAAIQ,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,SAASR,OAAO,IAAIS,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe;AAE7B,SAAST,OAAO,IAAIU,KAAK,QAAQ,SAAS;AAC1C,cAAc,SAAS;AAEvB,SAASV,OAAO,IAAIW,KAAK,QAAQ,SAAS;AAC1C,cAAc,SAAS;AAEvB,SAASX,OAAO,IAAIY,OAAO,QAAQ,WAAW;AAC9C,cAAc,WAAW;AAEzB,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe;AAE7B,SAASb,OAAO,IAAIc,MAAM,QAAQ,UAAU;AAC5C,cAAc,UAAU;AAExB,SAASd,OAAO,IAAIe,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,SAASf,OAAO,IAAIgB,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;;AAEtB;;AAEA;AACA,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,cAAc;;AAEpD;AACA,cAAc,cAAc;;AAE5B;AACA,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;;AAEvE;AACA,cAAc,oDAAoD;AAClE;AACA,cAAc,sDAAsD;AACpE;AACA,cAAc,oDAAoD;;AAElE;AACA,cAAc,WAAW;AAEzB,SAASnB,OAAO,IAAIoB,KAAK,QAAQ,mBAAmB;AACpD,cAAc,sCAAsC;AACpD,cAAc,kCAAkC;AAChD,cAAc,iCAAiC;AAC/C,cAAc,uCAAuC;AACrD,cAAc,yCAAyC;AACvD,cAAc,kCAAkC;AAChD,cAAc,oCAAoC;AAClD,cAAc,mCAAmC;AACjD,cAAc,kCAAkC;AAChD,cAAc,mCAAmC;AACjD,cAAc,yCAAyC"}

package/d3-chart/lib/types/Pattern.d.ts

@@ -0,0 +1,336 @@
+import React from 'react';
+/**
+ * Object that is fully describes the pattern
+ */
+export type Pattern = {
+    /**
+     * SVG jsx element and svg viewbox of the SVG pattern
+     * used to fill chart elements such bars or areas
+     */
+    fill: {
+        viewBox: string;
+        children: React.ReactNode;
+    };
+    /**
+     * SVG jsx element, viewbox and render size of the single
+     * pattern image used on line dots or caps
+     */
+    symbol: {
+        viewBox: string;
+        size: [width: number, height: number];
+        children: React.ReactNode;
+    };
+    /**
+     * SVG stroke-dasharray property that defines line chart
+     * lines dash pattern
+     */
+    dasharray?: string;
+};
+declare const defaultPatterns: {
+    starSmall: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    romb: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    circleOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    triangleDown: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    rombOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    square: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    trees: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    wave: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    star: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    cogwheel: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    crossesDiagonal: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    triangleOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    chain: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    squama: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    linesDouble: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    zigzagVertical: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    triangleDownOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    crosses: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    linesDoubleHorizontal: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    waveVertical: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    squareOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    triangle: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    crescent: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    zigzag: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+};
+export type PatternsConfig = true | keyof typeof defaultPatterns | Pattern | Pattern[];
+export declare const PatternFill: ({ id, color, patternKey, patterns, }: {
+    id: string;
+    color: string;
+    patternKey: string;
+    patterns?: PatternsConfig | undefined;
+}) => JSX.Element;
+export declare const getPatternSymbolSize: ({ patternKey, patterns, }: {
+    patternKey: string;
+    patterns?: PatternsConfig | undefined;
+}) => [width: number, height: number];
+export declare const PatternSymbol: React.FC<{
+    color: string;
+    patternKey: string;
+    patterns?: PatternsConfig;
+} & React.ComponentProps<'svg'>>;
+export declare const resolvePatternDasharray: (patternKey: string, patterns: PatternsConfig) => string | undefined;
+export {};

package/d3-chart/lib/types/Plot.d.ts

@@ -2,6 +2,7 @@ import { BoxProps } from 'intergalactic/flex-box';
 import { UnknownProperties, Intergalactic } from 'intergalactic/core';
 import { Context } from './context';
 import { DataStructureHints } from './a11y/hints';
+import { PatternsConfig } from '../Pattern';
 
 /** @deprecated */
 export interface IPlotProps extends PlotProps, UnknownProperties {}
@@ -27,6 +28,9 @@ export type PlotProps = Context &
     /** Optional prop to tune up alt text generating for charts */
     a11yAltTextConfig?: PlotSummarizerConfig;
 
+    /** Enables charts patterns that enhances charts accessability */
+    patterns?: PatternsConfig;
+
     /** @deprecated */
     eventEmitter?: unknown;
   };

package/d3-chart/lib/types/RadialTree.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { UnknownProperties, Intergalactic } from 'intergalactic/core';
+import { PatternsConfig } from './Pattern';
 type RadianData = {
     /**
      * Text label on the end of radian.
@@ -154,11 +155,15 @@ export type RadialTreeRadianCapProps = {
     transparent?: boolean;
     ['data-radial-animation']?: `${string}-cap-circle`;
     ['data-radian-index']?: number;
+    /** Enables charts patterns that enhances charts accessability */
+    patterns?: PatternsConfig;
 };
-type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
+type RadialTreeRadianCapAsProps = RadialTreeRadianCapProps & {
     Element: React.FC<{
-        render: string;
+        render: React.FC<any> | string;
         transparent: boolean;
+        patternKey?: string;
+        pattern?: boolean;
     } & React.SVGProps<any>>;
     styles: React.CSSProperties;
     resolveColor: (color?: string) => string;

package/d3-chart/lib/types/component/Chart/AbstractChart.type.d.ts

@@ -4,6 +4,7 @@ import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
 import Icon from 'intergalactic/icon';
 import { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
 import { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
+import { PatternsConfig } from '../../Pattern';
 export type BaseLegendProps = BaseChartLegendProps & {
     /**
      * Disable hover (for transition items legend of each not hovered)
@@ -47,6 +48,8 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
      * Height of plot
      */
     plotHeight: number;
+    /** Enables charts patterns that enhances charts accessability */
+    patterns?: PatternsConfig;
     /**
      * Margin (for Y axis points) from left side of chart container to Y axis
      */

package/d3-chart/lib/types/component/ChartLegend/BaseLegend.type.d.ts

@@ -1,6 +1,7 @@
 import { BoxProps, FlexProps } from 'intergalactic/flex-box';
 import { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';
 import { DataStructureHints } from '../../a11y/hints';
+import type { PatternsConfig } from '../../Pattern';
 export type LSize = 'm' | 'l';
 export type BaseChartLegendProps = FlexProps & {
     /**
@@ -24,4 +25,6 @@ export type LegendProps = BoxProps & BaseChartLegendProps & {
      * Legend items
      */
     items: LegendItem[];
+    /** Enables charts patterns that enhances charts accessability */
+    patterns?: PatternsConfig;
 };

package/d3-chart/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts

@@ -3,6 +3,7 @@ import { Intergalactic, Root } from 'intergalactic/core';
 import Icon from 'intergalactic/icon';
 import { Text } from 'intergalactic/typography';
 import { LSize } from '../BaseLegend.type';
+import { PatternsConfig } from '../../../Pattern';
 /**
  * Key of chart data item
  */
@@ -36,6 +37,9 @@ export type LegendItem = {
     } | {
         count: number;
     };
+    patternKey?: string;
+    /** Enables patterns symbols that enhances charts accessability */
+    patterns?: PatternsConfig;
 };
 export type LegendItemProps = LegendItem & {
     /**
@@ -51,12 +55,14 @@ export type LegendItemProps = LegendItem & {
      * !Need to redefine onClick, because we don't have `event` in it.
      */
     onClick: () => void;
+    /** Enables patterns symbols that enhances charts accessability */
+    patterns?: PatternsConfig;
 };
 export type ShapeProps = LegendItem & {
     size: LSize;
     shape: ShapeType;
 };
-export declare const StaticShapes: readonly ["Circle", "Line", "Square"];
+export declare const StaticShapes: readonly ["Circle", "Line", "Square", "Pattern"];
 export type ShapeType = 'Checkbox' | typeof StaticShapes[number];
 export type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {
     Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;

package/d3-chart/lib/types/index.d.ts

@@ -80,6 +80,9 @@ 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';

package/date-picker/lib/cjs/components/RangePickerAbstract.js

@@ -257,7 +257,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           mr: 2
         }, /*#__PURE__*/_react["default"].createElement(Picker.Header, null, /*#__PURE__*/_react["default"].createElement(Picker.Prev, null), /*#__PURE__*/_react["default"].createElement(Picker.Title, null)), /*#__PURE__*/_react["default"].createElement(Picker.Calendar, null)), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
           ml: 2
-        }, /*#__PURE__*/_react["default"].createElement(Picker.Header, null, /*#__PURE__*/_react["default"].createElement(Picker.Title, null), /*#__PURE__*/_react["default"].createElement(Picker.Next, null)), /*#__PURE__*/_react["default"].createElement(Picker.Calendar, null)), periods.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
+        }, /*#__PURE__*/_react["default"].createElement(Picker.Header, null, /*#__PURE__*/_react["default"].createElement(Picker.Title, null), /*#__PURE__*/_react["default"].createElement(Picker.Next, null)), /*#__PURE__*/_react["default"].createElement(Picker.Calendar, null)), periods.length > 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
           m: "-16px 16px",
           orientation: "vertical",
           h: "auto"
@@ -265,9 +265,13 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           direction: "column"
         }, /*#__PURE__*/_react["default"].createElement(Picker.Period, null), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
           mt: "auto"
-        }, buttons))) : /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
-          mt: 4
-        }, buttons)))
+        }, buttons)))), periods.length === 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
+          m: "16px -16px",
+          orientation: "horizontal",
+          w: "auto"
+        }), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, null, /*#__PURE__*/_react["default"].createElement(Picker.Period, null), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
+          mt: "auto"
+        }, buttons))))
       };
     }
   }, {