@ballistix.digital/react-components 0.4.79 → 0.4.81

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/dist/index.js CHANGED
@@ -2672,13 +2672,25 @@ var SelectMenuForm = function (props) {
2672
2672
  //
2673
2673
  classNames: {
2674
2674
  menuButton: function () {
2675
- return toClassName(styles$1.input, state === null && '[&>*]:!text-gray-300 ');
2675
+ return toClassName(styles$1.input, state === null && '[&>*]:!text-gray-300 ', state === null &&
2676
+ !isValid &&
2677
+ isTouched &&
2678
+ '[&>*]:!text-red-300');
2676
2679
  },
2677
2680
  menu: styles$1.menu,
2681
+ tagItem: function () { return styles$1.tagItem; },
2682
+ tagItemText: styles$1.tagItemText,
2683
+ tagItemIconContainer: styles$1.tagItemIconContainer,
2684
+ tagItemIcon: styles$1.tagItemIcon,
2678
2685
  list: styles$1.list,
2679
2686
  listItem: function () { return styles$1.listItem; },
2687
+ listDisabledItem: styles$1.listDisabledItem,
2688
+ listGroupLabel: styles$1.listGroupLabel,
2680
2689
  searchContainer: styles$1.searchContainer,
2681
- } }), !isSolo && (jsxRuntime.jsxs("div", __assign({ className: styles$1.foot }, { children: [description && !(error && isTouched) && (jsxRuntime.jsx("p", __assign({ className: styles$1.description }, { children: description }))), error && isTouched && jsxRuntime.jsx("p", __assign({ className: styles$1.error }, { children: error }))] })))] }))] })));
2690
+ searchBox: styles$1.searchBox,
2691
+ searchIcon: styles$1.searchIcon,
2692
+ closeIcon: styles$1.closeIcon,
2693
+ } }), !isSolo && (jsxRuntime.jsxs("div", __assign({ className: styles$1.foot }, { children: [description && !(error && isTouched) && (jsxRuntime.jsx("p", __assign({ className: styles$1.description }, { children: description }))), error && isTouched && (jsxRuntime.jsx("p", __assign({ className: styles$1.error }, { children: JSON.stringify(error) })))] })))] }))] })));
2682
2694
  };
2683
2695
 
2684
2696
  var base = {
@@ -2692,9 +2704,18 @@ var base = {
2692
2704
  input: 'block w-full flex border',
2693
2705
  menuButton: '',
2694
2706
  menu: '!px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
2707
+ tagItem: '',
2708
+ tagItemText: '',
2709
+ tagItemIconContainer: '',
2710
+ tagItemIcon: '',
2695
2711
  list: '!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1',
2712
+ listGroupLabel: '',
2696
2713
  listItem: '!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2',
2714
+ listDisabledItem: '',
2697
2715
  searchContainer: '!w-full !px-2 !py-2 border-b',
2716
+ searchBox: '',
2717
+ searchIcon: '',
2718
+ closeIcon: '',
2698
2719
  emptyState: 'w-full inline-flex items-start justify-start px-4',
2699
2720
  trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
2700
2721
  description: 'text-gray-400 text-xs mt-1',