@ngneers/controls-themes 0.0.1-pre2

package/nova/accordion-panel/index.d.ts

@@ -0,0 +1,150 @@
+export declare const accordionPanelStyles: import("@ngneers/controls-themes").ThemePart<"accordion-panel", import("@ngneers/controls-themes").ControlTemplate<"accordion-panel", ["root", "header", "header-disabled", "header-text", "content-expander", "content-expander-collapsed", "content"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"accordion-panel">[], [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-panel/index.d.ts.map

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

package/nova/accordion-panel/index.js

@@ -0,0 +1,74 @@
+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 { accordionPanelControlTemplate } from '@ngneers/controls-themes/templates/accordion-panel';
+export const accordionPanelStyles = createThemePart({
+    controlTemplate: accordionPanelControlTemplate,
+    base: baseStyles.accordionPanel,
+    dependencies: [colorsTemplate, sizesTemplate, fontTemplate],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        --icon-size: 14px;
+        &:not(:last-child) {
+          border-bottom: 1px solid ${v('color.surface.200')};
+        }
+      }
+      ${c('content-expander')} {
+        color: ${v('color.text')};
+        transition: grid-template-rows 0.2s ease-in-out;
+      }
+      ${c('content')} {
+        ngn-defer {
+          padding-top: 0;
+          padding-bottom: ${v('size.padding.md')};
+          padding-left: ${v('size.padding.xl')};
+          padding-right: ${v('size.padding.xl')};
+        }
+      }
+      ${c('header')} {
+        background: transparent;
+        border: none;
+        padding: 0;
+        cursor: pointer;
+        user-select: none;
+        ngn-icon {
+          color: ${v('color.surface.500')};
+          margin: 0 ${v('size.padding.md')};
+          transition: color 0.2s ease-in-out;
+        }
+        &:hover {
+          ${c('header-text')} {
+            color: ${v('color.surface.600')};
+          }
+          ngn-icon {
+            color: ${v('color.surface.600')};
+          }
+        }
+        &:focus-visible {
+          ${c('header-text')} {
+            color: ${v('color.text')};
+          }
+          ngn-icon {
+            color: ${v('color.text')};
+          }
+        }
+      }
+      ${c('header-disabled')}, ${c('header-disabled')}:hover {
+        cursor: default;
+        ${c('header-text')} {
+          color: ${v('color.surface.300')};
+        }
+        ngn-icon {
+          color: ${v('color.surface.300')};
+        }
+      }
+      ${c('header-text')} {
+        padding: ${v('size.padding.md')} ${v('size.padding.xl')};
+        font-weight: ${v('font.weight.semibold')};
+        color: ${v('color.surface.500')};
+        transition: color 0.2s ease-in-out;
+      }
+    `,
+    },
+});

package/nova/api/index.d.ts

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

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

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

package/nova/api/index.js

@@ -0,0 +1,2 @@
+export * from './movable';
+export * from './resizable';

package/nova/api/movable.d.ts

@@ -0,0 +1,2 @@
+export declare const movableStyles: import("@ngneers/controls-themes").ThemePart<"movable", import("@ngneers/controls-themes").ControlTemplate<"movable", ["root", "movable", "moved", "drag-handle-grab", "drag-handle-grabbing"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"movable">[], []>;
+//# sourceMappingURL=movable.d.ts.map

package/nova/api/movable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"movable.d.ts","sourceRoot":"","sources":["../../../../src/nova/api/movable.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,yWAcxB,CAAC"}

package/nova/api/movable.js

@@ -0,0 +1,18 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { baseStyles } from '@ngneers/controls-themes/base';
+import { movableDirectiveTemplate } from '@ngneers/controls-themes/templates/api';
+export const movableStyles = createThemePart({
+    controlTemplate: movableDirectiveTemplate,
+    base: baseStyles.movable,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('drag-handle-grab')} {
+        cursor: grab;
+      }
+      ${c('drag-handle-grabbing')} {
+        cursor: grabbing;
+      }
+    `,
+    },
+});

package/nova/api/resizable.d.ts

@@ -0,0 +1,2 @@
+export declare const resizableStyles: import("@ngneers/controls-themes").ThemePart<"resizable", import("@ngneers/controls-themes").ControlTemplate<"resizable", ["root", "resizable", "resized"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"resizable">[], []>;
+//# sourceMappingURL=resizable.d.ts.map

package/nova/api/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../../src/nova/api/resizable.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,uUAU1B,CAAC"}

package/nova/api/resizable.js

@@ -0,0 +1,13 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { resizableDirectiveTemplate } from '@ngneers/controls-themes/templates/api';
+export const resizableStyles = createThemePart({
+    controlTemplate: resizableDirectiveTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('resizable')} {
+        resize: both;
+      }
+    `,
+    },
+});

package/nova/avatar/index.d.ts

@@ -0,0 +1,299 @@
+export declare const avatarStyles: import("@ngneers/controls-themes").ThemePart<"avatar", import("@ngneers/controls-themes").ControlTemplate<"avatar", ["root", "image", "initials", `kind-${string}`], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"avatar">[], [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;
+    };
+}>]>;
+export declare const avatarGroupStyles: import("@ngneers/controls-themes").ThemePart<"avatar-group", import("@ngneers/controls-themes").ControlTemplate<"avatar-group", ["root", `kind-${string}`], readonly [import("@ngneers/controls-themes").ControlTemplate<"avatar", ["root", "image", "initials", `kind-${string}`], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").VariableTemplate<"avatar-group">[], [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/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/nova/avatar/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBvB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwB5B,CAAC"}

package/nova/avatar/index.js

@@ -0,0 +1,48 @@
+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 { avatarControlTemplate, avatarGroupControlTemplate, } from '@ngneers/controls-themes/templates/avatar';
+export const avatarStyles = createThemePart({
+    controlTemplate: avatarControlTemplate,
+    base: baseStyles.avatar,
+    dependencies: [colorsTemplate, sizesTemplate, fontTemplate],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        border-radius: ${v('size.rounded.full')};
+        &:not(:has(${c('image')})) {
+          background-color: var(--color, ${v('color.primary.500')});
+        }
+      }
+      ${c('initials')} {
+        color: ${v('color.text')};
+        font-weight: ${v('font.weight.semibold')};
+      }
+    `,
+    },
+});
+export const avatarGroupStyles = createThemePart({
+    controlTemplate: avatarGroupControlTemplate,
+    base: baseStyles.avatarGroup,
+    dependencies: [colorsTemplate, sizesTemplate, fontTemplate],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('root')} {
+        display: flex;
+      }
+      ${c('root')} ${d('avatar', 'root')} {
+        --border-width: 3px;
+        border: var(--border-width) solid ${v('color.background')};
+        &:not(:first-child) {
+          margin-left: -1.5rem;
+        }
+        &:first-child {
+          margin-left: calc(-1 * var(--border-width));
+        }
+        &:last-child {
+          margin-right: calc(-1 * var(--border-width));
+        }
+      }
+    `,
+    },
+});

package/nova/base/animation.d.ts

@@ -0,0 +1,21 @@
+export declare const animationTemplate: import("@ngneers/controls-themes").VariableTemplate<"anim", {
+    time: {
+        fade: null;
+        snappyFade: null;
+    };
+    ease: {
+        fade: null;
+        snappyFade: null;
+    };
+}>;
+export declare const animation: import("@ngneers/controls-themes").ThemePart<"anim", never, [import("@ngneers/controls-themes").VariableTemplate<"anim", {
+    time: {
+        fade: null;
+        snappyFade: null;
+    };
+    ease: {
+        fade: null;
+        snappyFade: null;
+    };
+}>], import("@ngneers/controls-themes").VariableTemplate[]>;
+//# sourceMappingURL=animation.d.ts.map

package/nova/base/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/nova/base/animation.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;EAY5B,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;2DAepB,CAAC"}