@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.
@@ -646,18 +646,49 @@ var init_Keboola = __esm({
646
646
  Keboola.displayName = "Keboola";
647
647
  }
648
648
  });
649
+ var Microsoft;
650
+ var init_Microsoft = __esm({
651
+ "src/icons/Microsoft.tsx"() {
652
+ init_utils2();
653
+ Microsoft = react.forwardRef(
654
+ ({ size = 24, className, children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
655
+ "svg",
656
+ {
657
+ ref,
658
+ xmlns: "http://www.w3.org/2000/svg",
659
+ width: size,
660
+ height: size,
661
+ viewBox: "0 0 21 21",
662
+ fill: "none",
663
+ className: cn("lucide", className),
664
+ ...rest,
665
+ children: [
666
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: "10", height: "10", fill: "#F25022" }),
667
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "0", width: "10", height: "10", fill: "#7FBA00" }),
668
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "11", width: "10", height: "10", fill: "#00A4EF" }),
669
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "11", width: "10", height: "10", fill: "#FFB900" }),
670
+ children
671
+ ]
672
+ }
673
+ )
674
+ );
675
+ Microsoft.displayName = "Microsoft";
676
+ }
677
+ });
649
678
 
650
679
  // src/icons/index.ts
651
680
  var icons_exports = {};
652
681
  __export(icons_exports, {
653
682
  Google: () => Google,
654
- Keboola: () => Keboola
683
+ Keboola: () => Keboola,
684
+ Microsoft: () => Microsoft
655
685
  });
656
686
  var init_icons = __esm({
657
687
  "src/icons/index.ts"() {
658
688
  __reExport(icons_exports, lucide_react_star__namespace);
659
689
  init_Google();
660
690
  init_Keboola();
691
+ init_Microsoft();
661
692
  }
662
693
  });
663
694
  var variants, argoVariants;
@@ -3542,8 +3573,15 @@ var inputGroupVariants = classVarianceAuthority.cva(
3542
3573
  "tw-border-input",
3543
3574
  "tw-text-foreground",
3544
3575
  "has-[:is(input,textarea):disabled]:tw-opacity-50",
3576
+ // readonly: keep the themed input surface/border. The base layer's fixed
3577
+ // `neutral-150` (a light grey) is correct for the legacy light chrome but
3578
+ // collides with argo's themed `foreground` text — light-on-light, invisible
3579
+ // in dark mode. Re-pin to the same `muted`/`input` tokens the editable argo
3580
+ // input uses (validated AA), so readonly stays legible in every scheme.
3581
+ "has-[:is(input,textarea)[readonly]]:tw-bg-muted",
3582
+ "has-[:is(input,textarea)[readonly]]:tw-border-input",
3545
3583
  // higher specificity than has-[:is(input,textarea):focus] — prevents focus border on readonly
3546
- "has-[:is(input,textarea)[readonly]:focus]:tw-border-neutral-150",
3584
+ "has-[:is(input,textarea)[readonly]:focus]:tw-border-input",
3547
3585
  // aria-invalid on the control surfaces the error chrome without a `state` prop — the
3548
3586
  // accessible path (uses the themeable `destructive` status token).
3549
3587
  "has-[:is(input,textarea)[aria-invalid=true]]:tw-border-destructive",