@pantheon-systems/pds-toolkit-react 1.17.0 → 1.18.0
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/_dist/components/charts/PieChart/PieChart.d.ts +59 -0
- package/_dist/components/charts/ProportionBar/ProportionBar.d.ts +57 -0
- package/_dist/components/charts/shared/ChartSkeleton.d.ts +5 -1
- package/_dist/css/component-css/pds-chart-wrapper.css +1 -1
- package/_dist/css/component-css/pds-index.css +2 -2
- package/_dist/css/component-css/pds-pie-chart.css +1 -0
- package/_dist/css/component-css/pds-proportion-bar.css +1 -0
- package/_dist/css/pds-components.css +2 -2
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +2 -0
- package/_dist/index.js +4509 -4103
- package/_dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-pie-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-pie-chart--empty{align-items:center;display:flex;justify-content:center}.pds-pie-chart__skeleton{display:flex;flex-direction:column;gap:var(--pds-spacing-m)}.pds-pie-chart__legend--inline,.pds-pie-chart__skeleton-chart{align-items:center;display:flex;justify-content:center}.pds-pie-chart__legend--inline{flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-item{align-items:center;color:var(--pds-color-fg-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-pie-chart__legend-swatch{border-radius:2px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-pie-chart__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-pie-chart__legend-value{color:var(--pds-color-fg-default-secondary)}.pds-pie-chart__legend--table{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-row{align-items:center;display:flex;justify-content:space-between;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-pie-chart__legend-row:not(:last-child){border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-pie-chart__legend-row-label{align-items:center;color:var(--pds-color-fg-default);display:flex;font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-xs)}.pds-pie-chart__legend-row-value{color:var(--pds-color-fg-default);font-weight:var(--pds-typography-fw-semibold)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-proportion-bar{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-proportion-bar--empty{align-items:center;display:flex;justify-content:center}.pds-proportion-bar--empty .pds-compact-empty-state{padding-block:var(--pds-spacing-l)}.pds-proportion-bar__track{border-radius:var(--pds-border-radius-bar);display:flex;overflow:hidden;width:100%}.pds-proportion-bar__segment{flex-shrink:0;height:100%;transition:filter .15s ease}.pds-proportion-bar__segment:hover{filter:brightness(.88)}.pds-proportion-bar__legend{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-l)}.pds-proportion-bar__legend--center{justify-content:center}.pds-proportion-bar__legend--left{justify-content:flex-start;margin-inline-start:.125rem}.pds-proportion-bar__legend-item{align-items:center;color:var(--pds-color-fg-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-proportion-bar__legend-swatch{border-radius:3px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-proportion-bar__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-proportion-bar__legend-value{color:var(--pds-color-fg-default-secondary)}.pds-proportion-bar__legend-separator{color:var(--pds-color-border-default);user-select:none}
|