@a-type/ui 5.0.20 → 5.0.22

package/src/components/forms/ToggleGroupField.tsx

@@ -3,14 +3,15 @@ import { ToggleGroup, ToggleGroupProps } from '../toggleGroup/toggleGroup.js';
 import { FieldLabel } from './FieldLabel.js';
 import { FieldRoot } from './TextField.js';
 
-export type ToggleGroupFieldProps = ToggleGroupProps & {
-	name: string;
-	label?: string;
-	required?: boolean;
-	className?: string;
-	id?: string;
-	type?: 'single' | 'multiple';
-};
+export type ToggleGroupFieldProps<Value extends string> =
+	ToggleGroupProps<Value> & {
+		name: string;
+		label?: string;
+		required?: boolean;
+		className?: string;
+		id?: string;
+		type?: 'single' | 'multiple';
+	};
 
 function ToggleGroupFieldDefault({
 	name,
@@ -18,9 +19,10 @@ function ToggleGroupFieldDefault({
 	required,
 	className,
 	type = 'single',
+	multiple,
 	id,
 	...props
-}: ToggleGroupFieldProps) {
+}: ToggleGroupFieldProps<string>) {
 	const [fieldProps, _, tools] = useField({ name, required, ...props });
 
 	return (
@@ -29,12 +31,13 @@ function ToggleGroupFieldDefault({
 			<ToggleGroup
 				{...fieldProps}
 				onValueChange={(v) => {
-					if (type === 'multiple') {
+					if (multiple || type === 'multiple') {
 						tools.setValue(v);
 					} else {
 						tools.setValue(v[0]);
 					}
 				}}
+				multiple={multiple || type === 'multiple'}
 				{...props}
 				id={id}
 				className={className}

package/src/components/toasts/toasts.stories.tsx

@@ -122,6 +122,19 @@ export const Default: Story = {
 				>
 					Show Rich Toast
 				</Button>
+				<Button
+					onClick={() => {
+						toast({
+							id: 'unique-toast-id',
+							title: 'Unique Toast',
+							description:
+								"This toast has a unique ID. If you click the button multiple times, it won't create multiple toasts, but will update the existing one.",
+							timeout: 20_000,
+						});
+					}}
+				>
+					Show Unique Toast
+				</Button>
 			</Box>
 		);
 	},

package/src/components/toasts/toasts.tsx

@@ -210,6 +210,7 @@ function baseToast(
 	maybeOptions?: ToastOptions,
 ) {
 	const finalOptions = toOptions(messageOrOptions, maybeOptions);
+	console.log('finalOptions', finalOptions);
 	return manager.add(finalOptions);
 }
 

package/src/components/toggleGroup/toggleGroup.stories.tsx

@@ -4,7 +4,11 @@ import { ToggleGroup } from './toggleGroup.js';
 const meta = {
 	title: 'Components/ToggleGroup',
 	component: ToggleGroup,
-	argTypes: {},
+	argTypes: {
+		multiple: {
+			type: 'boolean',
+		},
+	},
 	parameters: {
 		controls: { expanded: true },
 	},

package/src/uno/preflights/colors.ts

@@ -167,6 +167,6 @@ function propertyDefinitions(propGroup: {
 }) {
 	return `@property ${propGroup.FINAL} { syntax: "*"; inherits: false; }
 @property ${propGroup.INHERITED} { syntax: "*"; inherits: true; }
-@property ${propGroup.OPACITY} { syntax: "<percentage>"; inherits: false; }
+@property ${propGroup.OPACITY} { syntax: "<percentage>"; initial-value: 100%; inherits: false; }
 `;
 }

package/src/uno/preflights/properties.ts

@@ -8,10 +8,12 @@ export const propertiesPreflight = preflight({
 		return `
 @property ${PROPS.LOCALS.CORNER_SCALE} {
 	syntax: "*";
+	initial-value: 1;
 	inherits: false;
 }
 @property ${PROPS.UTILS.SHADOW_Y_MULT} {
 	syntax: "*";
+	initial-value: 1;
 	inherits: false;
 }
 `;