@ngneers/controls-themes 0.0.1-pre2

package/base/splitter/index.js

@@ -0,0 +1,58 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { splitterControlTemplate } from '@ngneers/controls-themes/templates/splitter';
+export const splitterStyles = createThemePart({
+    controlTemplate: splitterControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        display: grid;
+        width: 100%;
+        height: 100%;
+      }
+
+      ${c('panel')} {
+        min-height: 0;
+        min-width: 0;
+      }
+
+      ${c('divider')} {
+        touch-action: none;
+      }
+
+      ${c('divider-handle')} {
+        display: block;
+        border: none;
+        padding: 0;
+        position: relative;
+      }
+
+      ${c('horizontal')} {
+        ${c('divider')}, ${c('divider-handle')} {
+          height: 100%;
+          cursor: col-resize;
+        }
+      }
+
+      ${c('vertical')} {
+        ${c('divider')}, ${c('divider-handle')} {
+          width: 100%;
+          cursor: row-resize;
+        }
+      }
+
+      @media (hover: none) and (pointer: coarse) {
+        ${c('divider-handle')}::before {
+          content: '';
+          position: absolute;
+          top: -20px;
+          left: -20px;
+          right: -20px;
+          bottom: -20px;
+          background: transparent;
+          pointer-events: auto;
+        }
+      }
+    `,
+    },
+});

package/base/switch/index.d.ts

@@ -0,0 +1,2 @@
+export declare const switchStyles: import("@ngneers/controls-themes").ThemePart<"switch", import("@ngneers/controls-themes").ControlTemplate<"switch", ["root", "input", "track", "track-checked", "thumb", "invalid"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"switch">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/switch/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,6VA2BvB,CAAC"}

package/base/switch/index.js

@@ -0,0 +1,30 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { switchControlTemplate } from '@ngneers/controls-themes/templates/switch';
+export const switchStyles = createThemePart({
+    controlTemplate: switchControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('root')} {
+        display: inline-flex;
+        user-select: none;
+        align-items: center;
+        position: relative;
+        vertical-align: middle;
+        width: min-content;
+        min-width: min-content;
+        flex-shrink: 0;
+      }
+      ${c('input')} {
+        position: absolute;
+        opacity: 0;
+        inset: 0;
+        margin: 0;
+      }
+      ${c('track')} {
+        display: flex;
+        align-items: center;
+      }
+    `,
+    },
+});

package/base/table/index.d.ts

@@ -0,0 +1,15 @@
+export declare const tableStyles: import("@ngneers/controls-themes").ThemePart<"table", import("@ngneers/controls-themes").ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column"], readonly [import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"icon", ["root", "default"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"filter", ["root", "inline", "input-field", "summary", "icon", "popover-content", "rows", "row", "operator", "value", "row-actions", "match", "footer"], readonly [import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter", "filter-icon", "list-box", "list-box-empty"], readonly [import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>]>, import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"paginator", ["root", "page-size-options"], readonly [import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>]>, import("@ngneers/controls-themes").VariableTemplate<"table">[], [import("@ngneers/controls-themes").VariableTemplate<"size", {
+    rounded: {
+        sm: null;
+        md: null;
+        lg: null;
+        full: null;
+    };
+    padding: {
+        sm: null;
+        md: null;
+        lg: null;
+        xl: null;
+    };
+}>]>;
+//# sourceMappingURL=index.d.ts.map

package/base/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/table/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;;;;;;;;;;;IAuEtB,CAAC"}

package/base/table/index.js

