@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
- export default function MaterialIcon(props) {
4
- return React.createElement(Icon, { "aria-hidden": true, ...props });
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;AAEpC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwC;IAC3E,OAAO,oBAAC,IAAI,4BAAiB,KAAK,GAAI,CAAA;AACxC,CAAC","sourcesContent":["import * as React from 'react'\nimport { Icon } from '@mui/material'\n\nexport default function MaterialIcon(props: React.ComponentProps<typeof Icon>) {\n return <Icon aria-hidden {...props} />\n}\n"]}
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"]}
@@ -1,15 +1,17 @@
1
- .icon-small {
2
- font-size: 18px;
3
- }
1
+ .ob-icon {
2
+ &.icon-small {
3
+ font-size: 18px;
4
+ }
4
5
 
5
- .icon-medium {
6
- font-size: 36px;
7
- }
6
+ &.icon-medium {
7
+ font-size: 36px;
8
+ }
8
9
 
9
- .icon-large {
10
- font-size: 50px;
11
- }
10
+ &.icon-large {
11
+ font-size: 50px;
12
+ }
12
13
 
13
- .icon-x-large {
14
- font-size: 100px;
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.15",
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"