how-do-it - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

package.json

 {
   "name": "how-do-it",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Crea popup para describir tu aplicacion",
@@ -5,0 +5,0 @@ "main": "index.js",

src/Provider.js

@@ -43,2 +43,36 @@ const React = require("react");
 
+    const styleContent = `
+    .how-do-it-provider {
+        [data-howdoit] {
+            position: relative;
+            border-width: 4px;
+
+            &:hover{
+                border-color: #DBEAFE;
+            }
+
+            &::before{
+                position: absolute;
+                right: 1.25rem;
+                padding: 0;
+                border-radius: 9999px;
+                width: 1.25rem;
+                height: 1.25rem;
+                font-size: 0.875rem;
+                line-height: 1.25rem;
+                text-align: center;
+                cursor: pointer;
+                &:hover {
+                    color: #3B82F6;
+                    background-color: #DBEAFE;
+                }
+            }
+        }
+    }`
+
+    const style = React.createElement('style',{
+        rel:'stylesheet',
+        type:'text/css'
+    }, styleContent)
+
     const span = React.createElement('span', {
@@ -77,5 +111,5 @@ ref: ref,
 
-    return React.createElement(HowDoitContext.Provider, {value:values}, children, span)
+    return React.createElement(HowDoitContext.Provider, {value:values, className:'how-do-it-provider'}, style, children, span)
 }
 
 module.exports = HowDoitProvider

No alert changes

Improved metrics

Total package byte prevSize

4353

increased by26.14%

Lines of code

114

increased by35.71%

No dependency changes