@dataworkz/crystal 0.1.0-beta.1 → 0.1.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataworkz/crystal",
-  "version": "0.1.0-beta.1",
+  "version": "0.1.0-beta.2",
   "description": "Dataworkz core UI for Angular: dw-* components, icons, toasts, design tokens, theme CSS and bundled fonts.",
   "license": "MIT",
   "author": "Dataworkz",

package/primeng/index.d.ts

@@ -610,6 +610,35 @@ declare const DwPreset: _primeuix_themes_types.Preset<_primeuix_themes_aura_base
 
 /** PrimeNG's dark mode follows the attribute ThemeService (and provideCrystal()) put on <html>. */
 declare const DW_DARK_MODE_SELECTOR = "[data-theme=\"dark\"]";
+/** Panel class that sizes a select's option list for a small trigger (components/form.css). */
+declare const DW_SELECT_PANEL_SM = "dw-select-panel--sm";
+type SizedInstance = {
+    size?: () => string | null | undefined;
+};
+/**
+ * Crystal's pass-through defaults: a small `p-select` / `p-multiselect` gets small options even when its list is
+ * appended to <body> (where CSS can't see the trigger).
+ */
+declare const DW_PRIMENG_PT: {
+    readonly select: {
+        readonly overlay: ({ instance }: {
+            instance?: SizedInstance;
+        }) => {
+            class: string;
+        } | {
+            class?: undefined;
+        };
+    };
+    readonly multiselect: {
+        readonly overlay: ({ instance }: {
+            instance?: SizedInstance;
+        }) => {
+            class: string;
+        } | {
+            class?: undefined;
+        };
+    };
+};
 /**
  * PrimeNG with the Dataworkz preset, dark mode on `[data-theme="dark"]`. Pass app-specific PrimeNG settings
  * (ripple, zIndex, translation…) as `config`; its `theme.options` are merged over crystal's.
@@ -620,4 +649,4 @@ declare const DW_DARK_MODE_SELECTOR = "[data-theme=\"dark\"]";
  */
 declare function provideCrystalPrimeNG(config?: PrimeNGConfigType): EnvironmentProviders;
 
-export { AZURE_PRIMARY_RAMP, DW_COLOR_SCHEME, DW_DARK_MODE_SELECTOR, DW_PRESET_OVERRIDES, DwPreset, provideCrystalPrimeNG };
+export { AZURE_PRIMARY_RAMP, DW_COLOR_SCHEME, DW_DARK_MODE_SELECTOR, DW_PRESET_OVERRIDES, DW_PRIMENG_PT, DW_SELECT_PANEL_SM, DwPreset, provideCrystalPrimeNG };

package/styles/components/button.css

@@ -325,6 +325,9 @@
 .dw-icon-btn.is-active { background: var(--dw-accent-tint); color: var(--dw-accent); }
 /* Hovering the active (selected) button keeps it accented, a step stronger */
 .dw-icon-btn.is-active:hover:not(:disabled) { background: var(--dw-accent-tint-strong); color: var(--dw-accent); }
+/* A selected danger toggle (e.g. a "not helpful" rating) keeps its danger colour instead of the accent. */
+.dw-icon-btn--danger.is-active,
+.dw-icon-btn--danger.is-active:hover:not(:disabled) { background: var(--dw-danger-tint); color: var(--dw-danger-solid); }
 .dw-icon-btn--inverse { color: var(--dw-text-muted); }
 .dw-icon-btn--inverse:hover:not(:disabled),
 .dw-icon-btn--inverse.is-active { background: color-mix(in srgb, var(--dw-text-inverse) 12%, transparent); color: var(--dw-text-inverse); }

package/styles/components/form.css

@@ -470,8 +470,9 @@ p-slider {
 
 
 /* Small selects (size="small"): their option list matches the 12px trigger instead of the default
-   14px rows. The list renders inside the select unless it is appended elsewhere (appendTo); a list
-   appended to <body> takes the panel class `dw-select-panel--sm` for the same sizing. */
+   14px rows. A list rendered inside the select matches `.p-select-sm`; a list appended elsewhere
+   (appendTo="body") gets `dw-select-panel--sm` from provideCrystalPrimeNG()'s pass-through, so no
+   screen sets it by hand. */
 .p-select-sm .p-select-option,
 .p-multiselect-sm .p-multiselect-option,
 .dw-select-panel--sm .p-select-option,