@umami/react-zen 0.128.0 → 0.130.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.
Files changed (7) hide show
  1. package/dist/index.css +13 -7
  2. package/dist/index.d.mts +6 -3
  3. package/dist/index.d.ts +6 -3
  4. package/dist/index.js +356 -339
  5. package/dist/index.mjs +356 -339
  6. package/package.json +1 -1
  7. package/styles.css +13 -7
package/dist/index.css CHANGED
@@ -4854,7 +4854,7 @@ body a.Button_button__YTAxZ {
4854
4854
  }
4855
4855
 
4856
4856
  /* virtual-css:css:a7fa90aea7daca4292e76cc01f7615ea */
4857
- .ToggleGroup_group__NTgyM {
4857
+ .ToggleGroup_group__MTMwY {
4858
4858
  font-size: var(--font-size-1);
4859
4859
  color: var(--font-color);
4860
4860
  background-color: var(--background-color);
@@ -4863,12 +4863,12 @@ body a.Button_button__YTAxZ {
4863
4863
  border-radius: var(--border-radius);
4864
4864
  overflow: hidden;
4865
4865
  }
4866
- .ToggleGroup_list__OWIyM {
4866
+ .ToggleGroup_list__MzBiM {
4867
4867
  display: flex;
4868
4868
  flex-direction: row;
4869
4869
  align-items: center;
4870
4870
  }
4871
- .ToggleGroup_item__NDJmZ {
4871
+ .ToggleGroup_item__ZDA1O {
4872
4872
  color: var(--font-color-muted);
4873
4873
  background-color: var(--background-color);
4874
4874
  font-weight: var(--font-weight-bold);
@@ -4879,16 +4879,22 @@ body a.Button_button__YTAxZ {
4879
4879
  cursor: pointer;
4880
4880
  outline: none;
4881
4881
  }
4882
- .ToggleGroup_item__NDJmZ:not(:first-child) {
4882
+ .ToggleGroup_item__ZDA1O:not(:first-child) {
4883
4883
  border-left: var(--border);
4884
4884
  }
4885
- .ToggleGroup_item__NDJmZ:hover {
4885
+ .ToggleGroup_item__ZDA1O:hover {
4886
4886
  background-color: var(--highlight-color);
4887
4887
  }
4888
- .ToggleGroup_item__NDJmZ[data-selected] {
4888
+ .ToggleGroup_item__ZDA1O[data-selected] {
4889
4889
  color: var(--font-color);
4890
4890
  background-color: var(--highlight-color);
4891
4891
  }
4892
- .ToggleGroup_item__NDJmZ[data-disabled] {
4892
+ .ToggleGroup_item__ZDA1O[data-disabled] {
4893
4893
  color: var(--font-color-disabled);
4894
4894
  }
4895
+ .ToggleGroup_primary__ODIyM {
4896
+ & .ToggleGroup_item__ZDA1O[data-selected] {
4897
+ color: var(--primary-font-color);
4898
+ background-color: var(--primary-color);
4899
+ }
4900
+ }
package/dist/index.d.mts CHANGED
@@ -152,11 +152,13 @@ interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseForm
152
152
  }
153
153
  declare function FormField({ name, description, label, rules, className, children, ...props }: FormFieldProps): react.JSX.Element;
154
154
 
155
- interface FormFieldArrayProps {
155
+ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
156
156
  name: string;
157
+ description?: string;
158
+ label?: string;
157
159
  children: (props: any) => ReactNode;
158
160
  }
159
- declare function FormFieldArray({ name, children }: FormFieldArrayProps): ReactNode;
161
+ declare function FormFieldArray({ name, description, label, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
160
162
 
161
163
  interface ButtonProps extends ButtonProps$1 {
162
164
  variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
@@ -671,9 +673,10 @@ interface ToggleGroupProps extends TagGroupProps {
671
673
  label?: string;
672
674
  value?: string[];
673
675
  defaultValue?: string[];
676
+ variant?: 'primary';
674
677
  onChange?: (value: string[]) => void;
675
678
  }
676
- declare function ToggleGroup({ label, value, defaultValue, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react.JSX.Element;
679
+ declare function ToggleGroup({ label, value, defaultValue, variant, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react.JSX.Element;
677
680
  interface ToggleGroupItemProps extends TagProps {
678
681
  }
679
682
  declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -152,11 +152,13 @@ interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseForm
152
152
  }
153
153
  declare function FormField({ name, description, label, rules, className, children, ...props }: FormFieldProps): react.JSX.Element;
154
154
 
155
- interface FormFieldArrayProps {
155
+ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
156
156
  name: string;
157
+ description?: string;
158
+ label?: string;
157
159
  children: (props: any) => ReactNode;
158
160
  }
159
- declare function FormFieldArray({ name, children }: FormFieldArrayProps): ReactNode;
161
+ declare function FormFieldArray({ name, description, label, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
160
162
 
161
163
  interface ButtonProps extends ButtonProps$1 {
162
164
  variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
@@ -671,9 +673,10 @@ interface ToggleGroupProps extends TagGroupProps {
671
673
  label?: string;
672
674
  value?: string[];
673
675
  defaultValue?: string[];
676
+ variant?: 'primary';
674
677
  onChange?: (value: string[]) => void;
675
678
  }
676
- declare function ToggleGroup({ label, value, defaultValue, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react.JSX.Element;
679
+ declare function ToggleGroup({ label, value, defaultValue, variant, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react.JSX.Element;
677
680
  interface ToggleGroupItemProps extends TagProps {
678
681
  }
679
682
  declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react.JSX.Element;