@@ -0,0 +1,75 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { sizesTemplate } from '@ngneers/controls-themes/nova/base';
+import { tableControlTemplate } from '@ngneers/controls-themes/templates/table';
+export const tableStyles = createThemePart({
+    controlTemplate: tableControlTemplate,
+    dependencies: [sizesTemplate],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('root')} {
+        display: flex;
+        flex-direction: column;
+      }
+      ${c('table')} {
+        display: grid;
+        height: 100%;
+        grid-template-rows: var(--ngn-table-row-height) auto;
+        &:has(${c('foot')}) {
+          grid-template-rows: var(--ngn-table-row-height) auto var(--ngn-table-row-height);
+        }
+        grid-template-columns: repeat(var(--ngn-table-column-count), 1fr);
+        align-content: baseline;
+      }
+      ${c('body')}${d('scroller', 'root')} {
+        display: grid;
+        grid-template-rows: repeat(auto, var(--ngn-table-row-height));
+        grid-template-columns: subgrid;
+        grid-column: 1 / -1;
+        > ${d('scroller', 'item')} {
+          display: contents;
+        }
+        > ${d('scroller', 'spacer')} {
+          grid-column: 1 / -1;
+        }
+      }
+      ${c('row')}, ${c('head')}, ${c('foot')} {
+        display: contents;
+      }
+      ${c('root')}:not(${c('virtual')}) {
+        ${c('cell')} {
+          &:not(:has(*)) {
+            height: min-content;
+          }
+          &:has(*) {
+            height: 100%;
+          }
+        }
+      }
+      ${c('cell')} {
+        height: var(--ngn-table-row-height);
+        --row-index: calc(var(--ngn-table-row-index) - var(--ngn-table-item-start-index));
+        grid-row-start: var(--row-index);
+        grid-column-start: var(--ngn-table-column-index);
+        &:not(:has(*)) {
+          line-height: var(--ngn-table-row-height);
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+      ${c('head')} ${c('cell')} {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+      }
+      ${c('sortable-column')} {
+        ${c('sort-control')} {
+          visibility: hidden;
+        }
+        &:hover ${c('sort-control')}, &${c('sorted-column')} ${c('sort-control')} {
+          visibility: visible;
+        }
+      }
+    `,
+    },
+});

package/base/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export declare const tabsStyles: import("@ngneers/controls-themes").ThemePart<"tabs", import("@ngneers/controls-themes").ControlTemplate<"tabs", ["root", "headers-container", "headers", "header", "header-active", "header-active-indicator", "scroll-left", "scroll-right", "content"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"tabs">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/tabs/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,gaAiErB,CAAC"}

package/base/tabs/index.js

@@ -0,0 +1,68 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { tabsControlTemplate } from '@ngneers/controls-themes/templates/tabs';
+export const tabsStyles = createThemePart({
+    controlTemplate: tabsControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        display: flex;
+        flex-direction: column;
+      }
+      ${c('headers-container')} {
+        display: flex;
+        align-items: center;
+      }
+      ${c('headers')} {
+        width: 100%;
+        display: flex;
+        position: relative;
+        overflow-x: scroll;
+        overflow-y: hidden;
+        &::-webkit-scrollbar {
+          display: none;
+        }
+        --ms-overflow-style: none; /* IE and Edge */
+        scrollbar-width: none; /* Firefox */
+      }
+      ${c('header')} {
+        white-space: nowrap;
+      }
+      ${c('header-active-indicator')} {
+        position: absolute;
+        bottom: 0;
+        pointer-events: none;
+      }
+      ${c('scroll-left')}, ${c('scroll-right')} {
+        position: sticky;
+        width: 1rem;
+        border: none;
+        flex-shrink: 0;
+        z-index: 1;
+        &::after {
+          content: '';
+          position: absolute;
+          top: 0;
+          bottom: 0;
+          pointer-events: none;
+        }
+      }
+      ${c('scroll-left')} {
+        left: 0;
+        margin-right: -1rem;
+        &::after {
+          left: 100%;
+          right: -0.625rem;
+        }
+      }
+      ${c('scroll-right')} {
+        right: 0;
+        margin-left: -1rem;
+        &::after {
+          right: 100%;
+          left: -0.625rem;
+        }
+      }
+    `,
+    },
+});

package/base/tag/index.d.ts

