Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

notion-ui

Package Overview
Dependencies
Maintainers
1
Versions
119
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

notion-ui - npm Package Compare versions

Comparing version 0.2.20 to 0.2.21

build/build/index.es.js

8

build/package.json
{
"name": "notion-ui",
"version": "0.2.17",
"version": "0.2.21",
"keywords": [

@@ -14,5 +14,5 @@ "ui",

},
"main": "index.js",
"module": "index.es.js",
"types": "types/index.d.ts",
"main": "build/index.js",
"module": "build/index.es.js",
"types": "build/types/index.d.ts",
"devDependencies": {

@@ -19,0 +19,0 @@ "@svgr/rollup": "^5.4.0",

@@ -17,3 +17,3 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {

}
var textDefault = "\n display: flex;\n align-items: center;\n text-decoration: none;\n outline: 0;\n padding: 3px 2px;\n margin: 0;\n color: red;\n";
var textDefault = "\n display: flex;\n align-items: center;\n text-decoration: none;\n outline: 0;\n padding: 3px 2px;\n margin: 0;\n color: " + colors.grey + ";\n";
var P = styled.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n font-size: 16px;\n font-weight: 400;\n color: ", ";\n margin: 1px 0;\n"], ["\n ", ";\n font-size: 16px;\n font-weight: 400;\n color: ", ";\n margin: 1px 0;\n"])), textDefault, colors.grey);

@@ -20,0 +20,0 @@ var H1 = styled.h1(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n color: ", ";\n font-weight: 700;\n line-height: 1.2;\n font-size: 40px;\n"], ["\n ", ";\n color: ", ";\n font-weight: 700;\n line-height: 1.2;\n font-size: 40px;\n"])), textDefault, colors.grey);

@@ -28,7 +28,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {

var MenuBar = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 45px;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 45px;\n"])));
var LeftMenus = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
var RightMenus = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
var LeftMenus = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
var RightMenus = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
var ContentWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 1;\n margin-left: 16px;\n"], ["\n flex: 1;\n margin-left: 16px;\n"])));
var Aside = styled.aside(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n width: 240px;\n background-color: ", ";\n"], ["\n height: 100%;\n width: 240px;\n background-color: ", ";\n"])), colors.backgroundAside);
var Aside = styled.aside(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n width: 240px;\n min-width: 240px;\n background-color: ", ";\n"], ["\n height: 100%;\n width: 240px;\n min-width: 240px;\n background-color: ", ";\n"])), colors.backgroundAside);
var Layout = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n"], ["\n display: flex;\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

@@ -61,4 +61,4 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {

var MenuBar = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 44px;\n border-bottom: 1px solid ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 44px;\n border-bottom: 1px solid ", ";\n"])), colors.grey16);
var LeftMenus = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
var RightMenus = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
var LeftMenus = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
var RightMenus = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
var ContentWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));

@@ -65,0 +65,0 @@ var Aside = styled.aside(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n min-width: 240px;\n max-width: 320px;\n background-color: ", ";\n transform: translateX(", ");\n transition: all 0.2s ease 0s;\n box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px,\n rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px;\n overflow: hidden;\n"], ["\n height: 100%;\n min-width: 240px;\n max-width: 320px;\n background-color: ", ";\n transform: translateX(", ");\n transition: all 0.2s ease 0s;\n box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px,\n rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px;\n overflow: hidden;\n"])), colors.background, function (p) { return (p.visible ? '0' : '-100%'); });

{
"name": "notion-ui",
"version": "0.2.20",
"version": "0.2.21",
"keywords": [

@@ -5,0 +5,0 @@ "ui",

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc