oio - npm Package Compare versions
Comparing version 1.0.9 to 1.0.10
| { | ||
| "name": "oio", | ||
| "version": "1.0.9", | ||
| "version": "1.0.10", | ||
| "main": "dist/index.js", | ||
@@ -5,0 +5,0 @@ "description": "A UI component kit for React", |
@@ -26,4 +26,4 @@ oio | ||
| import { | ||
| ActionBar, Button, ButtonGroup, UIGrid, UIGridCell, UICover, UINav, | ||
| UISpacer, UIText, UITitle, UITitleBar, UIToolBar, UIView | ||
| ActionBar, Button, ButtonGroup, Grid, GridCell, Cover, Nav, | ||
| Spacer, Text, Title, TitleBar, ToolBar, View | ||
| } from 'oio' | ||
@@ -37,11 +37,11 @@ | ||
| return ( | ||
| <UIView scroll="on"> | ||
| <View scroll="on"> | ||
| <div className="p60"> | ||
| <UIGrid gutter="42" width="100%[a-c] 1100px[d-e]"> | ||
| <UIGridCell colspan="12" className="p12 plrn"> | ||
| <UIText heading="1" size="9" weight="light"> | ||
| <Grid gutter="42" width="100%[a-c] 1100px[d-e]"> | ||
| <GridCell colspan="12" className="p12 plrn"> | ||
| <Text heading="1" size="9" weight="light"> | ||
| Making the web more beautiful, fast, and open through great typography | ||
| </UIText> | ||
| <UISpacer size="4" /> | ||
| <UIText size="6" weight="light"> | ||
| </Text> | ||
| <Spacer size="4" /> | ||
| <Text size="6" weight="light"> | ||
| We believe the best way to bring personality and performance to websites | ||
@@ -53,6 +53,6 @@ and products is through great design and technology. Our goal is to make | ||
| you are in the world. | ||
| </UIText> | ||
| </UIGridCell> | ||
| <UIGridCell colspan="12[a-b] 8[c-e]"> | ||
| <UIText size="3" weight="bold">Discover Great Typography</UIText> | ||
| </Text> | ||
| </GridCell> | ||
| <GridCell colspan="12[a-b] 8[c-e]"> | ||
| <Text size="3" weight="bold">Discover Great Typography</Text> | ||
| Our font directory places typography front and center, inviting users to | ||
@@ -71,6 +71,6 @@ explore, sort, and test fonts for use in more than 135 languages. We showcase | ||
| <br /><br /><br /><br /><br /> | ||
| </UIGridCell> | ||
| </GridCell> | ||
| <UIGridCell colspan="12[a-b] 4[c-e]"> | ||
| <UIText size="3" weight="bold">Join our community</UIText> | ||
| <GridCell colspan="12[a-b] 4[c-e]"> | ||
| <Text size="3" weight="bold">Join our community</Text> | ||
| We are working with designers around the world to produce | ||
@@ -80,19 +80,19 @@ best-in-class typeface designs that are made for the web, | ||
| release early access trials to our community for testing and feedback. | ||
| </UIGridCell> | ||
| </GridCell> | ||
| <UIGridCell colspan="12"> | ||
| <UIText size="10">This is some text</UIText> | ||
| <UIText size="9">This is some text</UIText> | ||
| <UIText size="8">This is some text</UIText> | ||
| <UIText size="7">This is some text</UIText> | ||
| <UIText size="6">This is some text</UIText> | ||
| <UIText size="5">This is some text</UIText> | ||
| <UIText size="4">This is some text</UIText> | ||
| <UIText size="3">This is some text</UIText> | ||
| <UIText size="2">This is some text</UIText> | ||
| <UIText size="1">This is some text</UIText> | ||
| </UIGridCell> | ||
| </UIGrid> | ||
| <GridCell colspan="12"> | ||
| <Text size="10">This is some text</Text> | ||
| <Text size="9">This is some text</Text> | ||
| <Text size="8">This is some text</Text> | ||
| <Text size="7">This is some text</Text> | ||
| <Text size="6">This is some text</Text> | ||
| <Text size="5">This is some text</Text> | ||
| <Text size="4">This is some text</Text> | ||
| <Text size="3">This is some text</Text> | ||
| <Text size="2">This is some text</Text> | ||
| <Text size="1">This is some text</Text> | ||
| </GridCell> | ||
| </Grid> | ||
| </div> | ||
| </UIView> | ||
| </View> | ||
| ) | ||
@@ -99,0 +99,0 @@ } |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Fixed alerts
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by17.76%
1260758
- Lines of code
- increased by7.82%
9027
- Number of low quality alerts
- decreased by-100%
0
- Number of low supply chain risk alerts
- decreased by-100%
0
- Number of medium supply chain risk alerts
- decreased by-100%
0