@mrshmllw/smores-react 5.0.0 → 6.0.0

package/dist/Icon/svgAssets/Wellbeing.svg.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+const SvgWellbeing = (props) => /* @__PURE__ */ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M17.5 2c-2.659 0-4.334 1.205-5.5 2.296C10.834 3.205 9.159 2 6.5 2 2.034 2 0 5.784 0 9.3c0 6.377 7.61 11.051 11.635 12.631a.998.998 0 00.73 0C16.39 20.351 24 15.677 24 9.3 24 5.784 21.966 2 17.5 2zM12 19.921C7.847 18.188 2 14.072 2 9.3 2 6.662 3.392 4 6.5 4c2.236 0 3.491 1.088 4.788 2.402.375.381 1.049.381 1.424 0C14.009 5.088 15.264 4 17.5 4 20.608 4 22 6.662 22 9.3c0 4.772-5.847 8.888-10 10.621zm4.241-12.572l-5.391 6.289L7.6 11.2a1 1 0 10-1.199 1.6l4 3a.995.995 0 001.359-.15l6-7a.999.999 0 10-1.519-1.301z", fill: "currentColor" }));
+
+export { SvgWellbeing as default };

package/dist/Icon/svgAssets/WheelFlat.svg.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+const SvgWheelFlat = (props) => /* @__PURE__ */ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 12a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z", fill: "#112035" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.95 13.309a1 1 0 011.261-.642l4.755 1.545a1 1 0 11-.618 1.902l-4.755-1.545a1 1 0 01-.642-1.26zM16.702 6.528a1 1 0 01.221 1.397l-2.938 4.045a1 1 0 01-1.618-1.176l2.938-4.045a1 1 0 011.397-.221zM7.298 6.528a1 1 0 011.397.221l2.938 4.045a1 1 0 01-1.618 1.176L7.077 7.925a1 1 0 01.221-1.397zM11.05 13.309a1 1 0 01-.643 1.26l-4.755 1.545a1 1 0 01-.618-1.902l4.755-1.545a1 1 0 011.26.642z", fill: "#112035" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.707 11.146a6 6 0 00-11.413 3.708 5.973 5.973 0 001.42 2.347 1 1 0 01-1.428 1.4 7.974 7.974 0 01-1.894-3.129m13.315-4.326a6.002 6.002 0 01-1.421 6.056 1 1 0 101.43 1.398 8 8 0 10-13.324-3.128", fill: "#112035" }), /* @__PURE__ */ React.createElement("path", { d: "M1 22h22", stroke: "#112035", strokeWidth: 2, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 13C0 6.373 5.373 1 12 1s12 5.373 12 12c0 4.065-2.027 7.65-5.113 9.818a1 1 0 01-.575.182H5.687a1 1 0 01-.575-.182C2.027 20.65 0 17.065 0 13zM12 3C6.477 3 2 7.477 2 13a9.977 9.977 0 004.012 8h11.976A9.975 9.975 0 0022 13c0-5.523-4.477-10-10-10z", fill: "#112035" }));
+
+export { SvgWheelFlat as default };

package/dist/Icon/svgAssets/Windscreen.svg.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+const SvgWindscreen = (props) => /* @__PURE__ */ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 18.75c0 .042.003.084.008.125A1 1 0 001 20h22a1 1 0 00.992-1.125A1.01 1.01 0 0024 18.75V10.5A6.5 6.5 0 0017.5 4h-11A6.5 6.5 0 000 10.5v8.25zm22-8.25V18H10.04l4.768-4.768a1 1 0 00-1.415-1.415L7.211 18H2v-7.5A4.5 4.5 0 016.5 6h11a4.5 4.5 0 014.5 4.5zM10 7a1 1 0 000 2h4a1 1 0 100-2h-4z", fill: "currentColor" }));
+
+export { SvgWindscreen as default };