@@ -0,0 +1,2 @@
+export declare const tagStyles: import("@ngneers/controls-themes").ThemePart<"tag", import("@ngneers/controls-themes").ControlTemplate<"tag", ["root", "content", "icon", `kind-${string}`, `color-${string}`], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"tag">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/tag/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,qVAoBpB,CAAC"}

package/base/tag/index.js

@@ -0,0 +1,23 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { tagControlTemplate } from '@ngneers/controls-themes/templates/tag';
+export const tagStyles = createThemePart({
+    controlTemplate: tagControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c }) => css `
+      ${c('root')} {
+        display: inline-flex;
+        align-items: center;
+      }
+
+      ${c('icon')} {
+        flex-shrink: 0;
+      }
+
+      ${c('content')} {
+        flex-grow: 1;
+        font-family: inherit;
+      }
+    `,
+    },
+});

package/base/toast/index.d.ts

@@ -0,0 +1,2 @@
+export declare const toastStyles: import("@ngneers/controls-themes").ThemePart<"toast", import("@ngneers/controls-themes").ControlTemplate<"toast", ["root", "host", "anim-enter", "anim-leave", "defaultHeader", "defaultHeaderText", "defaultContent", `color-${string}`], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"toast">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/toast/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,kZAsBtB,CAAC"}

package/base/toast/index.js

@@ -0,0 +1,25 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { toastControlTemplate } from '@ngneers/controls-themes/templates/toast';
+export const toastStyles = createThemePart({
+    controlTemplate: toastControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c }) => css `
+      ${c('host')} {
+        display: none;
+        flex-direction: column;
+        margin: unset;
+        inset: unset;
+        position: fixed;
+        &:popover-open {
+          display: flex;
+        }
+      }
+      ${c('defaultHeader')} {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+    `,
+    },
+});

package/base/toggle-button/index.d.ts

@@ -0,0 +1,2 @@
+export declare const toggleButtonStyles: import("@ngneers/controls-themes").ThemePart<"toggle-button", import("@ngneers/controls-themes").ControlTemplate<"toggle-button", ["root", "invalid", "button", "label", "active", "placeholder", "placeholder-active"], readonly []>, import("@ngneers/controls-themes").VariableTemplate<"toggle-button">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/toggle-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/toggle-button/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,oTA8B7B,CAAC"}

package/base/toggle-button/index.js

@@ -0,0 +1,33 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { toggleButtonControlTemplate } from '@ngneers/controls-themes/templates/toggle-button';
+export const toggleButtonStyles = createThemePart({
+    controlTemplate: toggleButtonControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('root')} {
+      }
+      ${c('button')} {
+        display: grid;
+        font-family: inherit;
+        flex-wrap: nowrap;
+        > * {
+          grid-area: 1 / 1;
+        }
+        &::after {
+          grid-area: 1 / 1;
+          content: '${'\u200B'}'; /* zero-width space to prevent collapsing when button is empty */
+        }
+      }
+      ${c('label')}, ${c('placeholder')}, ${c('placeholder-active')} {
+        display: flex;
+      }
+      ${c('placeholder')}, ${c('placeholder-active')} {
+        visibility: hidden;
+      }
+      ${c('label')} {
+        position: relative;
+      }
+    `,
+    },
+});

package/base/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export declare const tooltipStyles: import("@ngneers/controls-themes").ThemePart<"tooltip", import("@ngneers/controls-themes").ControlTemplate<"tooltip", ["root", "content", "text", "with-arrow", "closing", "top", "bottom", "left", "right", "start", "end"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"tooltip">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/tooltip/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,uYAkFxB,CAAC"}

package/base/tooltip/index.js

@@ -0,0 +1,85 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { tooltipControlTemplate } from '@ngneers/controls-themes/templates/tooltip';
+export const tooltipStyles = createThemePart({
+    controlTemplate: tooltipControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        // Browser-Reset:
+        width: unset;
+        height: unset;
+        color: unset;
+        background-color: unset;
+        inset: unset;
+        margin: unset;
+        border-width: unset;
+        border-style: unset;
+        border-color: unset;
+        border-image: unset;
+        padding: unset;
+        overflow: unset;
+      }
+
+      ${c('content')} {
+        position: relative;
+      }
+
+      ${c('text')} {
+        pointer-events: none;
+      }
+
+      ${c('with-arrow')} {
+        --arrow-width: 16px;
+
+        &::before {
+          content: '';
+          position: absolute;
+          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
+          width: var(--arrow-width);
+          height: var(--arrow-width);
+        }
+
+        &${c('left')} {
+          padding-right: calc(var(--arrow-width) / 2);
+          &::before {
+            right: 0;
+            top: var(--anchor-center);
+            transform: translateY(-50%);
+          }
+        }
+
+        &${c('right')} {
+          padding-left: calc(var(--arrow-width) / 2);
+          &::before {
+            left: 0;
+            top: var(--anchor-center);
+            transform: translateY(-50%);
+          }
+        }
+
+        &${c('top')} {
+          padding-bottom: calc(var(--arrow-width) / 2);
+          &::before {
+            bottom: 0;
+            left: var(--anchor-center);
+            transform: translateX(-50%);
+          }
+        }
+
+        &${c('bottom')} {
+          padding-top: calc(var(--arrow-width) / 2);
+          &::before {
+            top: 0;
+            left: var(--anchor-center);
+            transform: translateX(-50%);
+          }
+        }
+      }
+
+      ${c('closing')}:popover-open {
+        pointer-events: none;
+      }
+    `,
+    },
+});

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from './api';
+export * from './templates';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC"}

