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

package/styles/components/form.css

@@ -225,7 +225,7 @@ dw-field.dw-field--inline:has(.dw-field__control :is(.p-inputtext-sm, .p-textare
 .dw-field__control > :first-child:not([dwFieldSuffix]) { flex: 1 1 auto; min-width: 0; }
 /* Switches, checkboxes and radios keep their own size — stretching one turns a toggle into a bar. */
 /* (Same specificity as the stretch rule above, plus the element, so it wins.) */
-.dw-field__control > :is(p-toggleswitch, p-checkbox, p-radiobutton):first-child:not([dwFieldSuffix]) { flex: none; }
+.dw-field__control > :is(p-toggleswitch, p-checkbox, p-radiobutton, dw-switch, dw-checkbox, dw-radio):first-child:not([dwFieldSuffix]) { flex: none; }
 .dw-field__control > input,
 .dw-field__control > textarea,
 .dw-field__control > p-select,
@@ -676,3 +676,33 @@ body .dw-var-field .p-textarea {
 .config-form-body .toggle-label { margin: 0; cursor: pointer; }
 /* Host of a config form component inside .config-drawer-body: fill the drawer height. */
 .config-form-host { display: flex; flex: 1; flex-direction: column; min-height: 0; }
+
+/* ── dw-select / dw-multiselect (components) ──
+   The host takes the screen's sizing (a width, `dw-w-full`, a grid track) and the PrimeNG control fills it; with no
+   width set, the host is as wide as the control would be on its own. */
+.dw-select,
+.dw-multiselect {
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.dw-select > p-select,
+.dw-multiselect > p-multiselect {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.dw-select.dw-select--fluid,
+.dw-multiselect.dw-multiselect--fluid {
+  display: flex;
+  width: 100%;
+}
+
+/* ── dw-checkbox / dw-radio / dw-switch (components): the control and its label on one line (dw-check) ── */
+.dw-checkbox__label--empty:empty,
+.dw-radio__label--empty:empty { display: none; }
+
+/* ── dw-number-input (component): sized by the screen like dw-select ── */
+.dw-number-input { display: inline-flex; min-width: 0; max-width: 100%; vertical-align: middle; }
+.dw-number-input > p-inputnumber { flex: 1 1 auto; min-width: 0; }
+.dw-number-input.dw-number-input--fluid { display: flex; width: 100%; }

package/styles/crystal-no-fonts.css

@@ -4,6 +4,8 @@
  *
  * Rules: colours only in tokens/primitives.css (everything else uses semantic tokens); font-family only in base.css.
  */
+/* PrimeIcons (pi pi-*): crystal's dependency, so an app never installs or loads it itself. Its font is local. */
+@import 'primeicons/primeicons.css';
 @import './tokens/primitives.css';
 @import './tokens/semantic.css';
 @import './tokens/semantic-dark.css';