@fusion.dev/helix 0.182.0 → 0.182.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +11 -3
- package/dist/bar-chart/root/bar-chart-root.css.js +1 -1
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +4 -2
package/custom-elements.json
CHANGED
|
@@ -11743,7 +11743,7 @@
|
|
|
11743
11743
|
"part": "Root",
|
|
11744
11744
|
"examples": [
|
|
11745
11745
|
{
|
|
11746
|
-
"description": "Revenue by quarter, drawn from a table whose cells show text and hold the plotted number in `data-value
|
|
11746
|
+
"description": "Revenue by quarter, drawn from a table whose cells show text and hold the plotted number in `data-value`, then signups by channel stacked into one column a quarter, and a net figure that goes below zero.",
|
|
11747
11747
|
"slug": "preview"
|
|
11748
11748
|
},
|
|
11749
11749
|
{
|
|
@@ -11839,13 +11839,21 @@
|
|
|
11839
11839
|
}
|
|
11840
11840
|
},
|
|
11841
11841
|
{
|
|
11842
|
-
"description": "
|
|
11842
|
+
"description": "The bar at a column's far end, the end away from zero, which is the end to round. A column standing alone is its own far end. Under `stacked`, the last positive segment above zero and the last negative one below it. Its `data-end` is `positive` or `negative`. A blank or a zero is never the end. Set together with `bar`.",
|
|
11843
11843
|
"name": "bar-end",
|
|
11844
11844
|
"inheritedFrom": {
|
|
11845
11845
|
"name": "HelixHeadlessBarChart",
|
|
11846
11846
|
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11847
11847
|
}
|
|
11848
11848
|
},
|
|
11849
|
+
{
|
|
11850
|
+
"description": "A far end below zero, whose far end is its bottom, or its inline start when the bars run across. Set together with `bar-end`.",
|
|
11851
|
+
"name": "bar-end-negative",
|
|
11852
|
+
"inheritedFrom": {
|
|
11853
|
+
"name": "HelixHeadlessBarChart",
|
|
11854
|
+
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11855
|
+
}
|
|
11856
|
+
},
|
|
11849
11857
|
{
|
|
11850
11858
|
"description": "The far stop of a bar's gradient, where one is used.",
|
|
11851
11859
|
"name": "bar-wash-end",
|
|
@@ -251571,6 +251579,6 @@
|
|
|
251571
251579
|
],
|
|
251572
251580
|
"helix": {
|
|
251573
251581
|
"package": "@fusion.dev/helix",
|
|
251574
|
-
"version": "0.182.
|
|
251582
|
+
"version": "0.182.1"
|
|
251575
251583
|
}
|
|
251576
251584
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: grid;position: relative;gap: var(--bar-chart-gap, var(--helix-space-2xs));}[part="plot"] {position: relative;block-size: var(--bar-chart-block-size, 12em);}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible;}[part="baseline"] {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part~="bar"] {--_bar-chart-corners: var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0 0;--_bar-chart-base: 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2) 0;clip-path: inset(var(--_bar-chart-foot, 0) round var(--_bar-chart-corners));fill: var(--_bar-chart-series);}:host([orientation="horizontal"]) [part~="bar"] {--_bar-chart-corners: 0 var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0;--_bar-chart-base: 0 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2);}:host([stacked]) [part~="bar"]:not([part~="bar-end"]) {--_bar-chart-corners: 0;}
|
|
2
|
+
export const styles = createSheet(`:host {display: grid;position: relative;gap: var(--bar-chart-gap, var(--helix-space-2xs));}[part="plot"] {position: relative;block-size: var(--bar-chart-block-size, 12em);}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible;}[part="baseline"] {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part~="bar"] {--_bar-chart-corners: var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0 0;--_bar-chart-base: 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2) 0;clip-path: inset(var(--_bar-chart-foot, 0) round var(--_bar-chart-corners));fill: var(--_bar-chart-series);}:host([orientation="horizontal"]) [part~="bar"] {--_bar-chart-corners: 0 var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0;--_bar-chart-base: 0 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2);}:host([stacked]) [part~="bar"]:not([part~="bar-end"]) {--_bar-chart-corners: 0;}[part~="bar-end-negative"] {--_bar-chart-corners: 0 0 var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px);}:host([orientation="horizontal"]) [part~="bar-end-negative"] {--_bar-chart-corners: var(--bar-chart-bar-radius, 2px) 0 0 var(--bar-chart-bar-radius, 2px);}[part="labels"] {display: grid;grid-auto-columns: 1fr;grid-auto-flow: column;}[part="label"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}:host([orientation="horizontal"]) {grid-template-columns: auto 1fr;}:host([orientation="horizontal"]) [part="labels"] {grid-column: 1;grid-row: 1;}:host([orientation="horizontal"]) [part="plot"] {grid-column: 2;grid-row: 1;}:host([orientation="horizontal"]) [part="labels"] {grid-auto-columns: auto;grid-auto-flow: row;grid-auto-rows: 1fr;align-self: start;block-size: var(--bar-chart-block-size, 12em);}:host([orientation="horizontal"]) [part="label"] {align-self: center;text-align: end;}[part~="bar"],
|
|
3
3
|
[part="line"] {--_bar-chart-series: var(--chart-series);}:host {--bar-chart-tone-accent: var(--helix-color-accent);--bar-chart-tone-danger: var(--helix-color-danger);--bar-chart-tone-info: var(--helix-color-info);--bar-chart-tone-muted: var(--helix-color-foreground-subtle);--bar-chart-tone-primary: var(--helix-color-primary);--bar-chart-tone-success: var(--helix-color-success);--bar-chart-tone-warning: var(--helix-color-warning);}[part="plot"]:has([data-active]) [part~="group"]:not([data-active]) {opacity: 0.45;}[part~="group"] {transition: opacity var(--helix-duration-fast) var(--helix-easing-decelerate);}[part~="bar"] {transition:
|
|
4
4
|
height var(--helix-duration-normal) var(--helix-easing-decelerate),
|
|
5
5
|
width var(--helix-duration-normal) var(--helix-easing-decelerate),
|