package/dist/Icon/svgAssets/WindscreenRepair.svg.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+const SvgWindscreenRepair = (props) => /* @__PURE__ */ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.26 3.764a.72.72 0 00-1.16-.2l-2.429 2.428-1.005-.336-.335-1.003 2.421-2.42a.724.724 0 00-.202-1.161c-1.884-.89-4.161-.688-5.807.513a5.71 5.71 0 00-2.27 5.704l-4.932 4.927c-1.27 1.269-1.366 3.26-.218 4.533a3.23 3.23 0 001.025.764v4.4c0 .72.584 1.304 1.304 1.304h18.782c.72 0 1.305-.584 1.305-1.304v-7.305a6 6 0 00-6-6H17.3a5.731 5.731 0 00-.04-4.844zm-1.019 6.41a5.743 5.743 0 01-5.209 1.67L6 16.874a3.241 3.241 0 01-2.086.937v3.84h5.671a.907.907 0 01.073-.081l5.652-5.652a.908.908 0 011.284 1.284l-4.45 4.45h10.03v-7.044a4.435 4.435 0 00-4.434-4.434H16.24zm-1.575-.926a3.974 3.974 0 01-3.82 1.019 1.601 1.601 0 01-.188-.07c-.169-.07-.331-.138-.454-.015l-4.908 4.9c-.321.322-.994.859-1.449.841-.456-.011-.856-.146-1.182-.545-.538-.784-.092-1.623.568-2.28l4.815-4.81c.168-.168.296-.663.234-.893-.424-1.591-.066-3.173 1.274-4.15a3.885 3.885 0 012.29-.728c.117 0 .14-.01.155-.016.017-.008.022-.01.162.017l-.797.727-.512.553a1 1 0 00-.25.894c.029.131.06.258.087.34l.545 1.633a.667.667 0 00.421.42l1.635.544c.238.079 1.02.022 1.199-.155l1.663-1.63c.25 1.27-.544 2.463-1.488 3.404z", fill: "currentColor" }));
+
+export { SvgWindscreenRepair as default };

package/dist/Icon/svgAssets/WindscreenReplacement.svg.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+const SvgWindscreenReplacement = (props) => /* @__PURE__ */ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.643 7.35l-.059-4.005L8.73 4.437 5.562 1.985l-1.55 3.694-3.892.949 1.923 3.514-1.686 3.635 1.973.344.017.003v7.789c0 .72.584 1.304 1.305 1.304h18.782c.72 0 1.304-.584 1.304-1.304v-7.304a6 6 0 00-6-6H14.4L12.642 7.35zm2.659 2.824l-2.498 2.052.207 4-3.918-.834-2.999 2.657-1.79-3.584-.392-.068v7.255h5.672a.907.907 0 01.073-.082l5.652-5.652a.908.908 0 011.284 1.284l-4.45 4.45h10.03V14.61a4.435 4.435 0 00-4.434-4.435h-2.437zm-1.972-.406L11.09 8.163l-.04-2.757-2.652.752-2.18-1.687L5.15 7.013l-2.678.653 1.323 2.418-1.16 2.501 2.716.474 1.232 2.466 2.064-1.828 2.696.574-.143-2.753 2.13-1.75zm-3.324-1.715a.656.656 0 01.042.938L7.39 11.837a.681.681 0 01-.977.02l-1.208-1.185a.656.656 0 010-.94.685.685 0 01.957 0l.708.696 2.18-2.334a.685.685 0 01.955-.041z", fill: "currentColor" }));
+
+export { SvgWindscreenReplacement as default };

package/dist/IconStrict/IconStrict.d.ts

