x-next 1.8.0 → 1.8.2
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/AI_USAGE.md +2 -2
- package/CHANGELOG.md +9 -0
- package/dist/components/heatmap/Heatmap.d.ts +0 -1
- package/dist/components/heatmap/index.d.ts +0 -3
- package/dist/es/components/heatmap/Heatmap.js +181 -179
- package/dist/es/style.css +1 -1
- package/dist/index.cjs +4 -4
- package/dist/index.umd.js +4 -4
- package/dist/style/heatmap.css +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/style/heatmap.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--x-heatmap-color-level-1: var(--x-color-primary-1);--x-heatmap-color-level-2: var(--x-color-primary-2);--x-heatmap-color-level-3: var(--x-color-primary-3);--x-heatmap-color-level-4: var(--x-color-primary-5);--x-heatmap-color-level-5: var(--x-color-primary-6);--x-heatmap-color-empty: var(--x-color-fill-2);--x-heatmap-color-text: var(--x-color-text-3);--x-heatmap-border-radius-cell: var(--x-border-radius-small);--x-heatmap-border-radius-tooltip: var(--x-border-radius-medium);--x-heatmap-color-tooltip-bg: var(--x-color-overlay-tooltip-bg);--x-heatmap-color-tooltip-text: var(--x-color-white);--x-heatmap-shadow-tooltip: var(--x-shadow-popover);--x-heatmap-color-cell-border: var(--x-color-border-subtle);--x-heatmap-margin-label: var(--x-spacing-1);--x-heatmap-spacing-week-label: var(--x-spacing-1);--x-heatmap-spacing-indicator: var(--x-spacing-2);--x-heatmap-spacing-footer: var(--x-spacing-4)}.x-heatmap{position:relative;display:inline-block;color:var(--x-heatmap-color-text);font-size:var(--x-font-size-caption);--x-heatmap-cell-size: 12px;--x-heatmap-cell-gap: var(--x-spacing-1)}.x-heatmap--body{display:flex;align-items:flex-start;gap:var(--x-heatmap-margin-label)}.x-heatmap--week-labels{display:grid;flex:none;grid-auto-flow:column;align-items:center;padding-top:calc(var(--x-font-size-caption)*1.5 + var(--x-heatmap-spacing-week-label))}.x-heatmap--week-label{height:var(--x-heatmap-cell-size);margin-bottom:var(--x-heatmap-cell-gap);line-height:var(--x-heatmap-cell-size);text-align:right;white-space:nowrap}.x-heatmap--grid-wrapper{position:relative;min-width:0}.x-heatmap--month-labels{display:grid;grid-auto-flow:column;height:calc(var(--x-font-size-caption)*1.5);margin-bottom:var(--x-heatmap-spacing-week-label)}.x-heatmap--month-label{grid-row:1;line-height:1.5;white-space:nowrap}.x-heatmap--grid{position:relative;display:grid;
|
|
1
|
+
:root{--x-heatmap-color-level-1: var(--x-color-primary-1);--x-heatmap-color-level-2: var(--x-color-primary-2);--x-heatmap-color-level-3: var(--x-color-primary-3);--x-heatmap-color-level-4: var(--x-color-primary-5);--x-heatmap-color-level-5: var(--x-color-primary-6);--x-heatmap-color-empty: var(--x-color-fill-2);--x-heatmap-color-text: var(--x-color-text-3);--x-heatmap-border-radius-cell: var(--x-border-radius-small);--x-heatmap-border-radius-tooltip: var(--x-border-radius-medium);--x-heatmap-color-tooltip-bg: var(--x-color-overlay-tooltip-bg);--x-heatmap-color-tooltip-text: var(--x-color-white);--x-heatmap-shadow-tooltip: var(--x-shadow-popover);--x-heatmap-color-cell-border: var(--x-color-border-subtle);--x-heatmap-margin-label: var(--x-spacing-1);--x-heatmap-spacing-week-label: var(--x-spacing-1);--x-heatmap-spacing-indicator: var(--x-spacing-2);--x-heatmap-spacing-footer: var(--x-spacing-4)}.x-heatmap{position:relative;display:inline-block;color:var(--x-heatmap-color-text);font-size:var(--x-font-size-caption);--x-heatmap-cell-size: 12px;--x-heatmap-cell-gap: var(--x-spacing-1)}.x-heatmap--body{display:flex;align-items:flex-start;gap:var(--x-heatmap-margin-label)}.x-heatmap--week-labels{display:grid;flex:none;grid-auto-flow:column;align-items:center;padding-top:calc(var(--x-font-size-caption)*1.5 + var(--x-heatmap-spacing-week-label))}.x-heatmap--week-label{height:var(--x-heatmap-cell-size);margin-bottom:var(--x-heatmap-cell-gap);line-height:var(--x-heatmap-cell-size);text-align:right;white-space:nowrap}.x-heatmap--grid-wrapper{position:relative;min-width:0}.x-heatmap--month-labels{display:grid;grid-auto-flow:column;height:calc(var(--x-font-size-caption)*1.5);margin-bottom:var(--x-heatmap-spacing-week-label)}.x-heatmap--month-label{grid-row:1;line-height:1.5;white-space:nowrap}.x-heatmap--grid{position:relative;display:grid;gap:var(--x-heatmap-cell-gap)}.x-heatmap--cell{width:var(--x-heatmap-cell-size);height:var(--x-heatmap-cell-size);border-radius:var(--x-heatmap-border-radius-cell);cursor:pointer;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),outline-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-heatmap--cell:hover{outline:1px solid var(--x-heatmap-color-cell-border);outline-offset:1px}.x-heatmap--cell:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:1px}.x-heatmap-is-out-of-range{opacity:.45}.x-heatmap--tooltip{position:absolute;z-index:1;padding:var(--x-spacing-2) var(--x-spacing-4);color:var(--x-heatmap-color-tooltip-text);font-size:var(--x-font-size-caption);line-height:1.5;white-space:nowrap;background-color:var(--x-heatmap-color-tooltip-bg);border-radius:var(--x-heatmap-border-radius-tooltip);box-shadow:var(--x-heatmap-shadow-tooltip);pointer-events:none;transform:translate(-50%, 0);opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-heatmap-is-visible{opacity:1}.x-heatmap--indicator{display:flex;gap:var(--x-heatmap-spacing-indicator);align-items:center;justify-content:flex-end;margin-top:var(--x-heatmap-spacing-indicator);line-height:1}.x-heatmap--indicator-swatch{width:var(--x-heatmap-cell-size);height:var(--x-heatmap-cell-size);border-radius:var(--x-heatmap-border-radius-cell)}.x-heatmap--indicator-leading.x-heatmap--indicator-trailing{white-space:nowrap}.x-heatmap--footer{margin-top:var(--x-heatmap-spacing-footer)}.x-heatmap--grid:focus-visible{outline:2px solid var(--x-color-border-focus);outline-offset:2px;border-radius:var(--x-border-radius-small)}.x-heatmap--live{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}
|