@keboola/design 6.3.0 → 6.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -617,18 +617,49 @@ var init_Keboola = __esm({
617
617
  Keboola.displayName = "Keboola";
618
618
  }
619
619
  });
620
+ var Microsoft;
621
+ var init_Microsoft = __esm({
622
+ "src/icons/Microsoft.tsx"() {
623
+ init_utils2();
624
+ Microsoft = forwardRef(
625
+ ({ size = 24, className, children, ...rest }, ref) => /* @__PURE__ */ jsxs(
626
+ "svg",
627
+ {
628
+ ref,
629
+ xmlns: "http://www.w3.org/2000/svg",
630
+ width: size,
631
+ height: size,
632
+ viewBox: "0 0 21 21",
633
+ fill: "none",
634
+ className: cn("lucide", className),
635
+ ...rest,
636
+ children: [
637
+ /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "10", height: "10", fill: "#F25022" }),
638
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "0", width: "10", height: "10", fill: "#7FBA00" }),
639
+ /* @__PURE__ */ jsx("rect", { x: "0", y: "11", width: "10", height: "10", fill: "#00A4EF" }),
640
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "11", width: "10", height: "10", fill: "#FFB900" }),
641
+ children
642
+ ]
643
+ }
644
+ )
645
+ );
646
+ Microsoft.displayName = "Microsoft";
647
+ }
648
+ });
620
649
 
621
650
  // src/icons/index.ts
622
651
  var icons_exports = {};
623
652
  __export(icons_exports, {
624
653
  Google: () => Google,
625
- Keboola: () => Keboola
654
+ Keboola: () => Keboola,
655
+ Microsoft: () => Microsoft
626
656
  });
627
657
  var init_icons = __esm({
628
658
  "src/icons/index.ts"() {
629
659
  __reExport(icons_exports, lucide_react_star);
630
660
  init_Google();
631
661
  init_Keboola();
662
+ init_Microsoft();
632
663
  }
633
664
  });
634
665
  var variants, argoVariants;
@@ -3513,8 +3544,15 @@ var inputGroupVariants = cva(
3513
3544
  "tw-border-input",
3514
3545
  "tw-text-foreground",
3515
3546
  "has-[:is(input,textarea):disabled]:tw-opacity-50",
3547
+ // readonly: keep the themed input surface/border. The base layer's fixed
3548
+ // `neutral-150` (a light grey) is correct for the legacy light chrome but
3549
+ // collides with argo's themed `foreground` text — light-on-light, invisible
3550
+ // in dark mode. Re-pin to the same `muted`/`input` tokens the editable argo
3551
+ // input uses (validated AA), so readonly stays legible in every scheme.
3552
+ "has-[:is(input,textarea)[readonly]]:tw-bg-muted",
3553
+ "has-[:is(input,textarea)[readonly]]:tw-border-input",
3516
3554
  // higher specificity than has-[:is(input,textarea):focus] — prevents focus border on readonly
3517
- "has-[:is(input,textarea)[readonly]:focus]:tw-border-neutral-150",
3555
+ "has-[:is(input,textarea)[readonly]:focus]:tw-border-input",
3518
3556
  // aria-invalid on the control surfaces the error chrome without a `state` prop — the
3519
3557
  // accessible path (uses the themeable `destructive` status token).
3520
3558
  "has-[:is(input,textarea)[aria-invalid=true]]:tw-border-destructive",