@mxenabled/mx-icons 1.0.0 → 1.2.0

package/README.md

@@ -11,8 +11,8 @@ running a script that will build new React components for the added icons.
 
 ```json
 {
-  "weight": 300,
-  "size": 48,
+  "weight": 400,
+  "size": 24,
   "material_icon_type": "materialsymbolsrounded",
   "material_icons": [
     "account_balance",
@@ -24,7 +24,7 @@ running a script that will build new React components for the added icons.
 }
 ```
 - `weight` - The line thickness to use for the material symbols `[100-700]`
-- `size` - The SVG size `[20, 24, 40, 48]`
+- `size` - The optical DPS size `[20, 24, 40, 48]`
 - `material_icon_type` - The type of icons `[materialsymbolsoutlined, materialsymbolsrounded, materialsymbolssharp]`
 - `material_icons` - A list of material icon names to include in the library
 
@@ -62,7 +62,7 @@ directly using the named icon component `<AccountBalance />`
 - name (required) - material symbol name in pascal_case
 - size (optional) - The font size of the icon (Defaults to `20`)
 - sx (optional) - MUI SX Prop
-- weight (optional) - DEPRECATED - Weight is hardcoded in config (Defaults to `300`)
+- weight (optional) - DEPRECATED - Weight is hardcoded in config (Defaults to `400`)
 
 ##### Named icon component
   ```tsx

package/dist/index.d.ts

@@ -8,10 +8,14 @@ export declare const Add: ({ color, filled, size, sx }: MxIconProps) => JSX.Elem
 
 export declare const AddBox: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
+export declare const AirplaneTicket: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
 export declare const ArrowBack: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
 export declare const Article: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
+export declare const AttachMoney: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
 export declare const BarChart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
 export declare const BidLandscape: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
@@ -48,10 +52,14 @@ export declare const DarkMode: ({ color, filled, size, sx }: MxIconProps) => JSX
 
 export declare const Delete: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
+export declare const DesktopWindows: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
 export declare const Diamond: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
 export declare const DirectionsCar: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
+export declare const EcgHeart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
 export declare const Edit: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
 export declare const Equal: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
@@ -85,8 +93,10 @@ export declare const IconList: {
     account_balance: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     add: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     add_box: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    airplane_ticket: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     arrow_back: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     article: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    attach_money: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     bar_chart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     bid_landscape: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     bubble_chart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
@@ -105,8 +115,10 @@ export declare const IconList: {
     currency_exchange: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     dark_mode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     delete: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    desktop_windows: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     diamond: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     directions_car: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    ecg_heart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     edit: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     equal: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     error: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
@@ -128,12 +140,17 @@ export declare const IconList: {
     menu: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     monetization_on: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     monitor_heart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    mountain_flag: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    note_stack: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     notifications: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     open_in_new: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     paid: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    payments: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    person: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     photo_camera: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     remove: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     savings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+    school: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     search: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     sell: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
     settings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
@@ -170,6 +187,8 @@ export declare const MonetizationOn: ({ color, filled, size, sx }: MxIconProps)
 
 export declare const MonitorHeart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
+export declare const MountainFlag: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
 /**
  * @filled - Use filled variant if true
  * @size - The size of the icon
@@ -179,18 +198,26 @@ declare interface MxIconProps extends IconProps_3 {
     size?: number;
 }
 
+export declare const NoteStack: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
 export declare const Notifications: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
 export declare const OpenInNew: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
 export declare const Paid: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
+export declare const Payments: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
+export declare const Person: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
 export declare const PhotoCamera: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
 export declare const Remove: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
 export declare const Savings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
+export declare const School: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+
 export declare const Search: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
 
 export declare const Sell: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;