@tmorrow/cre8-wc 1.2.4 → 1.2.6

package/lib/components/chart/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../../components/chart/chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, PropertyValues } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport {\n    Chart,\n    ChartType,\n    ChartData,\n    ChartOptions,\n    ChartConfiguration,\n    registerables,\n    ChartEvent,\n    ActiveElement,\n    TooltipItem,\n} from 'chart.js';\nimport styles from './chart.styles.js';\n\n// Register all Chart.js components\nChart.register(...registerables);\n\n/**\n * Chart type definitions for all supported Chart.js types\n */\nexport type Cre8ChartType =\n    | 'line'\n    | 'bar'\n    | 'pie'\n    | 'doughnut'\n    | 'radar'\n    | 'polarArea'\n    | 'bubble'\n    | 'scatter';\n\n/**\n * Chart dataset configuration with proper typing\n */\nexport interface Cre8ChartDataset {\n    label?: string;\n    data: number[] | { x: number; y: number; r?: number }[];\n    backgroundColor?: string | string[];\n    borderColor?: string | string[];\n    borderWidth?: number;\n    fill?: boolean;\n    tension?: number;\n    pointRadius?: number;\n    pointHoverRadius?: number;\n    hoverBackgroundColor?: string | string[];\n    hoverBorderColor?: string | string[];\n    [key: string]: unknown;\n}\n\n/**\n * Chart data configuration\n */\nexport interface Cre8ChartData {\n    labels?: string[];\n    datasets: Cre8ChartDataset[];\n}\n\n/**\n * Event detail for chart interactions\n */\nexport interface Cre8ChartEventDetail {\n    event: ChartEvent;\n    elements: ActiveElement[];\n    chart: Chart;\n    dataIndex?: number;\n    datasetIndex?: number;\n    value?: number | { x: number; y: number; r?: number };\n    label?: string;\n}\n\n/**\n * A flexible chart component built on Chart.js that supports multiple chart types\n * including line, bar, pie, doughnut, radar, polar area, bubble, and scatter charts.\n *\n * ## Features\n * - Supports all major Chart.js chart types\n * - Reactive updates when data or options change\n * - Customizable colors that integrate with cre8 design tokens\n * - Responsive sizing\n * - Loading state indicator\n * - Event callbacks for click and hover interactions\n * - Accessible with ARIA labels\n *\n * ## Usage\n *\n * ```html\n * <cre8-chart\n *   type=\"bar\"\n *   .data=${{ labels: ['A', 'B', 'C'], datasets: [{ label: 'Sales', data: [10, 20, 30] }] }}\n *   .options=${{ responsive: true }}\n * ></cre8-chart>\n * ```\n *\n * @fires cre8-chart-click - Fired when a chart element is clicked\n * @fires cre8-chart-hover - Fired when hovering over chart elements\n * @fires cre8-chart-ready - Fired when the chart is initialized\n */\nexport class Cre8Chart extends Cre8Element {\n    static styles = [styles];\n\n    /**\n     * The type of chart to render.\n     * @attr type\n     */\n    @property({ type: String })\n    type: Cre8ChartType = 'bar';\n\n    /**\n     * The chart data including labels and datasets.\n     * This should be an object with `labels` array and `datasets` array.\n     */\n    @property({ type: Object, attribute: false })\n    data: Cre8ChartData = { datasets: [] };\n\n    /**\n     * Chart.js configuration options.\n     * See Chart.js documentation for all available options.\n     */\n    @property({ type: Object, attribute: false })\n    options: ChartOptions = {};\n\n    /**\n     * Width of the chart container in pixels.\n     * If not set, the chart will be responsive.\n     * @attr width\n     */\n    @property({ type: Number })\n    width?: number;\n\n    /**\n     * Height of the chart container in pixels.\n     * If not set, defaults to 400px.\n     * @attr height\n     */\n    @property({ type: Number })\n    height: number = 400;\n\n    /**\n     * Whether the chart should maintain aspect ratio when resizing.\n     * @attr maintain-aspect-ratio\n     */\n    @property({ type: Boolean, attribute: 'maintain-aspect-ratio' })\n    maintainAspectRatio: boolean = true;\n\n    /**\n     * Whether the chart should be responsive to container size.\n     * @attr responsive\n     */\n    @property({ type: Boolean })\n    responsive: boolean = true;\n\n    /**\n     * Display a loading indicator instead of the chart.\n     * @attr loading\n     */\n    @property({ type: Boolean, reflect: true })\n    loading: boolean = false;\n\n    /**\n     * Accessible label for the chart.\n     * @attr aria-label\n     */\n    @property({ type: String, attribute: 'aria-label' })\n    ariaLabel: string = 'Chart';\n\n    /**\n     * Whether to show the legend.\n     * @attr show-legend\n     */\n    @property({ type: Boolean, attribute: 'show-legend' })\n    showLegend: boolean = true;\n\n    /**\n     * Position of the legend.\n     * @attr legend-position\n     */\n    @property({ type: String, attribute: 'legend-position' })\n    legendPosition: 'top' | 'bottom' | 'left' | 'right' = 'top';\n\n    /**\n     * Whether to animate chart updates.\n     * @attr enable-animation\n     */\n    @property({ type: Boolean, attribute: 'enable-animation' })\n    enableAnimation: boolean = true;\n\n    /**\n     * Animation duration in milliseconds.\n     * @attr animation-duration\n     */\n    @property({ type: Number, attribute: 'animation-duration' })\n    animationDuration: number = 750;\n\n    /**\n     * Default colors for datasets (uses cre8 design token colors).\n     */\n    @property({ type: Array, attribute: false })\n    colors: string[] = [\n        '#0066B3', // Primary blue\n        '#00A3E0', // Accent cyan\n        '#059669', // Success green\n        '#D97706', // Warning orange\n        '#DC2626', // Error red\n        '#7C3AED', // Purple\n        '#DB2777', // Pink\n        '#0891B2', // Teal\n    ];\n\n    /**\n     * Internal chart instance reference.\n     */\n    @state()\n    private _chartInstance: Chart | null = null;\n\n    /**\n     * Internal state tracking if component is connected.\n     */\n    @state()\n    private _isConnected: boolean = false;\n\n    /**\n     * Reference to the canvas element.\n     */\n    @query('canvas')\n    private _canvas!: HTMLCanvasElement;\n\n    connectedCallback() {\n        super.connectedCallback();\n        this._isConnected = true;\n    }\n\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        this._isConnected = false;\n        this._destroyChart();\n    }\n\n    protected firstUpdated(_changedProperties: PropertyValues) {\n        super.firstUpdated(_changedProperties);\n        if (!this.loading) {\n            this._initializeChart();\n        }\n    }\n\n    protected updated(changedProperties: PropertyValues) {\n        super.updated(changedProperties);\n\n        // If loading state changed to false, initialize chart\n        if (changedProperties.has('loading') && !this.loading && !this._chartInstance) {\n            this._initializeChart();\n            return;\n        }\n\n        // If loading, don't update chart\n        if (this.loading) {\n            return;\n        }\n\n        // Check if we need to recreate the chart (type changed)\n        if (changedProperties.has('type') && this._chartInstance) {\n            this._destroyChart();\n            this._initializeChart();\n            return;\n        }\n\n        // Update existing chart if data or options changed\n        if (\n            (changedProperties.has('data') ||\n             changedProperties.has('options') ||\n             changedProperties.has('showLegend') ||\n             changedProperties.has('legendPosition') ||\n             changedProperties.has('colors')) &&\n            this._chartInstance\n        ) {\n            this._updateChart();\n        }\n    }\n\n    /**\n     * Initialize the Chart.js instance.\n     */\n    private _initializeChart() {\n        if (!this._canvas || !this._isConnected) {\n            return;\n        }\n\n        const ctx = this._canvas.getContext('2d');\n        if (!ctx) {\n            console.error('Cre8Chart: Unable to get canvas 2D context');\n            return;\n        }\n\n        const config = this._buildChartConfig();\n        this._chartInstance = new Chart(ctx, config);\n\n        this.dispatch({\n            eventName: 'cre8-chart-ready',\n            detailObj: { chart: this._chartInstance },\n        });\n    }\n\n    /**\n     * Build the complete Chart.js configuration.\n     */\n    private _buildChartConfig(): ChartConfiguration {\n        const processedData = this._processData();\n\n        return {\n            type: this.type as ChartType,\n            data: processedData as ChartData,\n            options: this._mergeOptions(),\n        };\n    }\n\n    /**\n     * Process chart data and apply default colors.\n     */\n    private _processData(): Cre8ChartData {\n        if (!this.data || !this.data.datasets) {\n            return { labels: [], datasets: [] };\n        }\n\n        const processedDatasets = this.data.datasets.map((dataset, index) => {\n            const colorIndex = index % this.colors.length;\n            const defaultColor = this.colors[colorIndex];\n\n            // For pie/doughnut/polarArea, apply colors to each segment\n            if (['pie', 'doughnut', 'polarArea'].includes(this.type)) {\n                const dataLength = Array.isArray(dataset.data) ? dataset.data.length : 0;\n                const segmentColors = Array.from(\n                    { length: dataLength },\n                    (_, i) => this.colors[i % this.colors.length]\n                );\n\n                return {\n                    ...dataset,\n                    backgroundColor: dataset.backgroundColor || segmentColors,\n                    borderColor: dataset.borderColor || '#ffffff',\n                    borderWidth: dataset.borderWidth ?? 2,\n                };\n            }\n\n            // For line charts, add some defaults\n            if (this.type === 'line') {\n                return {\n                    ...dataset,\n                    backgroundColor: dataset.backgroundColor || `${defaultColor}20`,\n                    borderColor: dataset.borderColor || defaultColor,\n                    borderWidth: dataset.borderWidth ?? 2,\n                    fill: dataset.fill ?? false,\n                    tension: dataset.tension ?? 0.4,\n                    pointRadius: dataset.pointRadius ?? 4,\n                    pointHoverRadius: dataset.pointHoverRadius ?? 6,\n                };\n            }\n\n            // For bar charts\n            if (this.type === 'bar') {\n                return {\n                    ...dataset,\n                    backgroundColor: dataset.backgroundColor || defaultColor,\n                    borderColor: dataset.borderColor || defaultColor,\n                    borderWidth: dataset.borderWidth ?? 0,\n                    borderRadius: 4,\n                };\n            }\n\n            // For radar charts\n            if (this.type === 'radar') {\n                return {\n                    ...dataset,\n                    backgroundColor: dataset.backgroundColor || `${defaultColor}40`,\n                    borderColor: dataset.borderColor || defaultColor,\n                    borderWidth: dataset.borderWidth ?? 2,\n                    pointBackgroundColor: defaultColor,\n                    pointBorderColor: '#ffffff',\n                };\n            }\n\n            // Default styling for other chart types\n            return {\n                ...dataset,\n                backgroundColor: dataset.backgroundColor || defaultColor,\n                borderColor: dataset.borderColor || defaultColor,\n            };\n        });\n\n        return {\n            labels: this.data.labels || [],\n            datasets: processedDatasets,\n        };\n    }\n\n    /**\n     * Merge user options with default options.\n     */\n    private _mergeOptions(): ChartOptions {\n        const defaultOptions: ChartOptions = {\n            responsive: this.responsive,\n            maintainAspectRatio: this.maintainAspectRatio,\n            animation: this.enableAnimation\n                ? { duration: this.animationDuration }\n                : false,\n            plugins: {\n                legend: {\n                    display: this.showLegend,\n                    position: this.legendPosition,\n                    labels: {\n                        usePointStyle: true,\n                        padding: 16,\n                        font: {\n                            family: 'Inter, system-ui, sans-serif',\n                            size: 12,\n                        },\n                    },\n                },\n                tooltip: {\n                    enabled: true,\n                    backgroundColor: '#1F2937',\n                    titleFont: {\n                        family: 'Inter, system-ui, sans-serif',\n                        size: 13,\n                    },\n                    bodyFont: {\n                        family: 'Inter, system-ui, sans-serif',\n                        size: 12,\n                    },\n                    padding: 12,\n                    cornerRadius: 8,\n                    callbacks: {\n                        label: (context: TooltipItem<ChartType>) => {\n                            const label = context.dataset.label || '';\n                            const value = context.parsed.y ?? context.parsed;\n                            return `${label}: ${value}`;\n                        },\n                    },\n                },\n            },\n            onClick: (event: ChartEvent, elements: ActiveElement[], chart: Chart) => {\n                this._handleChartClick(event, elements, chart);\n            },\n            onHover: (event: ChartEvent, elements: ActiveElement[], chart: Chart) => {\n                this._handleChartHover(event, elements, chart);\n            },\n        };\n\n        // Add scale options for charts that use scales\n        if (['line', 'bar', 'scatter', 'bubble'].includes(this.type)) {\n            (defaultOptions as ChartOptions<'bar'>).scales = {\n                x: {\n                    grid: {\n                        display: true,\n                        color: '#E5E7EB',\n                    },\n                    ticks: {\n                        font: {\n                            family: 'Inter, system-ui, sans-serif',\n                            size: 11,\n                        },\n                        color: '#6B7280',\n                    },\n                },\n                y: {\n                    grid: {\n                        display: true,\n                        color: '#E5E7EB',\n                    },\n                    ticks: {\n                        font: {\n                            family: 'Inter, system-ui, sans-serif',\n                            size: 11,\n                        },\n                        color: '#6B7280',\n                    },\n                    beginAtZero: true,\n                },\n            };\n        }\n\n        // Deep merge user options with defaults\n        return this._deepMerge(defaultOptions, this.options);\n    }\n\n    /**\n     * Deep merge two objects.\n     */\n    private _deepMerge(target: Record<string, unknown>, source: Record<string, unknown>): ChartOptions {\n        const output = { ...target };\n\n        for (const key in source) {\n            if (Object.prototype.hasOwnProperty.call(source, key)) {\n                if (\n                    source[key] &&\n                    typeof source[key] === 'object' &&\n                    !Array.isArray(source[key])\n                ) {\n                    output[key] = this._deepMerge(\n                        (target[key] as Record<string, unknown>) || {},\n                        source[key] as Record<string, unknown>\n                    );\n                } else {\n                    output[key] = source[key];\n                }\n            }\n        }\n\n        return output as ChartOptions;\n    }\n\n    /**\n     * Update the existing chart with new data/options.\n     */\n    private _updateChart() {\n        if (!this._chartInstance) {\n            return;\n        }\n\n        const processedData = this._processData();\n        this._chartInstance.data = processedData as ChartData;\n        this._chartInstance.options = this._mergeOptions();\n        this._chartInstance.update(this.enableAnimation ? 'default' : 'none');\n    }\n\n    /**\n     * Destroy the chart instance.\n     */\n    private _destroyChart() {\n        if (this._chartInstance) {\n            this._chartInstance.destroy();\n            this._chartInstance = null;\n        }\n    }\n\n    /**\n     * Handle chart click events.\n     */\n    private _handleChartClick(event: ChartEvent, elements: ActiveElement[], chart: Chart) {\n        if (elements.length > 0) {\n            const element = elements[0];\n            const datasetIndex = element.datasetIndex;\n            const dataIndex = element.index;\n            const dataset = this.data.datasets[datasetIndex];\n            const value = dataset?.data[dataIndex];\n            const label = this.data.labels?.[dataIndex];\n\n            const detail: Cre8ChartEventDetail = {\n                event,\n                elements,\n                chart,\n                dataIndex,\n                datasetIndex,\n                value,\n                label,\n            };\n            // @ts-expect-error: `dispatch` is not defined on `Cre8Element`\n            this.dispatch({eventName: 'cre8-chart-click',detailObj: detail});\n        }\n    }\n\n    /**\n     * Handle chart hover events.\n     */\n    private _handleChartHover(event: ChartEvent, elements: ActiveElement[], chart: Chart) {\n        // Update cursor style\n        const canvas = chart.canvas;\n        canvas.style.cursor = elements.length > 0 ? 'pointer' : 'default';\n\n        if (elements.length > 0) {\n            const element = elements[0];\n            const datasetIndex = element.datasetIndex;\n            const dataIndex = element.index;\n            const dataset = this.data.datasets[datasetIndex];\n            const value = dataset?.data[dataIndex];\n            const label = this.data.labels?.[dataIndex];\n\n            const detail: Cre8ChartEventDetail = {\n                event,\n                elements,\n                chart,\n                dataIndex,\n                datasetIndex,\n                value,\n                label,\n            };\n            // @ts-expect-error: `dispatch` is not defined on `Cre8Element`\n            this.dispatch({eventName: 'cre8-chart-hover',detailObj: detail});\n        }\n    }\n\n    /**\n     * Public method to get the Chart.js instance.\n     */\n    public getChartInstance(): Chart | null {\n        return this._chartInstance;\n    }\n\n    /**\n     * Public method to force refresh the chart.\n     */\n    public refresh() {\n        this._destroyChart();\n        this._initializeChart();\n    }\n\n    /**\n     * Public method to download chart as image.\n     */\n    public downloadImage(filename: string = 'chart.png') {\n        if (!this._chartInstance) {\n            return;\n        }\n\n        const url = this._chartInstance.toBase64Image();\n        const link = document.createElement('a');\n        link.download = filename;\n        link.href = url;\n        link.click();\n    }\n\n    render() {\n        const componentClassName = this.componentClassNames('cre8-c-chart', {\n            'cre8-c-chart--loading': this.loading,\n        });\n\n        const containerStyle = `\n            width: ${this.width ? `${this.width}px` : '100%'};\n            height: ${this.height}px;\n        `;\n\n        return html`\n            <div class=\"${componentClassName}\" style=\"${containerStyle}\">\n                ${this.loading\n                    ? html`\n                        <div class=\"cre8-c-chart__loading\">\n                            <div class=\"cre8-c-chart__spinner\"></div>\n                            <span class=\"cre8-c-chart__loading-text\">Loading chart...</span>\n                        </div>\n                    `\n                    : html`\n                        <canvas\n                            role=\"img\"\n                            aria-label=\"${this.ariaLabel}\"\n                        ></canvas>\n                    `\n                }\n            </div>\n        `;\n    }\n}\n\nif (customElements.get('cre8-chart') === undefined) {\n    customElements.define('cre8-chart', Cre8Chart);\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'cre8-chart': Cre8Chart;\n    }\n}\n\nexport default Cre8Chart;\n"]}

package/lib/components/chart/chart.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=chart.styles.d.ts.map

package/lib/components/chart/chart.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.styles.d.ts","sourceRoot":"","sources":["../../../components/chart/chart.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAwWV,CAAC;AACH,eAAe,MAAM,CAAC"}

package/lib/components/chart/chart.styles.js

@@ -0,0 +1,364 @@
+import { css } from 'lit';
+const styles = css `.cre8-u-content-knockout-brand {
+  color: var(----cre8-color-content-knockout-brand);
+}
+
+.cre8-u-is-hidden {
+  display: none !important;
+  visibility: hidden !important;
+}
+
+.cre8-u-is-vishidden {
+  position: absolute !important;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+@media all and (min-width: 23.4375rem) {
+  .cre8-u-hide-sm {
+    display: none !important;
+  }
+}
+@media all and (min-width: 35rem) {
+  .cre8-u-hide-sm-2 {
+    display: none !important;
+  }
+}
+@media all and (min-width: 48rem) {
+  .cre8-u-hide-md {
+    display: none !important;
+  }
+}
+@media all and (min-width: 60rem) {
+  .cre8-u-hide-lg {
+    display: none !important;
+  }
+}
+@media all and (min-width: 75rem) {
+  .cre8-u-hide-xl {
+    display: none !important;
+  }
+}
+@media all and (max-width: 23.4375rem) {
+  .cre8-u-show-sm {
+    display: none !important;
+  }
+}
+@media all and (max-width: 35rem) {
+  .cre8-u-show-sm-2 {
+    display: none !important;
+  }
+}
+@media all and (max-width: 48rem) {
+  .cre8-u-show-md {
+    display: none !important;
+  }
+}
+@media all and (max-width: 60rem) {
+  .cre8-u-show-lg {
+    display: none !important;
+  }
+}
+@media all and (max-width: 75rem) {
+  .cre8-u-show-xl {
+    display: none !important;
+  }
+}
+.cre8-u-margin-none {
+  margin: 0 !important;
+}
+
+.cre8-u-margin-sm {
+  margin: size(1) !important;
+}
+
+.cre8-u-margin-md {
+  margin: size(2) !important;
+}
+
+.cre8-u-margin-lg {
+  margin: size(3) !important;
+}
+
+.cre8-u-margin-xl {
+  margin: size(4) !important;
+}
+
+.cre8-u-margin-xxl {
+  margin: size(8) !important;
+}
+
+.cre8-u-margin-top-none {
+  margin-top: 0 !important;
+}
+
+.cre8-u-margin-top-sm {
+  margin-top: size(1) !important;
+}
+
+.cre8-u-margin-top-md {
+  margin-top: size(2) !important;
+}
+
+.cre8-u-margin-top-lg {
+  margin-top: size(3) !important;
+}
+
+.cre8-u-margin-top-xl {
+  margin-top: size(4) !important;
+}
+
+.cre8-u-margin-top-xxl {
+  margin-top: size(8) !important;
+}
+
+.cre8-u-margin-right-none {
+  margin-right: 0 !important;
+}
+
+.cre8-u-margin-right-sm {
+  margin-right: size(1) !important;
+}
+
+.cre8-u-margin-right-md {
+  margin-right: size(2) !important;
+}
+
+.cre8-u-margin-right-lg {
+  margin-right: size(3) !important;
+}
+
+.cre8-u-margin-right-xl {
+  margin-right: size(4) !important;
+}
+
+.cre8-u-margin-right-xxl {
+  margin-right: size(8) !important;
+}
+
+.cre8-u-margin-bottom-none {
+  margin-bottom: 0 !important;
+}
+
+.cre8-u-margin-bottom-sm {
+  margin-bottom: size(1) !important;
+}
+
+.cre8-u-margin-bottom-md {
+  margin-bottom: size(2) !important;
+}
+
+.cre8-u-margin-bottom-lg {
+  margin-bottom: size(3) !important;
+}
+
+.cre8-u-margin-bottom-xl {
+  margin-bottom: size(4) !important;
+}
+
+.cre8-u-margin-bottom-xxl {
+  margin-bottom: size(8) !important;
+}
+
+.cre8-u-margin-bottom-xl-xxl {
+  margin-bottom: size(4) !important;
+}
+
+@media all and (min-width: 768px) {
+  .cre8-u-margin-bottom-xl-xxl {
+    margin-bottom: size(8) !important;
+  }
+}
+.cre8-u-margin-left-none {
+  margin-left: 0 !important;
+}
+
+.cre8-u-margin-left-sm {
+  margin-left: size(1) !important;
+}
+
+.cre8-u-margin-left-md {
+  margin-left: size(2) !important;
+}
+
+.cre8-u-margin-left-lg {
+  margin-left: size(3) !important;
+}
+
+.cre8-u-margin-left-xl {
+  margin-left: size(4) !important;
+}
+
+.cre8-u-margin-left-xxl {
+  margin-left: size(8) !important;
+}
+
+.cre8-u-padding-none {
+  padding: 0 !important;
+}
+
+.cre8-u-padding-sm {
+  padding: size(1) !important;
+}
+
+.cre8-u-padding-md {
+  padding: size(2) !important;
+}
+
+.cre8-u-padding-lg {
+  padding: size(3) !important;
+}
+
+.cre8-u-padding-xl {
+  padding: size(4) !important;
+}
+
+.cre8-u-padding-xxl {
+  padding: size(8) !important;
+}
+
+.cre8-u-padding-top-none {
+  padding-top: 0 !important;
+}
+
+.cre8-u-padding-top-sm {
+  padding-top: size(1) !important;
+}
+
+.cre8-u-padding-top-md {
+  padding-top: size(2) !important;
+}
+
+.cre8-u-padding-top-lg {
+  padding-top: size(3) !important;
+}
+
+.cre8-u-padding-top-xl {
+  padding-top: size(4) !important;
+}
+
+.cre8-u-padding-top-xxl {
+  padding-top: size(8) !important;
+}
+
+.cre8-u-padding-right-none {
+  padding-right: 0 !important;
+}
+
+.cre8-u-padding-right-sm {
+  padding-right: size(1) !important;
+}
+
+.cre8-u-padding-right-md {
+  padding-right: size(2) !important;
+}
+
+.cre8-u-padding-right-lg {
+  padding-right: size(3) !important;
+}
+
+.cre8-u-padding-right-xl {
+  padding-right: size(4) !important;
+}
+
+.cre8-u-padding-right-xxl {
+  padding-right: size(8) !important;
+}
+
+.cre8-u-padding-bottom-none {
+  padding-bottom: 0 !important;
+}
+
+.cre8-u-padding-bottom-sm {
+  padding-bottom: size(1) !important;
+}
+
+.cre8-u-padding-bottom-md {
+  padding-bottom: size(2) !important;
+}
+
+.cre8-u-padding-bottom-lg {
+  padding-bottom: size(3) !important;
+}
+
+.cre8-u-padding-bottom-xl {
+  padding-bottom: size(4) !important;
+}
+
+.cre8-u-padding-bottom-xxl {
+  padding-bottom: size(8) !important;
+}
+
+.cre8-u-padding-left-none {
+  padding-left: 0 !important;
+}
+
+.cre8-u-padding-left-sm {
+  padding-left: size(1) !important;
+}
+
+.cre8-u-padding-left-md {
+  padding-left: size(2) !important;
+}
+
+.cre8-u-padding-left-lg {
+  padding-left: size(3) !important;
+}
+
+.cre8-u-padding-left-xl {
+  padding-left: size(4) !important;
+}
+
+.cre8-u-padding-left-xxl {
+  padding-left: size(8) !important;
+}
+
+.cre8-u-display-flex {
+  display: flex !important;
+}
+
+.cre8-u-display-block {
+  display: block !important;
+}
+
+body {
+  font-family: var(--cre8-typography-body-default-font-family);
+  font-size: var(--cre8-typography-body-default-font-size);
+  font-weight: var(--cre8-typography-body-default-font-weight);
+  line-height: var(--cre8-typography-body-default-line-height);
+  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
+  text-decoration: var(--cre8-typography-body-default-text-decoration);
+  text-transform: var(--cre8-typography-body-default-text-transform);
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  margin: 0;
+  color: var(--cre8-color-content-default);
+  background: var(--background-default);
+}
+
+@media all and (min-width: 60rem) {
+  .page-container {
+    background: linear-gradient(90deg, #fff 0, #fff 66.66%, #f8f8f9 0, #f8f8f9 0);
+  }
+}
+.band__inner {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+
+@media all and (min-width: 60rem) {
+  .band__inner {
+    margin-right: 0;
+  }
+}
+img {
+  max-width: 100%;
+  height: auto;
+}`;
+export default styles;
+//# sourceMappingURL=chart.styles.js.map

package/lib/components/chart/chart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.styles.js","sourceRoot":"","sources":["../../../components/chart/chart.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwWhB,CAAC;AACH,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`.cre8-u-content-knockout-brand {\n  color: var(----cre8-color-content-knockout-brand);\n}\n\n.cre8-u-is-hidden {\n  display: none !important;\n  visibility: hidden !important;\n}\n\n.cre8-u-is-vishidden {\n  position: absolute !important;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n@media all and (min-width: 23.4375rem) {\n  .cre8-u-hide-sm {\n    display: none !important;\n  }\n}\n@media all and (min-width: 35rem) {\n  .cre8-u-hide-sm-2 {\n    display: none !important;\n  }\n}\n@media all and (min-width: 48rem) {\n  .cre8-u-hide-md {\n    display: none !important;\n  }\n}\n@media all and (min-width: 60rem) {\n  .cre8-u-hide-lg {\n    display: none !important;\n  }\n}\n@media all and (min-width: 75rem) {\n  .cre8-u-hide-xl {\n    display: none !important;\n  }\n}\n@media all and (max-width: 23.4375rem) {\n  .cre8-u-show-sm {\n    display: none !important;\n  }\n}\n@media all and (max-width: 35rem) {\n  .cre8-u-show-sm-2 {\n    display: none !important;\n  }\n}\n@media all and (max-width: 48rem) {\n  .cre8-u-show-md {\n    display: none !important;\n  }\n}\n@media all and (max-width: 60rem) {\n  .cre8-u-show-lg {\n    display: none !important;\n  }\n}\n@media all and (max-width: 75rem) {\n  .cre8-u-show-xl {\n    display: none !important;\n  }\n}\n.cre8-u-margin-none {\n  margin: 0 !important;\n}\n\n.cre8-u-margin-sm {\n  margin: size(1) !important;\n}\n\n.cre8-u-margin-md {\n  margin: size(2) !important;\n}\n\n.cre8-u-margin-lg {\n  margin: size(3) !important;\n}\n\n.cre8-u-margin-xl {\n  margin: size(4) !important;\n}\n\n.cre8-u-margin-xxl {\n  margin: size(8) !important;\n}\n\n.cre8-u-margin-top-none {\n  margin-top: 0 !important;\n}\n\n.cre8-u-margin-top-sm {\n  margin-top: size(1) !important;\n}\n\n.cre8-u-margin-top-md {\n  margin-top: size(2) !important;\n}\n\n.cre8-u-margin-top-lg {\n  margin-top: size(3) !important;\n}\n\n.cre8-u-margin-top-xl {\n  margin-top: size(4) !important;\n}\n\n.cre8-u-margin-top-xxl {\n  margin-top: size(8) !important;\n}\n\n.cre8-u-margin-right-none {\n  margin-right: 0 !important;\n}\n\n.cre8-u-margin-right-sm {\n  margin-right: size(1) !important;\n}\n\n.cre8-u-margin-right-md {\n  margin-right: size(2) !important;\n}\n\n.cre8-u-margin-right-lg {\n  margin-right: size(3) !important;\n}\n\n.cre8-u-margin-right-xl {\n  margin-right: size(4) !important;\n}\n\n.cre8-u-margin-right-xxl {\n  margin-right: size(8) !important;\n}\n\n.cre8-u-margin-bottom-none {\n  margin-bottom: 0 !important;\n}\n\n.cre8-u-margin-bottom-sm {\n  margin-bottom: size(1) !important;\n}\n\n.cre8-u-margin-bottom-md {\n  margin-bottom: size(2) !important;\n}\n\n.cre8-u-margin-bottom-lg {\n  margin-bottom: size(3) !important;\n}\n\n.cre8-u-margin-bottom-xl {\n  margin-bottom: size(4) !important;\n}\n\n.cre8-u-margin-bottom-xxl {\n  margin-bottom: size(8) !important;\n}\n\n.cre8-u-margin-bottom-xl-xxl {\n  margin-bottom: size(4) !important;\n}\n\n@media all and (min-width: 768px) {\n  .cre8-u-margin-bottom-xl-xxl {\n    margin-bottom: size(8) !important;\n  }\n}\n.cre8-u-margin-left-none {\n  margin-left: 0 !important;\n}\n\n.cre8-u-margin-left-sm {\n  margin-left: size(1) !important;\n}\n\n.cre8-u-margin-left-md {\n  margin-left: size(2) !important;\n}\n\n.cre8-u-margin-left-lg {\n  margin-left: size(3) !important;\n}\n\n.cre8-u-margin-left-xl {\n  margin-left: size(4) !important;\n}\n\n.cre8-u-margin-left-xxl {\n  margin-left: size(8) !important;\n}\n\n.cre8-u-padding-none {\n  padding: 0 !important;\n}\n\n.cre8-u-padding-sm {\n  padding: size(1) !important;\n}\n\n.cre8-u-padding-md {\n  padding: size(2) !important;\n}\n\n.cre8-u-padding-lg {\n  padding: size(3) !important;\n}\n\n.cre8-u-padding-xl {\n  padding: size(4) !important;\n}\n\n.cre8-u-padding-xxl {\n  padding: size(8) !important;\n}\n\n.cre8-u-padding-top-none {\n  padding-top: 0 !important;\n}\n\n.cre8-u-padding-top-sm {\n  padding-top: size(1) !important;\n}\n\n.cre8-u-padding-top-md {\n  padding-top: size(2) !important;\n}\n\n.cre8-u-padding-top-lg {\n  padding-top: size(3) !important;\n}\n\n.cre8-u-padding-top-xl {\n  padding-top: size(4) !important;\n}\n\n.cre8-u-padding-top-xxl {\n  padding-top: size(8) !important;\n}\n\n.cre8-u-padding-right-none {\n  padding-right: 0 !important;\n}\n\n.cre8-u-padding-right-sm {\n  padding-right: size(1) !important;\n}\n\n.cre8-u-padding-right-md {\n  padding-right: size(2) !important;\n}\n\n.cre8-u-padding-right-lg {\n  padding-right: size(3) !important;\n}\n\n.cre8-u-padding-right-xl {\n  padding-right: size(4) !important;\n}\n\n.cre8-u-padding-right-xxl {\n  padding-right: size(8) !important;\n}\n\n.cre8-u-padding-bottom-none {\n  padding-bottom: 0 !important;\n}\n\n.cre8-u-padding-bottom-sm {\n  padding-bottom: size(1) !important;\n}\n\n.cre8-u-padding-bottom-md {\n  padding-bottom: size(2) !important;\n}\n\n.cre8-u-padding-bottom-lg {\n  padding-bottom: size(3) !important;\n}\n\n.cre8-u-padding-bottom-xl {\n  padding-bottom: size(4) !important;\n}\n\n.cre8-u-padding-bottom-xxl {\n  padding-bottom: size(8) !important;\n}\n\n.cre8-u-padding-left-none {\n  padding-left: 0 !important;\n}\n\n.cre8-u-padding-left-sm {\n  padding-left: size(1) !important;\n}\n\n.cre8-u-padding-left-md {\n  padding-left: size(2) !important;\n}\n\n.cre8-u-padding-left-lg {\n  padding-left: size(3) !important;\n}\n\n.cre8-u-padding-left-xl {\n  padding-left: size(4) !important;\n}\n\n.cre8-u-padding-left-xxl {\n  padding-left: size(8) !important;\n}\n\n.cre8-u-display-flex {\n  display: flex !important;\n}\n\n.cre8-u-display-block {\n  display: block !important;\n}\n\nbody {\n  font-family: var(--cre8-typography-body-default-font-family);\n  font-size: var(--cre8-typography-body-default-font-size);\n  font-weight: var(--cre8-typography-body-default-font-weight);\n  line-height: var(--cre8-typography-body-default-line-height);\n  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);\n  text-decoration: var(--cre8-typography-body-default-text-decoration);\n  text-transform: var(--cre8-typography-body-default-text-transform);\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  color: var(--cre8-color-content-default);\n  background: var(--background-default);\n}\n\n@media all and (min-width: 60rem) {\n  .page-container {\n    background: linear-gradient(90deg, #fff 0, #fff 66.66%, #f8f8f9 0, #f8f8f9 0);\n  }\n}\n.band__inner {\n  margin-left: 2rem;\n  margin-right: 2rem;\n}\n\n@media all and (min-width: 60rem) {\n  .band__inner {\n    margin-right: 0;\n  }\n}\nimg {\n  max-width: 100%;\n  height: auto;\n}`;\nexport default styles;\n"]}

