@ngneers/controls-themes 0.0.1-next.0

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;
+      }
+    `,
+    },
+});

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

@@ -0,0 +1,254 @@
+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").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;
+    };
+    primary: {
+        '700-on-50': null;
+        '600-on-100': null;
+        '50-contrast': null;
+        '100-contrast': null;
+        '200-contrast': null;
+        '300-contrast': null;
+        '400-contrast': null;
+        '500-contrast': null;
+        '600-contrast': null;
+        '700-contrast': null;
+        '800-contrast': null;
+        '900-contrast': null;
+        '950-contrast': null;
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    secondary: {
+        '700-on-50': null;
+        '600-on-100': null;
+        '50-contrast': null;
+        '100-contrast': null;
+        '200-contrast': null;
+        '300-contrast': null;
+        '400-contrast': null;
+        '500-contrast': null;
+        '600-contrast': null;
+        '700-contrast': null;
+        '800-contrast': null;
+        '900-contrast': null;
+        '950-contrast': null;
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    accent: {
+        '700-on-50': null;
+        '600-on-100': null;
+        '50-contrast': null;
+        '100-contrast': null;
+        '200-contrast': null;
+        '300-contrast': null;
+        '400-contrast': null;
+        '500-contrast': null;
+        '600-contrast': null;
+        '700-contrast': null;
+        '800-contrast': null;
+        '900-contrast': null;
+        '950-contrast': null;
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    error: {
+        '700-on-50': null;
+        '600-on-100': null;
+        '50-contrast': null;
+        '100-contrast': null;
+        '200-contrast': null;
+        '300-contrast': null;
+        '400-contrast': null;
+        '500-contrast': null;
+        '600-contrast': null;
+        '700-contrast': null;
+        '800-contrast': null;
+        '900-contrast': null;
+        '950-contrast': null;
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    warning: {
+        '700-on-50': null;
+        '600-on-100': null;
+        '50-contrast': null;
+        '100-contrast': null;
+        '200-contrast': null;
+        '300-contrast': null;
+        '400-contrast': null;
+        '500-contrast': null;
+        '600-contrast': null;
+        '700-contrast': null;
+        '800-contrast': null;
+        '900-contrast': null;
+        '950-contrast': null;
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    info: {
+        '700-on-50': null;
+        '600-on-100': null;
+        '50-contrast': null;
+        '100-contrast': null;
+        '200-contrast': null;
+        '300-contrast': null;
+        '400-contrast': null;
+        '500-contrast': null;
+        '600-contrast': null;
+        '700-contrast': null;
+        '800-contrast': null;
+        '900-contrast': null;
+        '950-contrast': null;
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    success: {
+        '700-on-50': null;
+        '600-on-100': null;
+        '50-contrast': null;
+        '100-contrast': null;
+        '200-contrast': null;
+        '300-contrast': null;
+        '400-contrast': null;
+        '500-contrast': null;
+        '600-contrast': null;
+        '700-contrast': null;
+        '800-contrast': null;
+        '900-contrast': null;
+        '950-contrast': null;
+        '50': null;
+        '100': null;
+        '200': null;
+        '300': null;
+        '400': null;
+        '500': null;
+        '600': null;
+        '700': null;
+        '800': null;
+        '900': null;
+        '950': null;
+    };
+    surface: {
+        '700-on-50': null;
+        '600-on-100': null;
+        '50-contrast': null;
+        '100-contrast': null;
+        '200-contrast': null;
+        '300-contrast': null;
+        '400-contrast': null;
+        '500-contrast': null;
+        '600-contrast': null;
+        '700-contrast': null;
+        '800-contrast': null;
+        '900-contrast': null;
+        '950-contrast': null;
+        '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,4 @@
+export * from './movable';
+export * from './resizable';
+export * from './scroll-shadow';
+//# 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;AAC5B,cAAc,iBAAiB,CAAC"}

package/nova/api/index.js

@@ -0,0 +1,3 @@
+export * from './movable';
+export * from './resizable';
+export * from './scroll-shadow';

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").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,qRAcxB,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").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,mPAU1B,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/api/scroll-shadow.d.ts

@@ -0,0 +1,2 @@
+export declare const scrollShadowStyles: import("@ngneers/controls-themes").ThemePart<"scrollShadow", import("@ngneers/controls-themes").ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>, import("@ngneers/controls-themes").VariableTemplate<"scrollShadow">[], []>;
+//# sourceMappingURL=scroll-shadow.d.ts.map

package/nova/api/scroll-shadow.d.ts.map

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

package/nova/api/scroll-shadow.js

@@ -0,0 +1,11 @@
+import { createThemePart } from '@ngneers/controls-themes/api';
+import { baseStyles } from '@ngneers/controls-themes/base';
+import { scrollShadowDirectiveTemplate } from '@ngneers/controls-themes/templates/api';
+export const scrollShadowStyles = createThemePart({
+    controlTemplate: scrollShadowDirectiveTemplate,
+    base: baseStyles.scrollShadow,
+    dependencies: [],
+    root: {
+        css: () => '',
+    },
+});