New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@ltht-react/card

Package Overview
Dependencies
Maintainers
6
Versions
377
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ltht-react/card - npm Package Compare versions

Comparing version 1.3.3 to 1.3.4

8

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log

## [1.3.4](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/card@1.3.3...@ltht-react/card@1.3.4) (2021-06-21)
**Note:** Version bump only for package @ltht-react/card
## [1.3.3](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/card@1.3.2...@ltht-react/card@1.3.3) (2021-06-03)

@@ -8,0 +16,0 @@

2

lib/atoms/body.js

@@ -35,3 +35,3 @@ "use strict";

var styled_1 = __importDefault(require("@emotion/styled"));
var StyledBody = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex: 1 1 auto;\n min-height: 1px;\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin: 0 0 0 0.75rem;\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n"], ["\n flex: 1 1 auto;\n min-height: 1px;\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin: 0 0 0 0.75rem;\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n"])));
var StyledBody = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex: 1 1 auto;\n min-height: 1px;\n padding: 0.5rem 0.75rem 0.5rem 0;\n margin: 0 0 0 0.75rem;\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n"], ["\n flex: 1 1 auto;\n min-height: 1px;\n padding: 0.5rem 0.75rem 0.5rem 0;\n margin: 0 0 0 0.75rem;\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n"])));
var Body = function (_a) {

@@ -38,0 +38,0 @@ var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);

2

lib/atoms/footer.js

@@ -35,3 +35,3 @@ "use strict";

var styled_1 = __importDefault(require("@emotion/styled"));
var StyledFooter = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin: 0 0 0 0.75rem;\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n"], ["\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin: 0 0 0 0.75rem;\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n"])));
var StyledFooter = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin-left: 0.75rem;\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n"], ["\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin-left: 0.75rem;\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n"])));
var Footer = function (_a) {

@@ -38,0 +38,0 @@ var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);

2

lib/atoms/header.js

@@ -35,3 +35,3 @@ "use strict";

var styled_1 = __importDefault(require("@emotion/styled"));
var StyledHeader = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin: 0 0 0 0.75rem;\n"], ["\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin: 0 0 0 0.75rem;\n"])));
var StyledHeader = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin-left: 0.75rem;\n"], ["\n padding: 0.75rem 0.75rem 0.75rem 0;\n margin-left: 0.75rem;\n"])));
var Header = function (_a) {

@@ -38,0 +38,0 @@ var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);

2

lib/atoms/list-item.js

@@ -54,3 +54,3 @@ "use strict";

var hoverCursor = function (props) { return (canClick(props) ? 'pointer' : 'default'); };
var StyledListItem = styled_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n padding: 0.75rem;\n margin: 0;\n border: 1px solid #d6d6d6;\n border-width: 1px 0 0 0;\n background: ", ";\n\n &:before {\n content: '';\n position: absolute;\n border: 1px solid #fff;\n border-width: 1px 0 0 0;\n width: 0.75rem;\n left: 0;\n top: -1px;\n bottom: -1px;\n }\n\n .card__list-item-container {\n flex: 1;\n }\n\n .card__list-item-selected&:before,\n .card__list-item-selected& + .card__list-item:before,\n &:hover:before,\n &:hover + .card__list-item:before {\n border-top-width: ", ";\n }\n\n & > .icon__chevron {\n margin-left: 1rem;\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n cursor: ", ";\n }\n\n &:first-of-type {\n border-top-width: 0;\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n\n &:last-child {\n border-bottom-width: 0;\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n padding: 0.75rem;\n margin: 0;\n border: 1px solid #d6d6d6;\n border-width: 1px 0 0 0;\n background: ", ";\n\n &:before {\n content: '';\n position: absolute;\n border: 1px solid #fff;\n border-width: 1px 0 0 0;\n width: 0.75rem;\n left: 0;\n top: -1px;\n bottom: -1px;\n }\n\n .card__list-item-container {\n flex: 1;\n }\n\n .card__list-item-selected&:before,\n .card__list-item-selected& + .card__list-item:before,\n &:hover:before,\n &:hover + .card__list-item:before {\n border-top-width: ", ";\n }\n\n & > .icon__chevron {\n margin-left: 1rem;\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n cursor: ", ";\n }\n\n &:first-of-type {\n border-top-width: 0;\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n\n &:last-child {\n border-bottom-width: 0;\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n }\n"])), function (props) { return background(props); }, function (props) { return (shouldClick(props) ? '0' : '1px'); }, styles_1.ICON_COLOURS.DEFAULT.LIGHTER25, function (props) { return hoverBackground(props); }, function (props) { return hoverCursor(props); });
var StyledListItem = styled_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n padding: 0.5rem 0.75rem;\n margin: 0;\n border: 1px solid #d6d6d6;\n border-width: 1px 0 0 0;\n background: ", ";\n\n &:before {\n content: '';\n position: absolute;\n border: 1px solid #fff;\n border-width: 1px 0 0 0;\n width: 0.75rem;\n left: 0;\n top: -1px;\n bottom: -1px;\n }\n\n .card__list-item-container {\n flex: 1;\n }\n\n .card__list-item-selected&:before,\n .card__list-item-selected& + .card__list-item:before,\n &:hover:before,\n &:hover + .card__list-item:before {\n border-top-width: ", ";\n }\n\n & > .icon__chevron {\n margin-left: 1rem;\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n cursor: ", ";\n }\n\n &:first-of-type {\n border-top-width: 0;\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n\n &:last-child {\n border-bottom-width: 0;\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n padding: 0.5rem 0.75rem;\n margin: 0;\n border: 1px solid #d6d6d6;\n border-width: 1px 0 0 0;\n background: ", ";\n\n &:before {\n content: '';\n position: absolute;\n border: 1px solid #fff;\n border-width: 1px 0 0 0;\n width: 0.75rem;\n left: 0;\n top: -1px;\n bottom: -1px;\n }\n\n .card__list-item-container {\n flex: 1;\n }\n\n .card__list-item-selected&:before,\n .card__list-item-selected& + .card__list-item:before,\n &:hover:before,\n &:hover + .card__list-item:before {\n border-top-width: ", ";\n }\n\n & > .icon__chevron {\n margin-left: 1rem;\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n cursor: ", ";\n }\n\n &:first-of-type {\n border-top-width: 0;\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n\n &:last-child {\n border-bottom-width: 0;\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n }\n"])), function (props) { return background(props); }, function (props) { return (shouldClick(props) ? '0' : '1px'); }, styles_1.ICON_COLOURS.DEFAULT.LIGHTER25, function (props) { return hoverBackground(props); }, function (props) { return hoverCursor(props); });
var ListItem = function (props) {

@@ -57,0 +57,0 @@ var classes = props.classes, children = props.children, rest = __rest(props, ["classes", "children"]);

8

package.json
{
"name": "@ltht-react/card",
"version": "1.3.3",
"version": "1.3.4",
"description": "ltht-react styled Card component.",

@@ -30,4 +30,4 @@ "author": "LTHT",

"@emotion/styled": "^11.0.0",
"@ltht-react/icon": "^1.3.3",
"@ltht-react/styles": "^1.3.1",
"@ltht-react/icon": "^1.3.4",
"@ltht-react/styles": "^1.3.2",
"@ltht-react/types": "^1.0.2",

@@ -38,3 +38,3 @@ "@ltht-react/utils": "^1.1.3",

},
"gitHead": "443df7480a507c816a3d3911462515ba9a6b1547"
"gitHead": "637a604c0d280d0825647fdd77a0fc64e7912314"
}
lib/atoms/body.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/footer.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/header.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/list-item.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc