@oneblink/apps-react 5.12.0-beta.15 → 5.12.0-beta.16
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.
@@ -1,3 +1,3 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { Icon } from '@mui/material';
|
3
|
-
export default function MaterialIcon(props: React.ComponentProps<typeof Icon>): React.JSX.Element;
|
3
|
+
export default function MaterialIcon({ className, ...props }: React.ComponentProps<typeof Icon>): React.JSX.Element;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { Icon } from '@mui/material';
|
3
|
-
|
4
|
-
|
3
|
+
import clsx from 'clsx';
|
4
|
+
export default function MaterialIcon({ className, ...props }) {
|
5
|
+
return React.createElement(Icon, { className: clsx('ob-icon', className), "aria-hidden": true, ...props });
|
5
6
|
}
|
6
7
|
//# sourceMappingURL=MaterialIcon.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MaterialIcon.js","sourceRoot":"","sources":["../../src/components/MaterialIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;
|
1
|
+
{"version":3,"file":"MaterialIcon.js","sourceRoot":"","sources":["../../src/components/MaterialIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EAC0B;IAClC,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,0BAAkB,KAAK,GAAI,CAAA;AAC/E,CAAC","sourcesContent":["import * as React from 'react'\nimport { Icon } from '@mui/material'\nimport clsx from 'clsx'\n\nexport default function MaterialIcon({\n className,\n ...props\n}: React.ComponentProps<typeof Icon>) {\n return <Icon className={clsx('ob-icon', className)} aria-hidden {...props} />\n}\n"]}
|
package/dist/styles/icons.scss
CHANGED
@@ -1,15 +1,17 @@
|
|
1
|
-
.icon
|
2
|
-
|
3
|
-
|
1
|
+
.ob-icon {
|
2
|
+
&.icon-small {
|
3
|
+
font-size: 18px;
|
4
|
+
}
|
4
5
|
|
5
|
-
|
6
|
-
|
7
|
-
}
|
6
|
+
&.icon-medium {
|
7
|
+
font-size: 36px;
|
8
|
+
}
|
8
9
|
|
9
|
-
|
10
|
-
|
11
|
-
}
|
10
|
+
&.icon-large {
|
11
|
+
font-size: 50px;
|
12
|
+
}
|
12
13
|
|
13
|
-
|
14
|
-
|
14
|
+
&.icon-x-large {
|
15
|
+
font-size: 100px;
|
16
|
+
}
|
15
17
|
}
|
package/dist/styles.css
CHANGED
@@ -9258,19 +9258,16 @@ textarea:disabled {
|
|
9258
9258
|
font-weight: 300;
|
9259
9259
|
}
|
9260
9260
|
|
9261
|
-
.icon-small {
|
9261
|
+
.ob-icon.icon-small {
|
9262
9262
|
font-size: 18px;
|
9263
9263
|
}
|
9264
|
-
|
9265
|
-
.icon-medium {
|
9264
|
+
.ob-icon.icon-medium {
|
9266
9265
|
font-size: 36px;
|
9267
9266
|
}
|
9268
|
-
|
9269
|
-
.icon-large {
|
9267
|
+
.ob-icon.icon-large {
|
9270
9268
|
font-size: 50px;
|
9271
9269
|
}
|
9272
|
-
|
9273
|
-
.icon-x-large {
|
9270
|
+
.ob-icon.icon-x-large {
|
9274
9271
|
font-size: 100px;
|
9275
9272
|
}
|
9276
9273
|
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@oneblink/apps-react",
|
3
3
|
"description": "Helper functions for OneBlink apps in ReactJS.",
|
4
|
-
"version": "5.12.0-beta.
|
4
|
+
"version": "5.12.0-beta.16",
|
5
5
|
"author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
|
6
6
|
"bugs": {
|
7
7
|
"url": "https://github.com/oneblink/apps-react/issues"
|