npm - @gobolt/genesis - Versions diffs - 0.2.20 → 0.3.0 - Mend

@gobolt/genesis 0.2.20 → 0.3.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 (583) hide show

package/dist/components/Notification/NotificationBadge/icons/Appointment.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const Appointment = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const Appointment = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Appointment.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const Appointment: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const Appointment: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default Appointment;

package/dist/components/Notification/NotificationBadge/icons/Appointment.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-const Appointment = (props) => /* @__PURE__ */ jsx(
+const Appointment = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Inventory.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const Inventory = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const Inventory = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Inventory.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const Inventory: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const Inventory: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default Inventory;

package/dist/components/Notification/NotificationBadge/icons/Inventory.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-const Inventory = (props) => /* @__PURE__ */ jsx(
+const Inventory = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Parcel.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const Parcel = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const Parcel = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Parcel.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const Parcel: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const Parcel: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default Parcel;

package/dist/components/Notification/NotificationBadge/icons/Parcel.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-const Parcel = (props) => /* @__PURE__ */ jsx(
+const Parcel = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Product.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const SvgComponent = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const SvgComponent = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Product.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const SvgComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/components/Notification/NotificationBadge/icons/Product.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-const SvgComponent = (props) => /* @__PURE__ */ jsx(
+const SvgComponent = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Route.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const Route = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const Route = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Route.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const Route: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const Route: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default Route;

package/dist/components/Notification/NotificationBadge/icons/Route.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-const Route = (props) => /* @__PURE__ */ jsx(
+const Route = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Shipment.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const Shipment = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const Shipment = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/Shipment.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const Shipment: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const Shipment: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default Shipment;

package/dist/components/Notification/NotificationBadge/icons/Shipment.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-const Shipment = (props) => /* @__PURE__ */ jsx(
+const Shipment = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/ShoppingCart.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const ShoppingCart = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const ShoppingCart = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/ShoppingCart.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const ShoppingCart: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const ShoppingCart: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default ShoppingCart;

package/dist/components/Notification/NotificationBadge/icons/ShoppingCart.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-const ShoppingCart = (props) => /* @__PURE__ */ jsx(
+const ShoppingCart = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/System.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const System = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const System = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {

package/dist/components/Notification/NotificationBadge/icons/System.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const System: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const System: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default System;

package/dist/components/Notification/NotificationBadge/icons/System.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-const System = (props) => /* @__PURE__ */ jsx(
+const System = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsx(
       "path",
       {

package/dist/components/Notification/NotificationRightChevron.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const NotificationRightChevron = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const NotificationRightChevron = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 25,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {

package/dist/components/Notification/NotificationRightChevron.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const NotificationRightChevron: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const NotificationRightChevron: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default NotificationRightChevron;

package/dist/components/Notification/NotificationRightChevron.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-const NotificationRightChevron = (props) => /* @__PURE__ */ jsx(
+const NotificationRightChevron = (properties) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 25,
     fill: "none",
-    ...props,
+    ...properties,
     children: /* @__PURE__ */ jsx(
       "path",
       {

package/dist/components/Notification/styles.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-type NotificationRowProps = {
+type NotificationRowProperties = {
     state: string;
     size: string;
     $isUnread: boolean;
 };
-export declare const NotificationRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NotificationRowProps>> & string;
+export declare const NotificationRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NotificationRowProperties>> & string;
 export declare const NotificationContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     size: string;
 }>> & string;

package/dist/components/Popover/styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledPopoverProps {
+interface StyledPopoverProperties {
     theme?: GenesisTheme;
     align?: "left" | "right" | "top" | "bottom";
     placement?: "top" | "topleft" | "topright";
@@ -8,7 +8,7 @@ interface StyledPopoverProps {
 export declare const getGenesisClass: (theme: any) => string;
 export declare const Popover: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').PopconfirmProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>, "ref"> & {
     ref?: import('react').Ref<import('antd/es/tooltip').TooltipRef>;
-}, StyledPopoverProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').PopconfirmProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>> & {
+}, StyledPopoverProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').PopconfirmProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>> & {
     _InternalPanelDoNotUseOrYouWillBeFired: import('react').FC<import('antd/es/popconfirm/PurePanel').PurePanelProps>;
 }, keyof import('react').Component<any, {}, any>>;
 export {};

package/dist/components/Progress/Progress.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 var jsxRuntime = require("react/jsx-runtime");
 var styles = require("./styles.cjs");
 var Progress_util = require("./Progress.util.cjs");
-var styled = require("../../utils/styled.cjs");
+var styled = require("styled-components");
 var Tile = require("../Tile/Tile.cjs");
 const Progress = ({
   firstBarData,

package/dist/components/Progress/Progress.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Progress as Progress$1 } from "./styles.js";
 import { getTextComponent } from "./Progress.util.js";
-import { useTheme } from "../../utils/styled.js";
+import { useTheme } from "styled-components";
 import Tile from "../Tile/Tile.js";
 const Progress = ({
   firstBarData,

package/dist/components/Progress/styles.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ProgressProps } from 'antd';
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
 import { Percent } from './Progress';
-interface StyledProgressProps extends ProgressProps {
+interface StyledProgressProperties extends ProgressProps {
     theme?: GenesisTheme;
     percent?: number;
     success?: Percent | null;
@@ -12,5 +12,5 @@ export declare const getGenesisClass: ({ colors }: {
 }, state?: string) => string;
 export declare const Progress: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<ProgressProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: import('react').Ref<HTMLDivElement>;
-}, StyledProgressProps>> & string & Omit<import('react').ForwardRefExoticComponent<ProgressProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+}, StyledProgressProperties>> & string & Omit<import('react').ForwardRefExoticComponent<ProgressProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
 export {};

package/dist/components/Radio/Radio.cjs CHANGED Viewed

@@ -26,7 +26,7 @@ const Radio = ({ id, label, selectedId, onChange, isDisabled }) => {
   const [isChecked, setIsChecked] = React.useState(false);
   const [isHovered, setIsHovered] = React.useState(false);
   const [isFocused, setIsFocused] = React.useState(false);
-  const radioRef = React.useRef(null);
+  const radioReference = React.useRef(null);
   React.useEffect(() => {
     setIsChecked(selectedId === id);
   }, [selectedId, id]);
@@ -71,10 +71,10 @@ const Radio = ({ id, label, selectedId, onChange, isDisabled }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     RadioWrapper,
     {
-      ref: radioRef,
+      ref: radioReference,
       $isDisabled: isDisabled,
       onFocus: (e) => {
-        if (isDisabled || e.target !== radioRef.current) return;
+        if (isDisabled || e.target !== radioReference.current) return;
         setIsFocused(true);
       },
       onBlur: () => {

package/dist/components/Radio/Radio.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface RadioProps {
+export interface RadioProps {
     id: string;
     label?: string;
     selectedId: string;

package/dist/components/Radio/Radio.js CHANGED Viewed

@@ -24,7 +24,7 @@ const Radio = ({ id, label, selectedId, onChange, isDisabled }) => {
   const [isChecked, setIsChecked] = useState(false);
   const [isHovered, setIsHovered] = useState(false);
   const [isFocused, setIsFocused] = useState(false);
-  const radioRef = useRef(null);
+  const radioReference = useRef(null);
   useEffect(() => {
     setIsChecked(selectedId === id);
   }, [selectedId, id]);
@@ -69,10 +69,10 @@ const Radio = ({ id, label, selectedId, onChange, isDisabled }) => {
   return /* @__PURE__ */ jsxs(
     RadioWrapper,
     {
-      ref: radioRef,
+      ref: radioReference,
       $isDisabled: isDisabled,
       onFocus: (e) => {
-        if (isDisabled || e.target !== radioRef.current) return;
+        if (isDisabled || e.target !== radioReference.current) return;
         setIsFocused(true);
       },
       onBlur: () => {

package/dist/components/Radio/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 export { default } from './RadioGroup';
 export type { RadioGroupProps } from './RadioGroup';
 export type { RadioData } from './RadioGroup';
+export type { RadioProps } from './Radio';

package/dist/components/Radio/states/RadioChecked.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const RadioChecked = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+const RadioChecked = (properties) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none",
-    ...props,
+    ...properties,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 20, height: 20, fill: "#384DF6", rx: 10 }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 10, cy: 10, r: 4, fill: "#fff" })

package/dist/components/Radio/states/RadioChecked.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const RadioChecked: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const RadioChecked: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default RadioChecked;

package/dist/components/Radio/states/RadioChecked.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const RadioChecked = (props) => /* @__PURE__ */ jsxs(
+const RadioChecked = (properties) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none",
-    ...props,
+    ...properties,
     children: [
       /* @__PURE__ */ jsx("rect", { width: 20, height: 20, fill: "#384DF6", rx: 10 }),
       /* @__PURE__ */ jsx("circle", { cx: 10, cy: 10, r: 4, fill: "#fff" })

package/dist/components/Radio/states/RadioCheckedDisabled.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const RadioCheckedDisabled = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+const RadioCheckedDisabled = (properties) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none",
-    ...props,
+    ...properties,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 10, cy: 10, r: 9.5, fill: "#F4F4F4", stroke: "#9A9A9A" }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 10, cy: 10, r: 4, fill: "#6C6C6C" })

package/dist/components/Radio/states/RadioCheckedDisabled.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const RadioCheckedDisabled: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const RadioCheckedDisabled: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default RadioCheckedDisabled;

package/dist/components/Radio/states/RadioCheckedDisabled.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const RadioCheckedDisabled = (props) => /* @__PURE__ */ jsxs(
+const RadioCheckedDisabled = (properties) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none",
-    ...props,
+    ...properties,
     children: [
       /* @__PURE__ */ jsx("circle", { cx: 10, cy: 10, r: 9.5, fill: "#F4F4F4", stroke: "#9A9A9A" }),
       /* @__PURE__ */ jsx("circle", { cx: 10, cy: 10, r: 4, fill: "#6C6C6C" })

package/dist/components/Radio/states/RadioCheckedFocussed.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const RadioCheckedFocussed = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+const RadioCheckedFocussed = (properties) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 26,
     height: 26,
     fill: "none",
-    ...props,
+    ...properties,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 20, height: 20, x: 3, y: 3, fill: "#384DF6", rx: 10 }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 13, cy: 13, r: 4, fill: "#fff" }),

package/dist/components/Radio/states/RadioCheckedFocussed.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const RadioCheckedFocussed: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const RadioCheckedFocussed: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default RadioCheckedFocussed;

package/dist/components/Radio/states/RadioCheckedFocussed.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const RadioCheckedFocussed = (props) => /* @__PURE__ */ jsxs(
+const RadioCheckedFocussed = (properties) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 26,
     height: 26,
     fill: "none",
-    ...props,
+    ...properties,
     children: [
       /* @__PURE__ */ jsx("rect", { width: 20, height: 20, x: 3, y: 3, fill: "#384DF6", rx: 10 }),
       /* @__PURE__ */ jsx("circle", { cx: 13, cy: 13, r: 4, fill: "#fff" }),

package/dist/components/Radio/states/RadioCheckedHover.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
-const RadioCheckedHover = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+const RadioCheckedHover = (properties) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none",
-    ...props,
+    ...properties,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 20, height: 20, fill: "#384DF6", rx: 10 }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 10, cy: 10, r: 4, fill: "#fff" })

package/dist/components/Radio/states/RadioCheckedHover.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const RadioCheckedHover: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const RadioCheckedHover: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default RadioCheckedHover;

package/dist/components/Radio/states/RadioCheckedHover.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const RadioCheckedHover = (props) => /* @__PURE__ */ jsxs(
+const RadioCheckedHover = (properties) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none",
-    ...props,
+    ...properties,
     children: [
       /* @__PURE__ */ jsx("rect", { width: 20, height: 20, fill: "#384DF6", rx: 10 }),
       /* @__PURE__ */ jsx("circle", { cx: 10, cy: 10, r: 4, fill: "#fff" })