@ballistix.digital/react-components 0.4.79 → 0.4.80

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,22 @@ 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 && isValid && '[&>*]:!text-gray-300 ', state === null && !isValid && '[&>*]:!text-red-300');
2676
2676
  },
2677
2677
  menu: styles$1.menu,
2678
+ tagItem: function () { return styles$1.tagItem; },
2679
+ tagItemText: styles$1.tagItemText,
2680
+ tagItemIconContainer: styles$1.tagItemIconContainer,
2681
+ tagItemIcon: styles$1.tagItemIcon,
2678
2682
  list: styles$1.list,
2679
2683
  listItem: function () { return styles$1.listItem; },
2684
+ listDisabledItem: styles$1.listDisabledItem,
2685
+ listGroupLabel: styles$1.listGroupLabel,
2680
2686
  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 }))] })))] }))] })));
2687
+ searchBox: styles$1.searchBox,
2688
+ searchIcon: styles$1.searchIcon,
2689
+ closeIcon: styles$1.closeIcon,
2690
+ } }), !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
2691
  };
2683
2692
 
2684
2693
  var base = {
@@ -2692,9 +2701,18 @@ var base = {
2692
2701
  input: 'block w-full flex border',
2693
2702
  menuButton: '',
2694
2703
  menu: '!px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
2704
+ tagItem: '',
2705
+ tagItemText: '',
2706
+ tagItemIconContainer: '',
2707
+ tagItemIcon: '',
2695
2708
  list: '!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1',
2709
+ listGroupLabel: '',
2696
2710
  listItem: '!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2',
2711
+ listDisabledItem: '',
2697
2712
  searchContainer: '!w-full !px-2 !py-2 border-b',
2713
+ searchBox: '',
2714
+ searchIcon: '',
2715
+ closeIcon: '',
2698
2716
  emptyState: 'w-full inline-flex items-start justify-start px-4',
2699
2717
  trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
2700
2718
  description: 'text-gray-400 text-xs mt-1',