@prom-ui/core 0.0.13 → 0.0.16

package/TextEmoji/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/TextEmoji",
-  "version": "0.0.13",
+  "version": "0.0.16",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@evo/emoji-text": "0.1.1"
+    "@evo/emoji-text": "^0.1.1"
   }
 }

package/Tumbler/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Tumbler/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "0.0.13",
+  "version": "0.0.16",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "classnames": "2.3.1",
-    "react-transition-group": "4.4.2"
+    "classnames": "^2.3.1",
+    "react-transition-group": "^4.4.2"
   }
 }

package/Tumbler/style.css

@@ -1 +1,118 @@
-.Tumbler__root___17yYC{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.Tumbler__view___w66K2{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}.Tumbler__viewCircle___xvJqd{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}.Tumbler__input___Kg91O{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Tumbler__input___Kg91O:disabled{cursor:default}.Tumbler__input___Kg91O:focus-visible+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Tumbler__input___Kg91O:checked+.Tumbler__view___w66K2{background-color:var(--violet-50)}.Tumbler__input___Kg91O:checked+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}.Tumbler__input___Kg91O:disabled+.Tumbler__view___w66K2{background-color:var(--black-200)}.Tumbler__input___Kg91O:disabled+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__inputLoading___y1iJD{pointer-events:none;cursor:default}.Tumbler__spinner___CNMl7{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.Tumbler__spinnerEnterActive___C2P5b,.Tumbler__spinnerEnterDone___cgEXP{opacity:1}.Tumbler__spinnerExitActive___k-mzv,.Tumbler__spinnerExitDone___XD0-8{opacity:0}@media (hover){.Tumbler__input___Kg91O:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{border-color:var(--black-500)}.Tumbler__input___Kg91O:checked:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{border-color:var(--violet-500)}.Tumbler__input___Kg91O:disabled:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{border-color:var(--black-400)}}
+.Tumbler__root___17yYC {
+    position: relative;
+    display: block;
+    width: 34px;
+    height: 20px;
+    padding: 3px 0;
+    box-sizing: border-box;
+    margin: calc((var(--pds-line-height) - 20px) / 2) 0;
+    flex-shrink: 0;
+}
+
+.Tumbler__view___w66K2 {
+    height: 100%;
+    border-radius: 1em;
+    background: var(--black-400);
+    transition: background-color 120ms ease-in-out;
+}
+
+.Tumbler__viewCircle___xvJqd {
+    box-sizing: border-box;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+    transform: translateX(0);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--violet-500);
+    background: var(--white);
+    border: 1px var(--black-400) solid;
+    box-shadow: 1px 1px 4px 0 var(--black-400);
+    transition: 120ms ease-in-out;
+    transition-property: background-color, border-color, transform;
+}
+
+.Tumbler__input___Kg91O {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    z-index: 1;
+    cursor: pointer
+}
+
+.Tumbler__input___Kg91O:disabled {
+        cursor: default;
+    }
+
+.Tumbler__input___Kg91O:focus-visible + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+            outline: var(--pds-round-xxs) auto Highlight;
+            outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
+        }
+
+.Tumbler__input___Kg91O:checked + .Tumbler__view___w66K2 {
+        background-color: var(--violet-50)
+    }
+
+.Tumbler__input___Kg91O:checked + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+            transform: translateX(14px);
+            color: var(--white);
+            background-color: var(--violet-500);
+            border-color: var(--violet-500);
+        }
+
+.Tumbler__input___Kg91O:disabled + .Tumbler__view___w66K2 {
+        background-color: var(--black-200)
+    }
+
+.Tumbler__input___Kg91O:disabled + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+            box-shadow: none;
+            color: var(--violet-500);
+            background-color: var(--black-400);
+            border-color: var(--black-400);
+        }
+
+.Tumbler__inputLoading___y1iJD {
+    pointer-events: none;
+    cursor: default;
+}
+
+.Tumbler__spinner___CNMl7 {
+    opacity: 0;
+    transition: opacity 100ms ease-in-out;
+    width: 1em;
+    height: 1em;
+}
+
+.Tumbler__spinnerEnterActive___C2P5b,
+.Tumbler__spinnerEnterDone___cgEXP {
+    opacity: 1;
+}
+
+.Tumbler__spinnerExitActive___k-mzv,
+.Tumbler__spinnerExitDone___XD0-8 {
+    opacity: 0;
+}
+
+@media (hover) {
+            .Tumbler__input___Kg91O:hover + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+                border-color: var(--black-500);
+            }
+            .Tumbler__input___Kg91O:checked:hover + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+                border-color: var(--violet-500);
+            }
+            .Tumbler__input___Kg91O:disabled:hover + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+                border-color: var(--black-400);
+            }
+}

package/base/colors.css

