@agility/plenum-ui 1.3.26 → 1.3.27

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.
package/lib/index.esm.js CHANGED
@@ -12507,10 +12507,10 @@ var InputCta = function (_a) {
12507
12507
  var handleClick = function () {
12508
12508
  onClickHandler && onClickHandler();
12509
12509
  };
12510
- var buttonStyle = cn('relative z-10 inline-flex items-center space-x-2 px-4 py-2 border border-gray-300 text-sm font-medium focus:outline-none focus:ring-1 focus:ring-purple-500 focus:border-purple-500', {
12510
+ var buttonStyle = cn('relative inline-flex items-center space-x-2 px-4 py-2 border border-gray-300 text-sm font-medium focus:outline-none focus:ring-1 focus:ring-purple-500 focus:border-purple-500', {
12511
12511
  'rounded-r text-gray-700 -ml-px': align === 'right'
12512
12512
  }, {
12513
- 'rounded-l text-gray-500 -mr-px focus-within:z-10': align === 'left'
12513
+ 'rounded-l text-gray-500 -mr-px': align === 'left'
12514
12514
  }, {
12515
12515
  'cursor-default': !onClickHandler
12516
12516
  }, {
@@ -12576,7 +12576,7 @@ var TextInputAddon = function (_a, ref) {
12576
12576
  label && (React__default.createElement(InputLabel, { label: label, isRequired: isRequired, id: id, isError: isError, isDisabled: isDisabled })),
12577
12577
  React__default.createElement("div", { className: "flex" },
12578
12578
  (leadIcon || leadLabel) && (React__default.createElement(InputCta, { icon: leadIcon, ctaLabel: leadLabel, align: "left", isClear: clearCta === "left" || clearCta === "both" })),
12579
- React__default.createElement("div", { className: "relative flex-grow focus-within:z-20" },
12579
+ React__default.createElement("div", { className: "relative flex-grow" },
12580
12580
  inlineIcon && (React__default.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
12581
12581
  React__default.createElement(DynamicIcons, { icon: inlineIcon, className: "h-5 w-5 text-gray-400", outline: false }))),
12582
12582
  React__default.createElement(_BaseField, { onFocus: handleInputFocus, onBlur: handleInputBlur, onChange: onChange, onValueChange: setValue, ref: ref, type: type, name: name, id: id, className: cn("w-full rounded border border-gray-300 py-2 px-3 text-sm font-normal leading-5 outline-purple-500 focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500 ", {
package/lib/index.js CHANGED
@@ -12533,10 +12533,10 @@ var InputCta = function (_a) {
12533
12533
  var handleClick = function () {
12534
12534
  onClickHandler && onClickHandler();
12535
12535
  };
12536
- var buttonStyle = cn('relative z-10 inline-flex items-center space-x-2 px-4 py-2 border border-gray-300 text-sm font-medium focus:outline-none focus:ring-1 focus:ring-purple-500 focus:border-purple-500', {
12536
+ var buttonStyle = cn('relative inline-flex items-center space-x-2 px-4 py-2 border border-gray-300 text-sm font-medium focus:outline-none focus:ring-1 focus:ring-purple-500 focus:border-purple-500', {
12537
12537
  'rounded-r text-gray-700 -ml-px': align === 'right'
12538
12538
  }, {
12539
- 'rounded-l text-gray-500 -mr-px focus-within:z-10': align === 'left'
12539
+ 'rounded-l text-gray-500 -mr-px': align === 'left'
12540
12540
  }, {
12541
12541
  'cursor-default': !onClickHandler
12542
12542
  }, {
@@ -12602,7 +12602,7 @@ var TextInputAddon = function (_a, ref) {
12602
12602
  label && (React__default["default"].createElement(InputLabel, { label: label, isRequired: isRequired, id: id, isError: isError, isDisabled: isDisabled })),
12603
12603
  React__default["default"].createElement("div", { className: "flex" },
12604
12604
  (leadIcon || leadLabel) && (React__default["default"].createElement(InputCta, { icon: leadIcon, ctaLabel: leadLabel, align: "left", isClear: clearCta === "left" || clearCta === "both" })),
12605
- React__default["default"].createElement("div", { className: "relative flex-grow focus-within:z-20" },
12605
+ React__default["default"].createElement("div", { className: "relative flex-grow" },
12606
12606
  inlineIcon && (React__default["default"].createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
12607
12607
  React__default["default"].createElement(DynamicIcons, { icon: inlineIcon, className: "h-5 w-5 text-gray-400", outline: false }))),
12608
12608
  React__default["default"].createElement(_BaseField, { onFocus: handleInputFocus, onBlur: handleInputBlur, onChange: onChange, onValueChange: setValue, ref: ref, type: type, name: name, id: id, className: cn("w-full rounded border border-gray-300 py-2 px-3 text-sm font-normal leading-5 outline-purple-500 focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500 ", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agility/plenum-ui",
3
- "version": "1.3.26",
3
+ "version": "1.3.27",
4
4
  "description": "Components that are part of the Agility CMS design system.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",