@magic-circle/styles - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

dist/forms.jsx

@@ -45,3 +45,5 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 };
-export var Button = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px;\n  gap: ", "px;\n  border: 1px solid\n    ", ";\n  border-radius: 5px;\n  color: ", ";\n  background: ", ";\n  height: ", "px;\n  transition: color 0.2s ease;\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  ", "\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px;\n  gap: ", "px;\n  border: 1px solid\n    ", ";\n  border-radius: 5px;\n  color: ", ";\n  background: ", ";\n  height: ", "px;\n  transition: color 0.2s ease;\n\n  &:hover {\n    color: ", ";\n  }\n"])), TYPO.regular, SPACING(1), SPACING(0.5), function (props) { return (props.highlight ? COLORS.accent.css : COLORS.shades.s400.css); }, function (props) {
+export var Button = styled.button.withConfig({
+    shouldForwardProp: function (prop) { return prop !== 'highlight'; },
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px;\n  gap: ", "px;\n  border: 1px solid\n    ", ";\n  border-radius: 5px;\n  color: ", ";\n  background: ", ";\n  height: ", "px;\n  transition: color 0.2s ease;\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  ", "\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px;\n  gap: ", "px;\n  border: 1px solid\n    ", ";\n  border-radius: 5px;\n  color: ", ";\n  background: ", ";\n  height: ", "px;\n  transition: color 0.2s ease;\n\n  &:hover {\n    color: ", ";\n  }\n"])), TYPO.regular, SPACING(1), SPACING(0.5), function (props) { return (props.highlight ? COLORS.accent.css : COLORS.shades.s400.css); }, function (props) {
     return props.highlight ? COLORS.white.css : COLORS.shades.s100.css;
@@ -48,0 +50,0 @@ }, function (props) {

dist/Menu.jsx

@@ -36,3 +36,5 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 var Label = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
-var Item = styled.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  position: relative;\n  height: ", "px;\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px;\n  opacity: ", ";\n  border-radius: 0px;\n  background: ", ";\n  color: ", ";\n  text-decoration: none;\n  padding-bottom: 1px;\n  cursor: pointer;\n\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0px;\n    height: 1px;\n    width: calc(100% - ", "px);\n    background: ", ";\n    opacity: 0;\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover > ", " {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  &:first-child {\n    border-radius: 5px 5px 0 0;\n  }\n\n  &:last-child {\n    border-radius: 0 0 5px 5px;\n  }\n\n  &:last-of-type:after {\n    display: none;\n  }\n\n  & > ", " > ", " {\n    color: ", ";\n  }\n\n  &:hover > ", " > ", " {\n    color: ", ";\n    & span:last-of-type {\n      color: ", ";\n    }\n  }\n"], ["\n  ", "\n  position: relative;\n  height: ", "px;\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px;\n  opacity: ", ";\n  border-radius: 0px;\n  background: ", ";\n  color: ", ";\n  text-decoration: none;\n  padding-bottom: 1px;\n  cursor: pointer;\n\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0px;\n    height: 1px;\n    width: calc(100% - ", "px);\n    background: ", ";\n    opacity: 0;\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover > ", " {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  &:first-child {\n    border-radius: 5px 5px 0 0;\n  }\n\n  &:last-child {\n    border-radius: 0 0 5px 5px;\n  }\n\n  &:last-of-type:after {\n    display: none;\n  }\n\n  & > ", " > ", " {\n    color: ", ";\n  }\n\n  &:hover > ", " > ", " {\n    color: ", ";\n    & span:last-of-type {\n      color: ", ";\n    }\n  }\n"])), TYPO.regular, SPACING(3.5), SPACING(1), function (props) { return (props.disabled ? 0.5 : 1); }, function (props) {
+var Item = styled.a.withConfig({
+    shouldForwardProp: function (prop) { return !['active', 'checked'].includes(prop); },
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  position: relative;\n  height: ", "px;\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px;\n  opacity: ", ";\n  border-radius: 0px;\n  background: ", ";\n  color: ", ";\n  text-decoration: none;\n  padding-bottom: 1px;\n  cursor: pointer;\n\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0px;\n    height: 1px;\n    width: calc(100% - ", "px);\n    background: ", ";\n    opacity: 0;\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover > ", " {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  &:first-child {\n    border-radius: 5px 5px 0 0;\n  }\n\n  &:last-child {\n    border-radius: 0 0 5px 5px;\n  }\n\n  &:last-of-type:after {\n    display: none;\n  }\n\n  & > ", " > ", " {\n    color: ", ";\n  }\n\n  &:hover > ", " > ", " {\n    color: ", ";\n    & span:last-of-type {\n      color: ", ";\n    }\n  }\n"], ["\n  ", "\n  position: relative;\n  height: ", "px;\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px;\n  opacity: ", ";\n  border-radius: 0px;\n  background: ", ";\n  color: ", ";\n  text-decoration: none;\n  padding-bottom: 1px;\n  cursor: pointer;\n\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0px;\n    height: 1px;\n    width: calc(100% - ", "px);\n    background: ", ";\n    opacity: 0;\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover > ", " {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  &:first-child {\n    border-radius: 5px 5px 0 0;\n  }\n\n  &:last-child {\n    border-radius: 0 0 5px 5px;\n  }\n\n  &:last-of-type:after {\n    display: none;\n  }\n\n  & > ", " > ", " {\n    color: ", ";\n  }\n\n  &:hover > ", " > ", " {\n    color: ", ";\n    & span:last-of-type {\n      color: ", ";\n    }\n  }\n"])), TYPO.regular, SPACING(3.5), SPACING(1), function (props) { return (props.disabled ? 0.5 : 1); }, function (props) {
     return props.checked ? COLORS.shades.s500.css : COLORS.shades.s600.css;
@@ -39,0 +41,0 @@ }, function (props) {

package.json

 {
   "name": "@magic-circle/styles",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Magic Circle style helpers",
@@ -36,3 +36,3 @@ "keywords": [
   "devDependencies": {
-    "@magic-circle/state": "^0.3.0",
+    "@magic-circle/state": "^0.3.1",
     "@types/color-string": "^1.5.5",
@@ -50,3 +50,3 @@ "@types/styled-components": "^5.1.34",
   },
-  "gitHead": "278cbcf3f9e3d8c061c6cef31ef4cb040010dd0c"
+  "gitHead": "8870797b570f3f4f723b521aaeecb43917646882"
 }

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

Improved metrics

Total package byte prevSize

1590946

increased by0.01%

Lines of code

2386

increased by0.13%

No dependency changes