ng-primitives 0.20.0 → 0.21.0

package/accordion/accordion/accordion.directive.d.ts

@@ -31,7 +31,7 @@ export declare class NgpAccordion<T> {
     /**
      * The accordion orientation.
      */
-    readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
+    readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
     /**
      * @param value The value to check.
      * @returns Whether the value is open.

package/example-theme/index.css

@@ -0,0 +1,84 @@
+/*
+ * This is a sample theme for the ng-primitives examples. It uses colors from the TailwindCSS palette.
+ */
+:root {
+  --white: oklch(1 0.001 0.001);
+  --black: oklch(0 0.001 0.001);
+
+  --gray-50: oklch(0.985 0 0);
+  --gray-100: oklch(0.967 0.001 286.375);
+  --gray-200: oklch(0.92 0.004 286.32);
+  --gray-300: oklch(0.871 0.006 286.286);
+  --gray-400: oklch(0.705 0.015 286.067);
+  --gray-500: oklch(0.552 0.016 285.938);
+  --gray-600: oklch(0.442 0.017 285.786);
+  --gray-700: oklch(0.37 0.013 285.805);
+  --gray-800: oklch(0.274 0.006 286.033);
+  --gray-900: oklch(0.21 0.006 285.885);
+  --gray-950: oklch(0.141 0.005 285.823);
+
+  --background: var(--white);
+  --background-secondary: var(--gray-300);
+  --background-hover: var(--gray-50);
+  --background-active: var(--gray-100);
+  --background-inverse: var(--black);
+  --background-disabled: var(--gray-100);
+  --background-blue: #dbeafe;
+
+  --border: var(--gray-200);
+  --border-secondary: var(--gray-300);
+  --border-blue: #3b82f6;
+
+  --text-emphasis: var(--black);
+  --text-primary: var(--gray-900);
+  --text-secondary: var(--gray-600);
+  --text-tertiary: var(--gray-500);
+  --text-disabled: var(--gray-400);
+  --text-placeholder: var(--gray-400);
+  --text-inverse: var(--white);
+  --text-blue: #3b82f6;
+  --text-red: #ef4444;
+
+  --shadow: 0 1px 2px 0 rgba(0 0 0 0.05);
+
+  --focus-ring: rgb(59 130 246);
+
+  --avatar-background: #bae6fd;
+  --avatar-border: #fff;
+
+  --button-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1),
+    0 0 0 1px rgb(0 0 0 / 0.05);
+
+  --input-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
+}
+
+.dark {
+  --background: var(--gray-950);
+  --background-secondary: var(--gray-700);
+  --background-hover: var(--gray-900);
+  --background-active: var(--gray-800);
+  --background-inverse: var(--white);
+  --background-disabled: var(--gray-900);
+  --background-blue: rgba(95, 160, 246, 0.274);
+
+  --border: var(--gray-800);
+  --border-secondary: var(--gray-700);
+  --border-blue: #1980ff;
+
+  --text-emphasis: var(--white);
+  --text-primary: var(--gray-100);
+  --text-secondary: var(--gray-300);
+  --text-tertiary: var(--gray-400);
+  --text-disabled: var(--gray-500);
+  --text-inverse: var(--black);
+  --text-blue: #1980ff;
+  --text-red: #ff4d4d;
+
+  --avatar-background: #18181b;
+  --avatar-border: #3f3f46;
+
+  --input-shadow: 0 1px 2px rgba(255, 255, 255, 0.007), 0 0 0 1px rgba(255, 255, 255, 0.1);
+
+  --button-shadow: 0 1px 3px 0 rgb(255, 255, 255, 0.1), 0 1px 2px -1px rgb(255, 255, 255, 0.1),
+    0 0 0 1px rgb(255, 255, 255, 0.05);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ng-primitives",
   "license": "Apache-2.0",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "peerDependencies": {
     "@angular/core": ">=19.0.0",
     "@angular/cdk": ">=19.0.0",
@@ -26,9 +26,8 @@
   "sideEffects": false,
   "generators": "./generators.json",
   "schematics": "./generators.json",
-  "module": "fesm2022/ng-primitives.mjs",
-  "typings": "index.d.ts",
   "exports": {
+    "./example-theme/index.css": "./example-theme/index.css",
     "./package.json": {
       "default": "./package.json"
     },
@@ -48,10 +47,6 @@
       "types": "./autofill/index.d.ts",
       "default": "./fesm2022/ng-primitives-autofill.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/ng-primitives-button.mjs"
-    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/ng-primitives-avatar.mjs"
@@ -60,6 +55,10 @@
       "types": "./checkbox/index.d.ts",
       "default": "./fesm2022/ng-primitives-checkbox.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/ng-primitives-button.mjs"
+    },
     "./date-picker": {
       "types": "./date-picker/index.d.ts",
       "default": "./fesm2022/ng-primitives-date-picker.mjs"
@@ -128,6 +127,10 @@
       "types": "./roving-focus/index.d.ts",
       "default": "./fesm2022/ng-primitives-roving-focus.mjs"
     },
+    "./search": {
+      "types": "./search/index.d.ts",
+      "default": "./fesm2022/ng-primitives-search.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "default": "./fesm2022/ng-primitives-select.mjs"
@@ -136,22 +139,18 @@
       "types": "./slider/index.d.ts",
       "default": "./fesm2022/ng-primitives-slider.mjs"
     },
-    "./search": {
-      "types": "./search/index.d.ts",
-      "default": "./fesm2022/ng-primitives-search.mjs"
-    },
     "./switch": {
       "types": "./switch/index.d.ts",
       "default": "./fesm2022/ng-primitives-switch.mjs"
     },
-    "./textarea": {
-      "types": "./textarea/index.d.ts",
-      "default": "./fesm2022/ng-primitives-textarea.mjs"
-    },
     "./tabs": {
       "types": "./tabs/index.d.ts",
       "default": "./fesm2022/ng-primitives-tabs.mjs"
     },
+    "./textarea": {
+      "types": "./textarea/index.d.ts",
+      "default": "./fesm2022/ng-primitives-textarea.mjs"
+    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/ng-primitives-toast.mjs"
@@ -168,5 +167,7 @@
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/ng-primitives-utils.mjs"
     }
-  }
+  },
+  "module": "fesm2022/ng-primitives.mjs",
+  "typings": "index.d.ts"
 }