@tmorrow/cre8-wc 1.1.2 → 1.1.3

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.js

@@ -0,0 +1,4 @@
+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);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,8pKAA8pK,CAAC;AACjrK,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst 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);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}`;\nexport default styles;\n"]}

package/lib/components/checkbox-field/checkbox-field.js

@@ -1,67 +1,80 @@
-import { css as h, html as p } from "lit";
-import { ifDefined as l } from "lit-html/directives/if-defined.js";
-import { property as t } from "lit/decorators.js";
-import { nanoid as f } from "nanoid";
-import { Cre8Element as m } from "../cre8-element.js";
-import "../field-note/field-note.js";
-const x = h`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:flex}.cre8-c-checkbox-field{border:none;padding:0;margin:0}.cre8-c-checkbox-field__legend{font-family:var(--cre8-typography-label-small-font-family);font-size:var(--cre8-typography-label-small-font-size);font-weight:var(--cre8-typography-label-small-font-weight);line-height:var(--cre8-typography-label-small-line-height);text-decoration:var(--cre8-typography-label-small-text-decoration);text-transform:var(--cre8-typography-label-small-text-transform);margin-bottom:0.5rem}.cre8-c-checkbox-field__list{display:flex;flex-direction:column}`;
-var y = Object.defineProperty, r = (d, a, c, g) => {
-  for (var i = void 0, s = d.length - 1, n; s >= 0; s--)
-    (n = d[s]) && (i = n(a, c, i) || i);
-  return i && y(a, c, i), i;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const o = class o extends m {
-  connectedCallback() {
-    super.connectedCallback(), this.fieldNote && (this.ariaDescribedBy = this.ariaDescribedBy || f());
-  }
-  render() {
-    const a = this.componentClassNames("cre8-c-checkbox-field", {});
-    return p`
-      <fieldset class="${a}" aria-describedby="${l(this.ariaDescribedBy)}">
+import { html, } from 'lit';
+import { ifDefined } from 'lit-html/directives/if-defined.js';
+import { property } from 'lit/decorators.js';
+import { nanoid } from 'nanoid';
+import { Cre8Element } from '../cre8-element';
+import '../field-note/field-note';
+import styles from './checkbox-field.styles.js';
+/**
+ * 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 class Cre8CheckboxField extends Cre8Element {
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.fieldNote) {
+            this.ariaDescribedBy = this.ariaDescribedBy || nanoid();
+        }
+    }
+    render() {
+        const componentClassNames = this.componentClassNames('cre8-c-checkbox-field', {});
+        return html `
+      <fieldset class="${componentClassNames}" aria-describedby="${ifDefined(this.ariaDescribedBy)}">
       <legend class="cre8-c-checkbox-field__legend">${this.label}</legend>
         <div class="cre8-c-checkbox-field__body">
           <div class="cre8-c-checkbox-field__list" role="list">
             <slot></slot>
           </div>
         </div>
-        ${this.fieldNote ? p`<cre8-field-note
+        ${this.fieldNote
+            ? html `<cre8-field-note
           ?inverted=${this.fieldNoteKnockout}
-          id=${l(this.ariaDescribedBy)}
-          iconName=${l(this.fieldNoteIconName)}
+          id=${ifDefined(this.ariaDescribedBy)}
+          iconName=${ifDefined(this.fieldNoteIconName)}
           ?isSuccess=${this.fieldNoteIsSuccess}
           ?isError=${this.fieldNoteIsError}
         >
           ${this.fieldNote}
-        </cre8-field-note>` : ""}
+        </cre8-field-note>` : ''}
       </fieldset>
     `;
-  }
-};
-o.styles = [x];
-let e = o;
-r([
-  t()
-], e.prototype, "label");
-r([
-  t()
-], e.prototype, "fieldNote");
-r([
-  t()
-], e.prototype, "ariaDescribedBy");
-r([
-  t()
-], e.prototype, "fieldNoteIconName");
-r([
-  t({ type: Boolean, reflect: !0 })
-], e.prototype, "fieldNoteKnockout");
-r([
-  t({ type: Boolean, reflect: !0 })
-], e.prototype, "fieldNoteIsSuccess");
-r([
-  t({ type: Boolean, reflect: !0 })
-], e.prototype, "fieldNoteIsError");
-customElements.get("cre8-checkbox-field") === void 0 && customElements.define("cre8-checkbox-field", e);
-export {
-  e as Cre8CheckboxField,
-  e as default
-};
+    }
+}
+Cre8CheckboxField.styles = [styles];
+__decorate([
+    property()
+], Cre8CheckboxField.prototype, "label", void 0);
+__decorate([
+    property()
+], Cre8CheckboxField.prototype, "fieldNote", void 0);
+__decorate([
+    property()
+], Cre8CheckboxField.prototype, "ariaDescribedBy", void 0);
+__decorate([
+    property()
+], Cre8CheckboxField.prototype, "fieldNoteIconName", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Cre8CheckboxField.prototype, "fieldNoteKnockout", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Cre8CheckboxField.prototype, "fieldNoteIsSuccess", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Cre8CheckboxField.prototype, "fieldNoteIsError", void 0);
+if (customElements.get('cre8-checkbox-field') === undefined) {
+    customElements.define('cre8-checkbox-field', Cre8CheckboxField);
+}
+export default Cre8CheckboxField;
+//# sourceMappingURL=checkbox-field.js.map

package/lib/components/checkbox-field/checkbox-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.js","sourceRoot":"","sources":["../../../components/checkbox-field/checkbox-field.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,0BAA0B,CAAC;AAClC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD;;;;;;;;GAQG;AACH,MAAM,OAAO,iBAAkB,SAAQ,WAAW;IAgDhD,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,IAAI,MAAM,EAAE,CAAC;QAC5D,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC;QAElF,OAAO,IAAI,CAAA;yBACQ,mBAAmB,uBAAuB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC;sDAC5C,IAAI,CAAC,KAAK;;;;;;UAMtD,IAAI,CAAC,SAAS;YAChB,CAAC,CAAC,IAAI,CAAA;sBACQ,IAAI,CAAC,iBAAiB;eAC7B,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC;qBACzB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC;uBAC/B,IAAI,CAAC,kBAAkB;qBACzB,IAAI,CAAC,gBAAgB;;YAE9B,IAAI,CAAC,SAAS;2BACC,CAAC,CAAC,CAAC,EAAE;;KAE3B,CAAC;IACJ,CAAC;;AA7EQ,wBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAMvB;IADH,QAAQ,EAAE;gDACQ;AAMf;IADH,QAAQ,EAAE;oDACY;AAMnB;IADH,QAAQ,EAAE;0DACkB;AAMzB;IADH,QAAQ,EAAE;4DACoB;AAO3B;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DACX;AAO5B;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6DACV;AAO7B;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACZ;AAmCjC,IAAI,cAAc,CAAC,GAAG,CAAC,qBAAqB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC1D,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;AACpE,CAAC;AAQD,eAAe,iBAAiB,CAAC","sourcesContent":["import { html,  } from 'lit';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { property } from 'lit/decorators.js';\nimport { nanoid } from 'nanoid';\nimport { Cre8Element } from '../cre8-element';\nimport '../field-note/field-note';\nimport styles from './checkbox-field.styles.js';\n\n/**\n * Checkbox Field is the parent container for `checkbox-field-item`.\n * It is required to allow for grouping numerous checkboxes that need additional context (in the form of `<legend>`).\n * It also provides accessibility roles, aria attributes and field note messaging on the group.\n *\n * See `checkbox-field-item` for more guidance on its usage.\n *\n * @slot - The component content, which should be a set of `checkbox-field-item`s\n */\nexport class Cre8CheckboxField extends Cre8Element {\n    static styles = [styles];\n\n  /**\n   * Checkbox container legend label\n   */\n  @property()\n      label?: string;\n\n  /**\n   * Checkbox container fieldnote\n   */\n  @property()\n      fieldNote?: string;\n\n  /**\n   * Checkbox container fieldnote aria describe by\n   */\n  @property()\n      ariaDescribedBy?: string;\n\n  /**\n   * Checkbox container fieldnote icon name\n   */\n  @property()\n      fieldNoteIconName?: string;\n\n  /**\n   * Checkbox container fieldnote knockout\n   * @attr {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n      fieldNoteKnockout?: boolean;\n\n  /**\n   * Checkbox container fieldnote isSuccess\n   * @attr {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n      fieldNoteIsSuccess?: boolean;\n\n  /**\n   * Checkbox container fieldnote isError\n   * @attr {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n      fieldNoteIsError?: boolean;\n\n  connectedCallback() {\n      super.connectedCallback();\n      if (this.fieldNote) {\n          this.ariaDescribedBy = this.ariaDescribedBy || nanoid();\n      }\n  }\n\n  render() {\n      const componentClassNames = this.componentClassNames('cre8-c-checkbox-field', {});\n\n      return html`\n      <fieldset class=\"${componentClassNames}\" aria-describedby=\"${ifDefined(this.ariaDescribedBy)}\">\n      <legend class=\"cre8-c-checkbox-field__legend\">${this.label}</legend>\n        <div class=\"cre8-c-checkbox-field__body\">\n          <div class=\"cre8-c-checkbox-field__list\" role=\"list\">\n            <slot></slot>\n          </div>\n        </div>\n        ${this.fieldNote\n        ? html`<cre8-field-note\n          ?inverted=${this.fieldNoteKnockout}\n          id=${ifDefined(this.ariaDescribedBy)}\n          iconName=${ifDefined(this.fieldNoteIconName)}\n          ?isSuccess=${this.fieldNoteIsSuccess}\n          ?isError=${this.fieldNoteIsError}\n        >\n          ${this.fieldNote}\n        </cre8-field-note>` : ''}\n      </fieldset>\n    `;\n  }\n}\n\nif (customElements.get('cre8-checkbox-field') === undefined) {\n    customElements.define('cre8-checkbox-field', Cre8CheckboxField);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-checkbox-field': Cre8CheckboxField;\n  }\n}\n\nexport default Cre8CheckboxField;\n"]}

package/lib/components/checkbox-field/checkbox-field.styles.js

@@ -0,0 +1,4 @@
+import { css } from 'lit';
+const styles = css `*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:flex}.cre8-c-checkbox-field{border:none;padding:0;margin:0}.cre8-c-checkbox-field__legend{font-family:var(--cre8-typography-label-small-font-family);font-size:var(--cre8-typography-label-small-font-size);font-weight:var(--cre8-typography-label-small-font-weight);line-height:var(--cre8-typography-label-small-line-height);text-decoration:var(--cre8-typography-label-small-text-decoration);text-transform:var(--cre8-typography-label-small-text-transform);margin-bottom:0.5rem}.cre8-c-checkbox-field__list{display:flex;flex-direction:column}`;
+export default styles;
+//# sourceMappingURL=checkbox-field.styles.js.map

package/lib/components/checkbox-field/checkbox-field.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.styles.js","sourceRoot":"","sources":["../../../components/checkbox-field/checkbox-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA,mzEAAmzE,CAAC;AACt0E,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:flex}.cre8-c-checkbox-field{border:none;padding:0;margin:0}.cre8-c-checkbox-field__legend{font-family:var(--cre8-typography-label-small-font-family);font-size:var(--cre8-typography-label-small-font-size);font-weight:var(--cre8-typography-label-small-font-weight);line-height:var(--cre8-typography-label-small-line-height);text-decoration:var(--cre8-typography-label-small-text-decoration);text-transform:var(--cre8-typography-label-small-text-transform);margin-bottom:0.5rem}.cre8-c-checkbox-field__list{display:flex;flex-direction:column}`;\nexport default styles;\n"]}