@arconnect/components - npm Package Compare versions

Comparing version 0.1.12 to 0.1.13

dist/commonjs/Button/index.js

@@ -12,3 +12,3 @@ "use strict";
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Button = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  color: rgb(", ");\n  background-color: rgba(", ");\n  border: none;\n  outline: none;\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: 600;\n  padding: ", " ", ";\n  width: ", ";\n  border-radius: ", ";\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  gap: .3rem;\n  transition: all .23s ease-in-out;\n\n  box-shadow: 0 0 0 0 rgba(", ", ", ");\n\n  &:hover:not(:active):not(:disabled) {\n    box-shadow: 0 0 0 ", " rgba(", ", ", ");\n  }\n"], ["\n  display: flex;\n  color: rgb(", ");\n  background-color: rgba(", ");\n  border: none;\n  outline: none;\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: 600;\n  padding: ", " ", ";\n  width: ", ";\n  border-radius: ", ";\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  gap: .3rem;\n  transition: all .23s ease-in-out;\n\n  box-shadow: 0 0 0 0 rgba(", ", ", ");\n\n  &:hover:not(:active):not(:disabled) {\n    box-shadow: 0 0 0 ", " rgba(", ", ", ");\n  }\n"])), function (props) { return props.secondary ? props.theme.theme : props.reversed ? props.theme.primaryText : props.theme.background; }, function (props) { return props.secondary ? props.theme.theme + ", .2" : (props.reversed ? props.theme.background : props.theme.theme) + ", 1"; }, function (props) { return props.small ? ".83rem" : "1.05rem"; }, function (props) { return props.small ? ".9rem" : "1.2rem"; }, function (props) { return props.fullWidth ? "0" : (props.small ? "2rem" : "3.35rem"); }, function (props) { return props.fullWidth ? "100%" : "auto"; }, function (props) { return props.small ? "19px" : "25px"; }, function (props) { return props.reversed ? props.theme.background : props.theme.theme; }, function (props) { return props.secondary ? ".2" : 1; }, function (props) { return props.small ? ".19rem" : ".25rem"; }, function (props) { return props.reversed ? props.theme.background : props.theme.theme; }, function (props) { return props.secondary ? ".2" : 1; });
+exports.Button = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  color: rgb(", ");\n  background-color: rgba(", ");\n  border: none;\n  outline: none;\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: 600;\n  padding: ", " ", ";\n  width: ", ";\n  border-radius: ", ";\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  gap: .3rem;\n  transition: all .23s ease-in-out;\n\n  box-shadow: 0 0 0 0 rgba(", ", ", ");\n\n  &:hover:not(:active):not(:disabled) {\n    box-shadow: 0 0 0 ", " rgba(", ", ", ");\n  }\n\n  &:disabled {\n    opacity: .87;\n    cursor: not-allowed;\n  }\n"], ["\n  display: flex;\n  color: rgb(", ");\n  background-color: rgba(", ");\n  border: none;\n  outline: none;\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: 600;\n  padding: ", " ", ";\n  width: ", ";\n  border-radius: ", ";\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  gap: .3rem;\n  transition: all .23s ease-in-out;\n\n  box-shadow: 0 0 0 0 rgba(", ", ", ");\n\n  &:hover:not(:active):not(:disabled) {\n    box-shadow: 0 0 0 ", " rgba(", ", ", ");\n  }\n\n  &:disabled {\n    opacity: .87;\n    cursor: not-allowed;\n  }\n"])), function (props) { return props.secondary ? props.theme.theme : props.reversed ? props.theme.primaryText : props.theme.background; }, function (props) { return props.secondary ? props.theme.theme + ", .2" : (props.reversed ? props.theme.background : props.theme.theme) + ", 1"; }, function (props) { return props.small ? ".83rem" : "1.05rem"; }, function (props) { return props.small ? ".9rem" : "1.2rem"; }, function (props) { return props.fullWidth ? "0" : (props.small ? "2rem" : "3.35rem"); }, function (props) { return props.fullWidth ? "100%" : "auto"; }, function (props) { return props.small ? "19px" : "25px"; }, function (props) { return props.reversed ? props.theme.background : props.theme.theme; }, function (props) { return props.secondary ? ".2" : 1; }, function (props) { return props.small ? ".19rem" : ".25rem"; }, function (props) { return props.reversed ? props.theme.background : props.theme.theme; }, function (props) { return props.secondary ? ".2" : 1; });
 var templateObject_1;

dist/commonjs/Checkbox/index.d.ts

 import { HTMLProps } from "react";