package/lib/components/checkbox-field/checkbox-field.d.ts

@@ -0,0 +1,54 @@
+import { Cre8Element } from '../cre8-element';
+import '../field-note/field-note';
+/**
+ * Checkbox Field is the parent container for `checkbox-field-item`.
+ * It is required to allow for grouping numerous checkboxes that need additional context (in the form of `<legend>`).
+ * It also provides accessibility roles, aria attributes and field note messaging on the group.
+ *
+ * See `checkbox-field-item` for more guidance on its usage.
+ *
+ * @slot - The component content, which should be a set of `checkbox-field-item`s
+ */
+export declare class Cre8CheckboxField extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Checkbox container legend label
+     */
+    label?: string;
+    /**
+     * Checkbox container fieldnote
+     */
+    fieldNote?: string;
+    /**
+     * Checkbox container fieldnote aria describe by
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Checkbox container fieldnote icon name
+     */
+    fieldNoteIconName?: string;
+    /**
+     * Checkbox container fieldnote knockout
+     * @attr {boolean}
+     */
+    fieldNoteKnockout?: boolean;
+    /**
+     * Checkbox container fieldnote isSuccess
+     * @attr {boolean}
+     */
+    fieldNoteIsSuccess?: boolean;
+    /**
+     * Checkbox container fieldnote isError
+     * @attr {boolean}
+     */
+    fieldNoteIsError?: boolean;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-checkbox-field': Cre8CheckboxField;
+    }
+}
+export default Cre8CheckboxField;
+//# sourceMappingURL=checkbox-field.d.ts.map

package/lib/components/checkbox-field/checkbox-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../components/checkbox-field/checkbox-field.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,0BAA0B,CAAC;AAGlC;;;;;;;;GAQG;AACH,qBAAa,iBAAkB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IAEC,eAAe,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IAEC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IAEC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IAEC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IAEC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE/B,iBAAiB;IAOjB,MAAM;CAwBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,eAAe,iBAAiB,CAAC"}