package/index.js

@@ -0,0 +1,2 @@
+export * from './api';
+export * from './templates';

package/nova/accordion/index.d.ts

@@ -0,0 +1,150 @@
+export declare const accordionStyles: import("@ngneers/controls-themes").ThemePart<"accordion", import("@ngneers/controls-themes").ControlTemplate<"accordion", ["root"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"accordion">[], [import("@ngneers/controls-themes").VariableTemplate<"color", {
+    background: null;
+    border: null;
+    text: null;
+    disabled: {
+        text: null;
+        border: null;
+        background: null;
+    };
+    invalid: {
+        text: null;
+        border: null;
+        background: null;
+    };
+    accent: {
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    error: {
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    info: {
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    primary: {
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    secondary: {
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    success: {
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    surface: {
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    warning: {
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+}>, import("@ngneers/controls-themes").VariableTemplate<"size", {
+    rounded: {
+        sm: null;
+        md: null;
+        lg: null;
+        full: null;
+    };
+    padding: {
+        sm: null;
+        md: null;
+        lg: null;
+        xl: null;
+    };
+}>, import("@ngneers/controls-themes").VariableTemplate<"font", {
+    weight: {
+        normal: null;
+        medium: null;
+        semibold: null;
+        bold: null;
+        extrabold: null;
+        black: null;
+    };
+    size: {
+        xs: null;
+        sm: null;
+        md: null;
+        lg: null;
+        xl: null;
+        '2xl': null;
+    };
+}>]>;
+//# sourceMappingURL=index.d.ts.map

package/nova/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/nova/accordion/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAc1B,CAAC"}

package/nova/accordion/index.js

@@ -0,0 +1,19 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { baseStyles } from '@ngneers/controls-themes/base';
+import { colorsTemplate, fontTemplate, sizesTemplate } from '@ngneers/controls-themes/nova/base';
+import { accordionControlTemplate } from '@ngneers/controls-themes/templates/accordion';
+export const accordionStyles = createThemePart({
+    controlTemplate: accordionControlTemplate,
+    base: baseStyles.accordion,
+    dependencies: [colorsTemplate, sizesTemplate, fontTemplate],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        background: ${v('color.background')};
+        border: 1px solid ${v('color.surface.300')};
+        border-radius: ${v('size.rounded.lg')};
+        display: block;
+      }
+    `,
+    },
+});