-export declare function Checkbox({ children, checked, onChange, ...props }: CheckboxProps & HTMLProps<HTMLDivElement>): JSX.Element;
+export declare function Checkbox({ children, checked, onChange, ...props }: CheckboxProps & Omit<HTMLProps<HTMLDivElement>, "onChange">): JSX.Element;
 interface CheckboxProps {
@@ -4,0 +4,0 @@ checked?: boolean;

dist/module/Button/index.js

@@ -6,3 +6,3 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 import styled from "styled-components";
-export var Button = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  color: rgb(", ");\n  background-color: rgba(", ");\n  border: none;\n  outline: none;\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: 600;\n  padding: ", " ", ";\n  width: ", ";\n  border-radius: ", ";\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  gap: .3rem;\n  transition: all .23s ease-in-out;\n\n  box-shadow: 0 0 0 0 rgba(", ", ", ");\n\n  &:hover:not(:active):not(:disabled) {\n    box-shadow: 0 0 0 ", " rgba(", ", ", ");\n  }\n"], ["\n  display: flex;\n  color: rgb(", ");\n  background-color: rgba(", ");\n  border: none;\n  outline: none;\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: 600;\n  padding: ", " ", ";\n  width: ", ";\n  border-radius: ", ";\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  gap: .3rem;\n  transition: all .23s ease-in-out;\n\n  box-shadow: 0 0 0 0 rgba(", ", ", ");\n\n  &:hover:not(:active):not(:disabled) {\n    box-shadow: 0 0 0 ", " rgba(", ", ", ");\n  }\n"])), function (props) { return props.secondary ? props.theme.theme : props.reversed ? props.theme.primaryText : props.theme.background; }, function (props) { return props.secondary ? props.theme.theme + ", .2" : (props.reversed ? props.theme.background : props.theme.theme) + ", 1"; }, function (props) { return props.small ? ".83rem" : "1.05rem"; }, function (props) { return props.small ? ".9rem" : "1.2rem"; }, function (props) { return props.fullWidth ? "0" : (props.small ? "2rem" : "3.35rem"); }, function (props) { return props.fullWidth ? "100%" : "auto"; }, function (props) { return props.small ? "19px" : "25px"; }, function (props) { return props.reversed ? props.theme.background : props.theme.theme; }, function (props) { return props.secondary ? ".2" : 1; }, function (props) { return props.small ? ".19rem" : ".25rem"; }, function (props) { return props.reversed ? props.theme.background : props.theme.theme; }, function (props) { return props.secondary ? ".2" : 1; });
+export var Button = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  color: rgb(", ");\n  background-color: rgba(", ");\n  border: none;\n  outline: none;\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: 600;\n  padding: ", " ", ";\n  width: ", ";\n  border-radius: ", ";\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  gap: .3rem;\n  transition: all .23s ease-in-out;\n\n  box-shadow: 0 0 0 0 rgba(", ", ", ");\n\n  &:hover:not(:active):not(:disabled) {\n    box-shadow: 0 0 0 ", " rgba(", ", ", ");\n  }\n\n  &:disabled {\n    opacity: .87;\n    cursor: not-allowed;\n  }\n"], ["\n  display: flex;\n  color: rgb(", ");\n  background-color: rgba(", ");\n  border: none;\n  outline: none;\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: 600;\n  padding: ", " ", ";\n  width: ", ";\n  border-radius: ", ";\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  gap: .3rem;\n  transition: all .23s ease-in-out;\n\n  box-shadow: 0 0 0 0 rgba(", ", ", ");\n\n  &:hover:not(:active):not(:disabled) {\n    box-shadow: 0 0 0 ", " rgba(", ", ", ");\n  }\n\n  &:disabled {\n    opacity: .87;\n    cursor: not-allowed;\n  }\n"])), function (props) { return props.secondary ? props.theme.theme : props.reversed ? props.theme.primaryText : props.theme.background; }, function (props) { return props.secondary ? props.theme.theme + ", .2" : (props.reversed ? props.theme.background : props.theme.theme) + ", 1"; }, function (props) { return props.small ? ".83rem" : "1.05rem"; }, function (props) { return props.small ? ".9rem" : "1.2rem"; }, function (props) { return props.fullWidth ? "0" : (props.small ? "2rem" : "3.35rem"); }, function (props) { return props.fullWidth ? "100%" : "auto"; }, function (props) { return props.small ? "19px" : "25px"; }, function (props) { return props.reversed ? props.theme.background : props.theme.theme; }, function (props) { return props.secondary ? ".2" : 1; }, function (props) { return props.small ? ".19rem" : ".25rem"; }, function (props) { return props.reversed ? props.theme.background : props.theme.theme; }, function (props) { return props.secondary ? ".2" : 1; });
 var templateObject_1;

dist/module/Checkbox/index.d.ts

 import { HTMLProps } from "react";
-export declare function Checkbox({ children, checked, onChange, ...props }: CheckboxProps & HTMLProps<HTMLDivElement>): JSX.Element;
+export declare function Checkbox({ children, checked, onChange, ...props }: CheckboxProps & Omit<HTMLProps<HTMLDivElement>, "onChange">): JSX.Element;
 interface CheckboxProps {
@@ -4,0 +4,0 @@ checked?: boolean;

package.json

 {
   "name": "@arconnect/components",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "private": false,
@@ -5,0 +5,0 @@ "publishConfig": {

No alert changes

Improved metrics

Total package byte prevSize

148762

increased by0.21%

Lines of code

2634

increased by0.08%

No dependency changes