@raketa-cms/raketa-mir
Advanced tools
Comparing version 1.1.6 to 1.1.7
@@ -142,3 +142,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } | ||
function _templateObject$4() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0.5em 1em;\n margin-right: 0.25em;\n border: 2px solid ", ";\n border-radius: 48px;\n background-color: ", ";\n color: ", ";\n font-size: ", ";\n font-weight: 700;\n line-height: 1;\n transition: 0.1s ease-in-out all;\n\n &:focus {\n border-color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n\n &:active {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0.5em 1em;\n margin-right: 0.25em;\n border: 2px solid ", ";\n border-radius: 48px;\n background-color: ", ";\n color: ", ";\n font-size: ", ";\n font-weight: 700;\n line-height: 1;\n transition: 0.2s ease-in-out all;\n\n &:focus {\n border-color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n\n &:active {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n"]); | ||
@@ -286,3 +286,3 @@ _templateObject$4 = function _templateObject() { | ||
function _templateObject$6() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-color: ", ";\n transition: all 0.2s ease-in-out;\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
@@ -306,3 +306,3 @@ _templateObject$6 = function _templateObject() { | ||
function _templateObject$7() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n height: 100px;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n height: 100px;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-color: ", ";\n transition: all 0.2s ease-in-out;\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
@@ -326,3 +326,3 @@ _templateObject$7 = function _templateObject() { | ||
function _templateObject$8() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-size: 16px;\n background-repeat: no-repeat;\n background-position: center right 0.25em;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZXZyb24tZG93biI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+);\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-size: 16px;\n background-repeat: no-repeat;\n background-position: center right 0.25em;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZXZyb24tZG93biI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+);\n background-color: ", ";\n transition: all 0.2s ease-in-out;\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
@@ -614,3 +614,3 @@ _templateObject$8 = function _templateObject() { | ||
function _templateObject$i() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", "\n\n table {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 1em;\n\n th,\n td {\n padding: 0.5em;\n text-align: left;\n }\n\n tr {\n border-bottom: 1px solid #ddd;\n }\n\n a {\n color: ", ";\n }\n\n .actions {\n width: 50px;\n white-space: nowrap;\n\n div:first-of-type {\n display: flex;\n align-items: center;\n }\n\n a,\n button {\n margin-left: 0.5em;\n }\n }\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", "\n\n table {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 1em;\n\n th,\n td {\n padding: 0.5em;\n text-align: left;\n }\n\n tr {\n border-bottom: 1px solid ", ";\n transition: all 0.3s ease-in-out;\n }\n\n a {\n color: ", ";\n }\n\n tbody {\n tr {\n &:hover {\n border-color: ", ";\n\n td {\n background-color: ", ";\n }\n }\n }\n }\n\n .actions {\n width: 50px;\n white-space: nowrap;\n\n div:first-of-type {\n display: flex;\n align-items: center;\n }\n\n a,\n button {\n margin-left: 0.5em;\n }\n }\n }\n"]); | ||
@@ -624,3 +624,9 @@ _templateObject$i = function _templateObject() { | ||
var Wrapper$1 = styled__default.div(_templateObject$i(), reset, function (props) { | ||
return props.theme.colors.lightGray; | ||
}, function (props) { | ||
return props.theme.colors.primary; | ||
}, function (props) { | ||
return props.theme.colors.gray; | ||
}, function (props) { | ||
return props.theme.colors.lighterGray; | ||
}); | ||
@@ -691,3 +697,3 @@ | ||
function _templateObject2$4() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n\n width: 64px;\n height: 64px;\n border-bottom: 1px solid #333;\n\n &:hover {\n background-color: ", ";\n }\n\n a,\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n\n width: 48px;\n height: 48px;\n border-radius: 4px;\n background-color: ", ";\n transition: all 0.2s ease-in-out;\n\n &:hover {\n background-color: ", ";\n }\n\n a,\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n }\n"]); | ||
@@ -702,3 +708,3 @@ _templateObject2$4 = function _templateObject2() { | ||
function _templateObject$k() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: 64px;\n background-color: ", ";\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n gap: 8px;\n flex-direction: column;\n align-items: center;\n width: 64px;\n padding: 8px 0;\n background-color: ", ";\n"]); | ||
@@ -715,3 +721,5 @@ _templateObject$k = function _templateObject() { | ||
var NavItem = styled__default.div(_templateObject2$4(), reset, function (props) { | ||
return props.theme.colors.primary; | ||
return props.active ? props.theme.colors.darkerGray : 'transparent'; | ||
}, function (props) { | ||
return props.theme.colors.darkerGray; | ||
}); | ||
@@ -743,3 +751,3 @@ | ||
function _templateObject$m() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", "\n\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n\n padding: 1em 0 1em 0;\n\n a,\n span {\n margin: 0 0.25em 0 0.25em;\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", "\n\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0.25em;\n padding: 1em 0 1em 0;\n\n a,\n span {\n display: block;\n min-width: 1.25em;\n padding: 0.5em 0.75em;\n font-weight: 500;\n text-align: center;\n }\n\n a {\n color: ", ";\n border: 1px solid ", ";\n border-radius: 4px;\n transition: all 0.2s ease-in-out;\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n }\n"]); | ||
@@ -752,3 +760,13 @@ _templateObject$m = function _templateObject() { | ||
} | ||
var Wrapper$3 = styled__default.div(_templateObject$m(), reset); | ||
var Wrapper$3 = styled__default.div(_templateObject$m(), reset, function (props) { | ||
return props.theme.colors.primary; | ||
}, function (props) { | ||
return props.theme.colors.lightGray; | ||
}, function (props) { | ||
return props.theme.colors.primary; | ||
}, function (props) { | ||
return props.theme.colors.primary; | ||
}, function (props) { | ||
return props.theme.colors.white; | ||
}); | ||
@@ -755,0 +773,0 @@ var Prev = function Prev(_ref) { |
@@ -139,3 +139,3 @@ import styled, { css } from 'styled-components'; | ||
function _templateObject$4() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0.5em 1em;\n margin-right: 0.25em;\n border: 2px solid ", ";\n border-radius: 48px;\n background-color: ", ";\n color: ", ";\n font-size: ", ";\n font-weight: 700;\n line-height: 1;\n transition: 0.1s ease-in-out all;\n\n &:focus {\n border-color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n\n &:active {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0.5em 1em;\n margin-right: 0.25em;\n border: 2px solid ", ";\n border-radius: 48px;\n background-color: ", ";\n color: ", ";\n font-size: ", ";\n font-weight: 700;\n line-height: 1;\n transition: 0.2s ease-in-out all;\n\n &:focus {\n border-color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n\n &:active {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n"]); | ||
@@ -283,3 +283,3 @@ _templateObject$4 = function _templateObject() { | ||
function _templateObject$6() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-color: ", ";\n transition: all 0.2s ease-in-out;\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
@@ -303,3 +303,3 @@ _templateObject$6 = function _templateObject() { | ||
function _templateObject$7() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n height: 100px;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n height: 100px;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-color: ", ";\n transition: all 0.2s ease-in-out;\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
@@ -323,3 +323,3 @@ _templateObject$7 = function _templateObject() { | ||
function _templateObject$8() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-size: 16px;\n background-repeat: no-repeat;\n background-position: center right 0.25em;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZXZyb24tZG93biI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+);\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 0;\n outline: 0;\n border-radius: 4px;\n border: 0;\n width: 100%;\n padding: 0.5em 0.75em;\n border: 1px solid ", ";\n background-size: 16px;\n background-repeat: no-repeat;\n background-position: center right 0.25em;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZXZyb24tZG93biI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+);\n background-color: ", ";\n transition: all 0.2s ease-in-out;\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n"]); | ||
@@ -611,3 +611,3 @@ _templateObject$8 = function _templateObject() { | ||
function _templateObject$i() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", "\n\n table {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 1em;\n\n th,\n td {\n padding: 0.5em;\n text-align: left;\n }\n\n tr {\n border-bottom: 1px solid #ddd;\n }\n\n a {\n color: ", ";\n }\n\n .actions {\n width: 50px;\n white-space: nowrap;\n\n div:first-of-type {\n display: flex;\n align-items: center;\n }\n\n a,\n button {\n margin-left: 0.5em;\n }\n }\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", "\n\n table {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 1em;\n\n th,\n td {\n padding: 0.5em;\n text-align: left;\n }\n\n tr {\n border-bottom: 1px solid ", ";\n transition: all 0.3s ease-in-out;\n }\n\n a {\n color: ", ";\n }\n\n tbody {\n tr {\n &:hover {\n border-color: ", ";\n\n td {\n background-color: ", ";\n }\n }\n }\n }\n\n .actions {\n width: 50px;\n white-space: nowrap;\n\n div:first-of-type {\n display: flex;\n align-items: center;\n }\n\n a,\n button {\n margin-left: 0.5em;\n }\n }\n }\n"]); | ||
@@ -621,3 +621,9 @@ _templateObject$i = function _templateObject() { | ||
var Wrapper$1 = styled.div(_templateObject$i(), reset, function (props) { | ||
return props.theme.colors.lightGray; | ||
}, function (props) { | ||
return props.theme.colors.primary; | ||
}, function (props) { | ||
return props.theme.colors.gray; | ||
}, function (props) { | ||
return props.theme.colors.lighterGray; | ||
}); | ||
@@ -688,3 +694,3 @@ | ||
function _templateObject2$4() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n\n width: 64px;\n height: 64px;\n border-bottom: 1px solid #333;\n\n &:hover {\n background-color: ", ";\n }\n\n a,\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n\n width: 48px;\n height: 48px;\n border-radius: 4px;\n background-color: ", ";\n transition: all 0.2s ease-in-out;\n\n &:hover {\n background-color: ", ";\n }\n\n a,\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n }\n"]); | ||
@@ -699,3 +705,3 @@ _templateObject2$4 = function _templateObject2() { | ||
function _templateObject$k() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: 64px;\n background-color: ", ";\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", ";\n\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n gap: 8px;\n flex-direction: column;\n align-items: center;\n width: 64px;\n padding: 8px 0;\n background-color: ", ";\n"]); | ||
@@ -712,3 +718,5 @@ _templateObject$k = function _templateObject() { | ||
var NavItem = styled.div(_templateObject2$4(), reset, function (props) { | ||
return props.theme.colors.primary; | ||
return props.active ? props.theme.colors.darkerGray : 'transparent'; | ||
}, function (props) { | ||
return props.theme.colors.darkerGray; | ||
}); | ||
@@ -740,3 +748,3 @@ | ||
function _templateObject$m() { | ||
var data = _taggedTemplateLiteralLoose(["\n ", "\n\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n\n padding: 1em 0 1em 0;\n\n a,\n span {\n margin: 0 0.25em 0 0.25em;\n }\n"]); | ||
var data = _taggedTemplateLiteralLoose(["\n ", "\n\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0.25em;\n padding: 1em 0 1em 0;\n\n a,\n span {\n display: block;\n min-width: 1.25em;\n padding: 0.5em 0.75em;\n font-weight: 500;\n text-align: center;\n }\n\n a {\n color: ", ";\n border: 1px solid ", ";\n border-radius: 4px;\n transition: all 0.2s ease-in-out;\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n }\n"]); | ||
@@ -749,3 +757,13 @@ _templateObject$m = function _templateObject() { | ||
} | ||
var Wrapper$3 = styled.div(_templateObject$m(), reset); | ||
var Wrapper$3 = styled.div(_templateObject$m(), reset, function (props) { | ||
return props.theme.colors.primary; | ||
}, function (props) { | ||
return props.theme.colors.lightGray; | ||
}, function (props) { | ||
return props.theme.colors.primary; | ||
}, function (props) { | ||
return props.theme.colors.primary; | ||
}, function (props) { | ||
return props.theme.colors.white; | ||
}); | ||
@@ -752,0 +770,0 @@ var Prev = function Prev(_ref) { |
{ | ||
"name": "@raketa-cms/raketa-mir", | ||
"version": "1.1.6", | ||
"version": "1.1.7", | ||
"description": "Raketa Design System", | ||
@@ -27,3 +27,3 @@ "author": "studioraketa", | ||
"peerDependencies": { | ||
"react": "^16.0.0", | ||
"react": ">= 16.0.0", | ||
"styled-components": "^5.1.0" | ||
@@ -30,0 +30,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
136632
1465