@@ -0,0 +1,80 @@
+:root {
+    --violet-900: #3600C4;
+    --violet-800: #5300CB;
+    --violet-700: #6200D1;
+    --violet-600: #7200D9;
+    --violet-500: #7B04DF;
+    --violet-400: #9242E5;
+    --violet-300: #A768EA;
+    --violet-200: #C096F0;
+    --violet-100: #D9C1F5;
+    --violet-50: #F1E6FB;
+
+    --white: #ffffff;
+
+    --blue-900: #012070;
+    --blue-800: #012d88;
+    --blue-700: #0340a9;
+    --blue-600: #0456ca;
+    --blue-500: #0670eb;
+    --blue-400: #419bf3;
+    --blue-300: #67b8f9;
+    --blue-200: #9ad5fd;
+    --blue-100: #ccecfe;
+    --blue-50: #e3f5fe;
+
+    --green-900: #005800;
+    --green-800: #027602;
+    --green-700: #188711;
+    --green-600: #27981E;
+    --green-500: #32A727;
+    --green-400: #54B44B;
+    --green-300: #74C16B;
+    --green-200: #9DD296;
+    --green-100: #C3E3BF;
+    --green-50: #E6F4E5;
+
+    --yellow-900: #FC7600;
+    --yellow-800: #FEA200;
+    --yellow-700: #FEBC00;
+    --yellow-600: #FFD500;
+    --yellow-500: #FFD400;
+    --yellow-400: #FEEA3F;
+    --yellow-300: #FFEF67;
+    --yellow-200: #FFF394;
+    --yellow-100: #FFF8BF;
+    --yellow-50: #FFFDE5;
+
+    --orange-900: #CD5915;
+    --orange-800: #D86F18;
+    --orange-700: #DF7D1C;
+    --orange-600: #E58B1F;
+    --orange-500: #E99623;
+    --orange-400: #ECA537;
+    --orange-300: #EFB456;
+    --orange-200: #F3CA85;
+    --orange-100: #F8DEB5;
+    --orange-50: #FCF2E1;
+
+    --red-900: #DE0404;
+    --red-800: #F62513;
+    --red-700: #FF3018;
+    --red-600: #FF391F;
+    --red-500: #FF4023;
+    --red-400: #FF6444;
+    --red-300: #FF8466;
+    --red-200: #FFA992;
+    --red-100: #FFCBBD;
+    --red-50: #FFE9E8;
+
+    --black-900: #01011B;
+    --black-800: #45455C;
+    --black-700: #7D7D91;
+    --black-600: #ACACBE;
+    --black-500: #C1C1D4;
+    --black-400: #DADAE8;
+    --black-300: #E8E8F3;
+    --black-200: #F1F1F9;
+    --black-100: #F4F4F9;
+    --black-50: #F9F9FC;
+}

package/base/media.css

@@ -0,0 +1,5 @@
+@custom-media --pds-media-small only screen and (min-width: 480px);
+@custom-media --pds-media-medium only screen and (min-width: 768px);
+@custom-media --pds-media-large only screen and (min-width: 960px);
+@custom-media --pds-media-wide only screen and (min-width: 1200px);
+@custom-media --pds-media-huge only screen and (min-width: 1400px);

package/base/reset.css

@@ -0,0 +1,120 @@
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+
+:focus:not(:focus-visible) {
+    outline: 0;
+}
+
+ol,
+ul {
+    list-style: none;
+}
+
+blockquote,
+q {
+    quotes: none;
+}
+
+blockquote::after,
+blockquote::before,
+q::after,
+q::before {
+    content: "";
+    content: none;
+}
+
+table {
+    border-spacing: 0;
+    border-collapse: collapse;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-size: inherit;
+    font-weight: inherit;
+}
+
+body,
+html {
+    height: 100%;
+}
+
+body {
+    text-size-adjust: 100%;
+    -webkit-font-smoothing: subpixel-antialiased;
+    overflow-anchor: none;
+}
+
+a {
+    color: inherit;
+    cursor: pointer;
+    text-decoration: none;
+}
+
+b,
+strong {
+    font-weight: 700;
+}
+
+em,
+i {
+    font-style: italic;
+}
+
+textarea {
+    resize: none;
+}
+
+body,
+button,
+input,
+textarea {
+    font-family: system-ui;
+}
+
+button,
+input {
+    background: none;
+    font-size: inherit;
+    appearance: none;
+}
+
+/* recaptcha */
+.grecaptcha-badge {
+    visibility: hidden;
+}
+
+/* scrollbar */
+@media only screen and (min-width: 960px) {
+    div,
+    ul {
+        &::-webkit-scrollbar {
+            width: 6px;
+            height: 6px;
+            border-radius: var(--pds-round-m);
+            background: rgba(0, 0, 0, 0);
+        }
+
+        &::-webkit-scrollbar-thumb {
+            border-radius: var(--pds-round-m);
+            background-color: rgba(193, 193, 212, 0);
+        }
+
+        &:hover {
+            &::-webkit-scrollbar {
+                background: rgba(218, 218, 232, 0.5);
+            }
+
+            &::-webkit-scrollbar-thumb {
+                background-color: rgba(193, 193, 212, 1);
+            }
+        }
+    }
+}

package/base/round.css

@@ -0,0 +1,12 @@
+:root {
+    --pds-round-xxs: 2px;
+    --pds-round-xs: 4px;
+    --pds-round-s: 6px;
+    --pds-round-m: 8px;
+    --pds-round-l: 10px;
+    --pds-round-xl: 12px;
+    --pds-round-xxl: 14px;
+    --pds-round-3xl: 16px;
+    --pds-round-4xl: 18px;
+    --pds-round-5xl: 20px;
+}

package/base/spacing.css

@@ -0,0 +1,12 @@
+:root {
+    --pds-spacing-xxs: 4px;
+    --pds-spacing-xs: 8px;
+    --pds-spacing-s: 12px;
+    --pds-spacing-m: 16px;
+    --pds-spacing-l: 20px;
+    --pds-spacing-xl: 24px;
+    --pds-spacing-xxl: 28px;
+    --pds-spacing-3xl: 32px;
+    --pds-spacing-4xl: 36px;
+    --pds-spacing-5xl: 40px;
+}

package/base/typography.css

@@ -0,0 +1,12 @@
+:root {
+    --pds-line-height: 1.429em;
+    --pds-font-size-small: 0.75rem;    /* 12px */
+    --pds-font-size-default: 0.875rem; /* 14px */
+    --pds-font-size-big: 1rem;         /* 16px */
+    --pds-font-size-h1: 1.5rem;        /* 24px */
+    --pds-font-size-h2: 1.375rem;      /* 22px */
+    --pds-font-size-h3: 1.25rem;       /* 20px */
+    --pds-font-size-h4: 1.125rem;      /* 18px */
+    --pds-font-size-h5: 1rem;          /* 16px */
+    --pds-font-size-h6: 0.875rem;      /* 14px */
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.13",
+  "version": "0.0.16",
   "description": "core ui blocks",
   "scripts": {
-    "prebuild": "rm -rf dist && mkdir dist && cp -v package.json README.md CHANGELOG.md dist",
+    "prebuild": "node ./preBuild.js",
     "build": "rollup --config ./rollup.config.js",
     "watch": "rollup --config ./rollup.config.js --watch",
     "prepublishOnly": "npm run build"
@@ -25,31 +25,31 @@
     "@prom-ui/icons": "file:../icons/src"
   },
   "dependencies": {
-    "@evo/emoji": "0.2.0",
-    "@evo/emoji-text": "0.1.1",
+    "@evo/emoji": "^0.2.0",
+    "@evo/emoji-text": "^0.1.1",
     "@prom-ui/hooks": "^0.0.3",
     "@prom-ui/icons": "^0.0.5",
-    "classnames": "2.3.1",
-    "evokit": "3.2.3",
-    "evokit-body": "3.2.0",
-    "evokit-box": "3.4.0",
-    "evokit-button": "3.0.1",
-    "evokit-flex": "3.2.1",
-    "evokit-grid": "3.3.0",
-    "evokit-image": "3.2.0",
-    "evokit-line": "3.1.0",
-    "evokit-link": "3.2.0",
-    "evokit-list": "3.3.0",
-    "evokit-picture": "3.2.0",
-    "evokit-text": "3.2.0",
-    "react-transition-group": "4.4.2",
-    "ts-debounce": "4.0.0",
-    "ttag": "1.7.24"
+    "classnames": "^2.3.1",
+    "evokit": "^3.2.3",
+    "evokit-body": "^3.2.0",
+    "evokit-box": "^3.4.0",
+    "evokit-button": "^3.0.1",
+    "evokit-flex": "^3.2.1",
+    "evokit-grid": "^3.3.0",
+    "evokit-image": "^3.2.0",
+    "evokit-line": "^3.1.0",
+    "evokit-link": "^3.2.0",
+    "evokit-list": "^3.3.0",
+    "evokit-picture": "^3.2.0",
+    "evokit-text": "^3.2.0",
+    "react-transition-group": "^4.4.2",
+    "ts-debounce": "^4.0.0",
+    "ttag": "^1.7.24"
   },
   "peerDependencies": {
     "prop-types": "*",
     "react": "*",
     "react-dom": "*"
   },
-  "gitHead": "d98ac68fa5d224dc68cebadc95b2a03257f698c2"
+  "gitHead": "6b13ce8ae8cef474cf8b201c948f502fee5bd01c"
 }