@basalt/bedrock-atoms - npm Package Compare versions

Comparing version 0.6.5 to 0.7.0

package.json

 {
   "name": "@basalt/bedrock-atoms",
-  "version": "0.6.5",
+  "version": "0.7.0",
   "description": "A Bedrock component that helps build Design Systems",
@@ -19,3 +19,3 @@ "main": "src/atoms.jsx",
   "dependencies": {
-    "@basalt/bedrock-core": "^0.6.5"
+    "@basalt/bedrock-core": "^0.7.0"
   },
@@ -25,3 +25,3 @@ "publishConfig": {
   },
-  "gitHead": "257aeb41ba2823d32668160fca0c25469595ea5a"
+  "gitHead": "c755ab0723f21d815e6da1cdfae3daaa6e04e16e"
 }

src/html-tags.js

 import styled from 'styled-components';
 
 export const Button = styled.button`
-  & {
-    height: ${props => props.theme.buttons.height};
-    border: ${props => props.theme.buttons.border};
-    background-color: ${props =>
-      props.primary
-        ? props.theme.buttons.primary.background
-        : props.theme.buttons.secondary.background};
-    color: ${props =>
-      props.primary
-        ? props.theme.buttons.primary.color
-        : props.theme.buttons.secondary.color};
-    font-size: ${props => props.theme.buttons.fontSize};
-    cursor: ${props => props.theme.buttons.cursor};
-  }
+  height: ${props => props.theme.buttons.height};
+  border: ${props => props.theme.buttons.border};
+  background-color: ${props =>
+    props.primary
+      ? props.theme.buttons.primary.background
+      : props.theme.buttons.secondary.background};
+  color: ${props =>
+    props.primary
+      ? props.theme.buttons.primary.color
+      : props.theme.buttons.secondary.color};
+  font-size: ${props => props.theme.buttons.fontSize};
+  cursor: ${props => props.theme.buttons.cursor};
 `;
@@ -26,3 +24,3 @@
   margin: ${props => props.theme.blockquotes.margin};
-  // citiation styling
+  /* citiation styling */
   footer {
@@ -33,5 +31,5 @@ font-size: ${props => props.theme.blockquotes.citation.fontSize};
   }
-  // Befor and After produce the quote glyphs
+  /* Befor and After produce the quote glyphs */
   ::before {
-    content: '\\201C'; /*Unicode for Left Double Quote*/
+    content: '\\201C'; /* Unicode for Left Double Quote */
     width: ${props => props.theme.blockquotes.glyph.width};
@@ -38,0 +36,0 @@ /*Font*/

src/inputs-and-forms.js

@@ -101,3 +101,3 @@ import styled from 'styled-components';
   & > * + * {
-    //margin-left: 0.25rem;
+    /* margin-left: 0.25rem; */
   }
@@ -114,9 +114,4 @@ &:not(:last-child) {
   }
-  span {
-    height: ${props => props.theme.inputs.height};
-    display: flex;
-    align-items: center;
-  }
-  
-   input[type=checkbox]{
+
+  input[type='checkbox'] {
     height: 0;
@@ -129,2 +124,3 @@ width: 0;
   span {
+    align-items: center;
     cursor: pointer;
@@ -164,4 +160,2 @@ text-indent: -9999px;
   }
-}
-  
 `;

src/select.jsx

@@ -24,3 +24,3 @@ import React from 'react';
     margin: ${props => props.theme.selects.margin};
-    // ::after produces the custom dropdown arrow next to text
+    /* ::after produces the custom dropdown arrow next to text */
     &::after {
@@ -30,4 +30,4 @@ content: '';
       position: absolute;
-      pointer-events: none; // Arrow clickable in some browsers
-      border: 1px solid transparent; // reset all borders
+      pointer-events: none; /* Arrow clickable in some browsers */
+      border: 1px solid transparent; /* reset all borders */
       width: 0;
@@ -34,0 +34,0 @@ height: 0;

src/tooltip.jsx

@@ -33,3 +33,3 @@ import React from 'react';
   }
-  // stylelint-disable selector-type-no-unknown
+
   *:first-child {
@@ -57,3 +57,3 @@ cursor: pointer;
     }
-    *first-child:hover ~ span {
+    *:first-child:hover ~ span {
       transform: translate3d(-50%, 0, 0);
@@ -78,3 +78,3 @@ visibility: visible;
     }
-    *first-child:hover ~ span {
+    *:first-child:hover ~ span {
       transform: translate3d(-50%, 0, 0);
@@ -99,3 +99,3 @@ visibility: visible;
     }
-    *first-child:hover ~ span {
+    *:first-child:hover ~ span {
       transform: translate3d(0, -50%, 0);
@@ -120,3 +120,3 @@ visibility: visible;
     }
-    *first-child:hover ~ span {
+    *:first-child:hover ~ span {
       transform: translate3d(0, -50%, 0);
@@ -127,3 +127,2 @@ visibility: visible;
   }
-  // stylelint-enable selector-type-no-unknown
 `;
@@ -130,0 +129,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

738126

decreased by-0.03%

Lines of code

622

decreased by-1.43%

Dependency changes

• + Added@basalt/bedrock-core@0.7.0(transitive)

• - Removed@basalt/bedrock-core@0.6.5(transitive)

• Updated@basalt/bedrock-core@^0.7.0