@arclux/arc-ui-solid 1.1.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arclux/arc-ui-solid",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Solid wrappers for ARC UI Web Components.",
   "type": "module",
   "main": "src/index.ts",
@@ -44,7 +44,7 @@
     "solid-js": ">=1.8.0"
   },
   "dependencies": {
-    "@arclux/arc-ui": "1.1.0"
+    "@arclux/arc-ui": "1.2.0"
   },
   "license": "MIT",
   "keywords": [

package/src/content/Tag.tsx

@@ -7,14 +7,15 @@ export interface TagProps {
   variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
   removable?: boolean;
   disabled?: boolean;
+  color?: string;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const Tag: Component<TagProps> = (props) => {
-  const [local, rest] = splitProps(props, ['variant', 'removable', 'disabled', 'children']);
+  const [local, rest] = splitProps(props, ['variant', 'removable', 'disabled', 'color', 'children']);
   return (
-    <arc-tag variant={local.variant} removable={local.removable} disabled={local.disabled} {...rest}>
+    <arc-tag variant={local.variant} removable={local.removable} disabled={local.disabled} color={local.color} {...rest}>
       {local.children}
     </arc-tag>
   );

package/src/input/Button.tsx

@@ -9,14 +9,16 @@ export interface ButtonProps {
   href?: string;
   disabled?: boolean;
   type?: string;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const Button: Component<ButtonProps> = (props) => {
-  const [local, rest] = splitProps(props, ['variant', 'size', 'href', 'disabled', 'type', 'children']);
+  const [local, rest] = splitProps(props, ['variant', 'size', 'href', 'disabled', 'type', '_hasPrefix', '_hasSuffix', 'children']);
   return (
-    <arc-button variant={local.variant} size={local.size} href={local.href} disabled={local.disabled} type={local.type} {...rest}>
+    <arc-button variant={local.variant} size={local.size} href={local.href} disabled={local.disabled} type={local.type} _hasPrefix={local._hasPrefix} _hasSuffix={local._hasSuffix} {...rest}>
       {local.children}
     </arc-button>
   );

package/src/input/Input.tsx

@@ -13,14 +13,16 @@ export interface InputProps {
   required?: boolean;
   multiline?: boolean;
   rows?: number;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const Input: Component<InputProps> = (props) => {
-  const [local, rest] = splitProps(props, ['type', 'name', 'label', 'placeholder', 'value', 'disabled', 'required', 'multiline', 'rows', 'children']);
+  const [local, rest] = splitProps(props, ['type', 'name', 'label', 'placeholder', 'value', 'disabled', 'required', 'multiline', 'rows', '_hasPrefix', '_hasSuffix', 'children']);
   return (
-    <arc-input type={local.type} name={local.name} label={local.label} placeholder={local.placeholder} value={local.value} disabled={local.disabled} required={local.required} multiline={local.multiline} rows={local.rows} {...rest}>
+    <arc-input type={local.type} name={local.name} label={local.label} placeholder={local.placeholder} value={local.value} disabled={local.disabled} required={local.required} multiline={local.multiline} rows={local.rows} _hasPrefix={local._hasPrefix} _hasSuffix={local._hasSuffix} {...rest}>
       {local.children}
     </arc-input>
   );