@@ -1,4 +1,5 @@
 import { FC, FormEvent } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { Color } from '../theme';
 import { MarginProps } from '../utils/space';
 export type IconStrictProps = {
@@ -7,7 +8,7 @@ export type IconStrictProps = {
     /** set size of the Icon (including background) */
     size?: 16 | 24 | 36 | 48;
     /** specify what Icon to render  */
-    render: string;
+    render: Icons;
     /** set icon colour */
     iconColor?: Color;
     /** set background colour */

package/dist/IconWrapper/IconWrapper.d.ts

@@ -1,11 +1,12 @@
 import { FC, ReactNode } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { MarginProps } from '../utils/space';
 export type IconWrapperProps = {
     /** className attribute to apply classes from props */
     className?: string;
     children: ReactNode;
     /** specify what Icon to render  */
-    render: string;
+    render: Icons;
     /** set size of the Icon  */
     size?: number;
     /** TOP-RIGHT-BOTTOM-LEFT position of the Icon */

package/dist/Link/Link.d.ts

@@ -1,4 +1,5 @@
 import { FC, MouseEventHandler, ReactNode } from 'react';
+import { Icons } from 'Icon/iconsList';
 type LinkTypo = 'regular' | 'small';
 export type LinkProps = {
     className?: string;
@@ -9,7 +10,7 @@ export type LinkProps = {
     download?: boolean;
     typo?: LinkTypo;
     highlight?: boolean;
-    iconToRender?: string;
+    iconToRender?: Icons;
     isTrailingIcon?: boolean;
 };
 export declare const Link: FC<LinkProps>;

package/dist/RadioGroup/RadioGroup.d.ts

@@ -1,10 +1,11 @@
 import React, { FocusEvent, ReactElement } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { CommonFieldProps } from '../fields/commonFieldTypes';
 import { BaseValueType, DisplayType, IconPosition } from './types';
 export type RadioGroupProps<Value extends BaseValueType = BaseValueType> = {
     options: Array<{
         visual?: string;
-        icon?: string;
+        icon?: Icons;
         iconPosition?: IconPosition;
         label: string;
         value: Value;
@@ -22,7 +23,7 @@ export type RadioGroupElement = {
 export declare const RadioGroup: <Value extends BaseValueType = BaseValueType>(p: {
     options: {
         visual?: string | undefined;
-        icon?: string | undefined;
+        icon?: "link" | "filter" | "key" | "id" | "property" | "security" | "aa-inverted" | "accidental-damage" | "account-breakdown" | "account-mlp" | "activity-clipboard" | "add-ons" | "address-mta" | "album-audio" | "alert-engine" | "apple-pay" | "approved-file" | "breakdown-alt" | "cancel-bw" | "car-mta" | "car-repairs" | "car-replacement" | "car-usage" | "chat-bubble" | "checkout-with-text" | "circle-tick" | "claim-line" | "clipboard-check" | "close-panel" | "confused-blue" | "contact-email" | "dashboard-high" | "direct-debit" | "doc-download" | "doc-upload" | "edit-contact" | "edit-outline" | "email-filled" | "falling-items" | "file-badge-2" | "file-cabinet" | "fraud-alert" | "freezer-food" | "google-play-badge" | "help-aboutus" | "help-buypolicy" | "help-center" | "help-idcheck" | "help-manage-policy" | "help-ncd" | "help-verification" | "home-excluded" | "house-tree" | "ios-store-badge" | "live-chat" | "live-chat2" | "log-out" | "manage-drivers" | "manage-policy" | "maximise-window" | "minus-circle" | "money-bag" | "money-heart" | "more-dots" | "new-window" | "no-excess" | "open-panel" | "out-of-home" | "padlock-outline" | "phone-filled" | "phone-outline" | "pin-code" | "plus-circle" | "policy-details" | "policy-doc" | "policy-docs" | "pound-bold" | "pound-filled-circle" | "pound-medium" | "pound-outline" | "pound-regular" | "question-help" | "refer-a-friend" | "reg-plate" | "renewal-line" | "repeat-charge" | "schedule-quote" | "send-message" | "shield-check" | "thumbs-up" | "tow-truck" | "trace-and-access" | "up-down" | "upload-documents" | "upload-email" | "wheel-flat" | "windscreen-repair" | "windscreen-replacement" | "aa" | "addons" | "alert" | "amex" | "arrow" | "at" | "axa" | "bank" | "basket" | "bicycle" | "boost" | "breakdown" | "briefcase" | "burger" | "calendar" | "camera" | "cancel" | "car" | "card" | "caret" | "charge" | "chat" | "checkout" | "city" | "claim" | "clipboard" | "clock" | "collpase" | "confused" | "copy" | "crop" | "cross" | "download" | "earth" | "edit" | "engine" | "europe" | "excluded" | "expand" | "facebook" | "fence" | "file" | "fire" | "flag" | "folder" | "fuel" | "globe" | "gpay" | "house" | "inbox" | "included" | "info" | "injury" | "instagram" | "intercom" | "intercom2" | "iphone" | "jewellery" | "laptop" | "leaks" | "lightbulb" | "linkedin" | "location" | "marshmallow" | "mastercard" | "maximise" | "medical" | "minimise" | "minus" | "mulsanne" | "notes" | "notification" | "onfido" | "other" | "padlock" | "people" | "person" | "photo" | "plus" | "policy" | "premfina" | "profile" | "prohibited" | "rac" | "ravelin" | "refund" | "renewal" | "return" | "search" | "settings" | "shield" | "shopping" | "sofa" | "stack" | "storm" | "stripe" | "subsidence" | "theft" | "tick" | "training" | "trash" | "twitter" | "upload" | "vandalism" | "village" | "visa" | "warning" | "watch" | "wave" | "wellbeing" | "windscreen" | undefined;
         iconPosition?: IconPosition | undefined;
         label: string;
         value: Value;

package/dist/RadioGroup/RadioItem.d.ts

@@ -1,9 +1,10 @@
 import React, { FocusEvent } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { BaseValueType, DisplayType, IconPosition } from './types';
 type RadioItemProps = {
     name: string;
     visual?: string;
-    icon?: string;
+    icon?: Icons;
     iconPosition?: IconPosition;
     value: BaseValueType;
     label: string;

package/dist/Row/Row.d.ts

@@ -1,10 +1,11 @@
 import { FC } from 'react';
+import { Icons } from 'Icon/iconsList';
 import { Color } from '../theme';
 import { MarginProps } from '../utils/space';
 export type RowProps = {
-    iconLeft?: string;
+    iconLeft?: Icons;
     iconLeftColor?: Color;
-    iconRight?: string;
+    iconRight?: Icons;
     iconRightColor?: Color;
     handleClick?: () => void;
     heading: string;

package/dist/Snackbar/types.d.ts

@@ -1,8 +1,9 @@
+import { Icons } from 'Icon/iconsList';
 export interface Snackbar {
     id: string;
     message: string;
     autoCloseTime?: 4 | 5 | 6 | 7 | 8 | 9 | 10;
-    leadingIcon?: string;
+    leadingIcon?: Icons;
     canManuallyClose?: boolean;
     showCloseIcon?: boolean;
 }

package/dist/Table/components/RowActions.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 import styled from 'styled-components';
 import { Box } from '../../Box/Box.js';
 import { Button } from '../../Button/Button.js';
@@ -28,7 +28,7 @@ const RowActions = ({
         rowActions && rowActions.actions?.map((action, actionIndex) => {
           if (!action.showCondition || action.showCondition(rowData)) {
             return /* @__PURE__ */ jsxs(Wrapper, { flex: true, children: [
-              isReactElement(action.element) && React.cloneElement(action.element, {
+              isReactElement(action.element) && React__default.cloneElement(action.element, {
                 onClick: (e) => {
                   handleAction(e, action.onClick);
                 },

package/dist/Table/components/TableRow.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { isReactElement } from '../../utils/isReactElement.js';
 import { isMappedReactElement } from '../helpers.js';
 import { RowActions } from './RowActions.js';
@@ -78,32 +78,32 @@ const TableRow = ({
       }
     ),
     expandedRows.includes(rowIndex) && /* @__PURE__ */ jsxs(Fragment, { children: [
-      subRows && subRowsData && showSubRowsOnExpand && isReactElement(subRowsData) && React.cloneElement(subRowsData, {
+      subRows && subRowsData && showSubRowsOnExpand && isReactElement(subRowsData) && React__default.cloneElement(subRowsData, {
         rowPadding,
         columnPadding
       }),
       subRows && subRowsData && showSubRowsOnExpand && isMappedReactElement(subRowsData) && subRowsData.map(
-        (row) => React.cloneElement(row, {
+        (row) => React__default.cloneElement(row, {
           rowPadding,
           showActions: showActionsCell
         })
       ),
-      subTable && showSubTableOnExpand && subTableData && /* @__PURE__ */ jsx(StyledCell, { colSpan: expandSubProp, children: React.cloneElement(subTableData, {
+      subTable && showSubTableOnExpand && subTableData && /* @__PURE__ */ jsx(StyledCell, { colSpan: expandSubProp, children: React__default.cloneElement(subTableData, {
         rowPadding,
         columnPadding
       }) })
     ] }),
-    subRows && subRowsData && !showSubRowsOnExpand && isReactElement(subRowsData) && React.cloneElement(subRowsData, {
+    subRows && subRowsData && !showSubRowsOnExpand && isReactElement(subRowsData) && React__default.cloneElement(subRowsData, {
       rowPadding,
       columnPadding
     }),
     subRows && subRowsData && !showSubRowsOnExpand && isMappedReactElement(subRowsData) && subRowsData.map(
-      (row) => React.cloneElement(row, {
+      (row) => React__default.cloneElement(row, {
         rowPadding,
         columnPadding
       })
     ),
-    subTable && subTableData && !showSubTableOnExpand && /* @__PURE__ */ jsx(StyledCell, { colSpan: expandSubProp, children: React.cloneElement(subTableData, {
+    subTable && subTableData && !showSubTableOnExpand && /* @__PURE__ */ jsx(StyledCell, { colSpan: expandSubProp, children: React__default.cloneElement(subTableData, {
       rowPadding,
       columnPadding
     }) })

package/dist/fields/commonFieldTypes.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
+import { Icons } from '../Icon/iconsList';
 import { MarginProps } from '../utils/space';
 export interface CommonFieldProps extends MarginProps {
     id?: string;
@@ -11,8 +12,8 @@ export interface CommonFieldProps extends MarginProps {
     error?: boolean;
     errorMsg?: string | ReactElement;
     completed?: boolean;
-    frontIcon?: string;
-    trailingIcon?: string;
+    frontIcon?: Icons;
+    trailingIcon?: Icons;
     fallbackStyle?: boolean;
     disabled?: boolean;
 }

package/dist/fields/components/CommonInput.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
+import { Icons } from '../../Icon/iconsList';
 interface IInput {
     error?: boolean;
     disabled?: boolean;
     selected?: boolean;
     step?: number;
     value?: string;
-    frontIcon?: string;
-    trailingIcon?: string;
+    frontIcon?: Icons;
+    trailingIcon?: Icons;
     fallbackStyle?: boolean;
 }
 interface SIcon {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -84,7 +84,9 @@
   "dependencies": {
     "body-scroll-lock": "^4.0.0-beta.0",
     "date-fns": "^2.16.1",
-    "polished": "^4.1.3"
+    "polished": "^4.1.3",
+    "vite": "^4.5.1",
+    "vite-plugin-svgr": "^4.2.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17 || ^18",