@bpui/radio - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/index.js

@@ -7,7 +7,7 @@ (function (global, factory) {
 
-    var _index = "@import \"~@bpui/libs/style/variable\";\n@import \"./variable\";\n\n.bp-radio {\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    -webkit-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    -webkit-touch-callout: none;\n    touch-action: manipulation;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    outline: 0;\n    outline-offset: 0;\n    \n    color: $bpRadioLabelColor;\n    font-weight: $bpRadioFontWeight;\n    font-size: $bpRadioFontSize;\n    position: relative;\n    cursor: pointer;\n    display: inline-block;\n    white-space: nowrap;\n    user-select: none;\n    margin: 2px;\n\n    .bp-radio__label {\n        height: $bpRadioSize;\n        display: inline-block;\n        padding-left: 5px;\n        line-height: 1;\n        vertical-align: middle;\n    }\n\n    .bp-radio__input {\n        white-space: nowrap;\n        cursor: pointer;\n        outline: none;\n        display: inline-block;\n        line-height: 1;\n        position: relative;\n        vertical-align: middle;\n\n        .bp-radio__inner {\n            display: inline-block;\n            position: relative;\n            border: 1px solid #dcdfe6;\n            border-radius: $bpRadioRadius;\n            box-sizing: border-box;\n            width: $bpRadioSize;\n            height: $bpRadioSize;\n            background-color: $bpRadioTickColor;\n            z-index: 1;\n            transition: border-color .5s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29);\n\n            &:after {\n                width: $bpRadioInnerSize;\n                height: $bpRadioInnerSize;\n                border-radius: 100%;\n                background-color: $bpRadioTickColor;\n                content: \"\";\n                position: absolute;\n                left: 50%;\n                top: 50%;\n                transform: translate(-50%, -50%) scale(0);\n                transition: transform .15s ease-in;\n            }\n        }\n\n        .bp-radio__inner_hover {\n            border-color: $bpRadioBgColor;\n        }\n\n        .bp-radio__original {\n            opacity: 0;\n            outline: none;\n            position: absolute;\n            margin: 0;\n            width: 0;\n            height: 0;\n            z-index: -1;\n        }\n    }\n\n    .bp-radio__checked {\n        .bp-radio__inner {\n            border-color: $bpRadioBgColor;\n            background-color: $bpRadioBgColor;\n            position: relative;\n\n            &:after {\n                transform: translate(-50%, -50%) scale(1);\n            }\n        }\n    }\n\n\n    // disabled\n    &.bp-radio__disabled {\n        opacity: .5;\n        cursor: not-allowed;\n        touch-action: none;\n        pointer-events: none;\n    }\n}\n";
+    var unpkg = "@import 'https://unpkg.com/@bpui/libs/dist/index.scss';\n@import \"./variable\";\n\n.bp-radio {\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    -webkit-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    -webkit-touch-callout: none;\n    touch-action: manipulation;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    outline: 0;\n    outline-offset: 0;\n    \n    color: $bpRadioLabelColor;\n    font-weight: $bpRadioFontWeight;\n    font-size: $bpRadioFontSize;\n    position: relative;\n    cursor: pointer;\n    display: inline-block;\n    white-space: nowrap;\n    user-select: none;\n    margin: 2px;\n\n    .bp-radio__label {\n        display: inline-block;\n        padding-left: 5px;\n        line-height: 1;\n        vertical-align: middle;\n    }\n\n    .bp-radio__input {\n        white-space: nowrap;\n        cursor: pointer;\n        outline: none;\n        display: inline-block;\n        line-height: 1;\n        position: relative;\n        vertical-align: middle;\n\n        .bp-radio__inner {\n            display: inline-block;\n            position: relative;\n            border: 1px solid #dcdfe6;\n            border-radius: $bpRadioRadius;\n            box-sizing: border-box;\n            width: $bpRadioSize;\n            height: $bpRadioSize;\n            background-color: $bpRadioTickColor;\n            z-index: 1;\n            transition: border-color .5s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29);\n\n            &:after {\n                width: $bpRadioInnerSize;\n                height: $bpRadioInnerSize;\n                border-radius: 100%;\n                background-color: $bpRadioTickColor;\n                content: \"\";\n                position: absolute;\n                left: 50%;\n                top: 50%;\n                transform: translate(-50%, -50%) scale(0);\n                transition: transform .15s ease-in;\n            }\n        }\n\n        .bp-radio__inner_hover {\n            border-color: $bpRadioBgColor;\n        }\n\n        .bp-radio__original {\n            opacity: 0;\n            outline: none;\n            position: absolute;\n            margin: 0;\n            width: 0;\n            height: 0;\n            z-index: -1;\n        }\n    }\n\n    .bp-radio__checked {\n        .bp-radio__inner {\n            border-color: $bpRadioBgColor;\n            background-color: $bpRadioBgColor;\n            position: relative;\n\n            &:after {\n                transform: translate(-50%, -50%) scale(1);\n            }\n        }\n    }\n\n\n    // disabled\n    &.bp-radio__disabled {\n        opacity: .5;\n        cursor: not-allowed;\n        touch-action: none;\n        pointer-events: none;\n    }\n}\n";
 
-    return _index;
+    return unpkg;
 
 })));
 //# sourceMappingURL=index.js.map

package.json

@@ -41,3 +41,3 @@ {
   "name": "@bpui/radio",
-  "version": "0.0.6"
+  "version": "0.0.7"
 }

No alert changes

Worsened metrics

Total package byte prevSize

63649

decreased by-0.12%

No dependency changes