@umbraco-ui/uui-css - npm Package Compare versions

Comparing version 1.12.1 to 1.13.0-rc.0

lib/index.js

 import { unsafeCSS } from 'lit';
 
-var css = ".uui-h1,\n.uui-h2,\n.uui-h3,\n.uui-h4,\n.uui-h5,\n.uui-a,\n.uui-p,\n.uui-p-lead,\n.uui-small,\n.uui-quoteblock,\n.uui-ul,\n.uui-ol,\n.uui-text {\n  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 15px;\n  line-height: calc(var(--uui-size-2,6px) * 4);\n  -webkit-font-smoothing: antialiased;\n}\n\n.uui-text h1,\n.uui-h1.uui-h1 {\n  font-size: var(--uui-type-h1-size,60px);\n  line-height: var(--uui-size-layout-4,66px);\n  font-weight: 300;\n  margin-left: -5px;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-text p + h1,\n.uui-text p + .uui-h1 {\n  margin-top: var(--uui-size-layout-4,66px);\n}\n.uui-text h1.--no-top-margin,\n.uui-text h1:first-child,\n.uui-h1.--no-top-margin,\n.uui-h1:first-child {\n  margin-top: 0;\n}\n\n.uui-text h2,\n.uui-h2.uui-h2 {\n  font-size: var(--uui-type-h2-size,42px);\n  line-height: var(--uui-size-layout-3,42px);\n  font-weight: 300;\n  margin-left: -3px;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-text p + h2,\n.uui-text p + .uui-h2 {\n  margin-top: var(--uui-size-layout-3,42px);\n}\n.uui-text h2.--no-top-margin,\n.uui-text h2:first-child,\n.uui-h2.--no-top-margin,\n.uui-h2:first-child {\n  margin-top: 0;\n}\n\n.uui-text h3,\n.uui-h3.uui-h3 {\n  font-size: var(--uui-type-h3-size,30px);\n  line-height: var(--uui-size-large);\n  font-weight: 300;\n  margin-left: -2px;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-text h3.--no-top-margin,\n.uui-text h3:first-child,\n.uui-h3.--no-top-margin,\n.uui-h3:first-child {\n  margin-top: 0;\n}\n\n.uui-text h4,\n.uui-h4.uui-h4 {\n  font-size: var(--uui-type-h4-size,21px);\n  line-height: 21px;\n  font-weight: 400;\n  margin-left: -1px;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-text h4.--no-top-margin,\n.uui-text h4:first-child,\n.uui-h4.--no-top-margin,\n.uui-h4:first-child {\n  margin-top: 0;\n}\n\n.uui-text h5,\n.uui-h5.uui-h5 {\n  font-size: var(--uui-type-h5-size,15px);\n  line-height: inherit;\n  font-weight: 700;\n  margin-left: 0;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: 0;\n}\n\n.uui-text h5.--no-top-margin,\n.uui-text h5:first-child,\n.uui-h5.--no-top-margin,\n.uui-h5:first-child {\n  margin-top: 0;\n}\n\n.uui-p,\n.uui-text p {\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-p-lead,\n.uui-text p.uui-lead {\n  font-size: var(--uui-size-6,18px);\n}\n\n.uui-a,\n.uui-text a {\n  color: var(--uui-color-interactive,#1b264f);\n}\n\n.uui-a:link,\n.uui-a:active .uui-text a:link,\n.uui-text a:active {\n  color: var(--uui-color-interactive,#1b264f);\n}\n.uui-a:hover,\n.uui-text a:hover {\n  color: var(--uui-color-interactive-emphasis,#3544b1);\n}\n\n.uui-small,\n.uui-text small {\n  display: inline-block;\n  font-size: var(--uui-type-small-size,12px);\n  line-height: calc(var(--uui-size-2,6px) * 3);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n\n.uui-quoteblock,\n.uui-text blockquote {\n  float: right;\n  font-size: 15px;\n  font-weight: 700;\n  font-style: italic;\n  margin-top: 0;\n  margin-bottom: var(--uui-size-layout-1,24px);\n  margin-right: -0.035em;\n  max-width: 16em;\n  quotes: '“' '”' '‘' '’';\n  line-height: inherit;\n}\n\n.uui-quoteblock:before,\n.uui-text blockquote:before {\n  content: open-quote;\n  margin-left: -0.4em;\n  margin-right: 0.08em;\n  vertical-align: bottom;\n  font-weight: 400;\n  font-size: 2em;\n}\n\n.uui-quoteblock:after,\n.uui-text blockquote:after {\n  content: close-quote;\n  margin-left: 0.04em;\n  margin-right: -0.4em;\n  vertical-align: bottom;\n  font-weight: 400;\n  font-size: 2em;\n  margin-bottom: -2px;\n  display: inline-block;\n}\n\n.uui-ul,\n.uui-text ul {\n  list-style-type: square;\n  padding-left: var(--uui-size-layout-1,24px);\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n\n.uui-ol,\n.uui-text ol {\n  padding-left: var(--uui-size-layout-1,24px);\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n";
+var css = ".uui-h1,\n.uui-h2,\n.uui-h3,\n.uui-h4,\n.uui-h5,\n.uui-a,\n.uui-p,\n.uui-p-lead,\n.uui-small,\n.uui-quoteblock,\n.uui-ul,\n.uui-ol,\n.uui-text {\n  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 14px;\n  line-height: 21px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.uui-text h1,\n.uui-h1.uui-h1 {\n  font-size: var(--uui-type-h1-size,60px);\n  line-height: var(--uui-size-layout-4,66px);\n  font-weight: 300;\n  margin-left: -5px;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-text p + h1,\n.uui-text p + .uui-h1 {\n  margin-top: var(--uui-size-layout-4,66px);\n}\n.uui-text h1.--no-top-margin,\n.uui-text h1:first-child,\n.uui-h1.--no-top-margin,\n.uui-h1:first-child {\n  margin-top: 0;\n}\n\n.uui-text h2,\n.uui-h2.uui-h2 {\n  font-size: var(--uui-type-h2-size,42px);\n  line-height: var(--uui-size-layout-3,42px);\n  font-weight: 300;\n  margin-left: -3px;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-text p + h2,\n.uui-text p + .uui-h2 {\n  margin-top: var(--uui-size-layout-3,42px);\n}\n.uui-text h2.--no-top-margin,\n.uui-text h2:first-child,\n.uui-h2.--no-top-margin,\n.uui-h2:first-child {\n  margin-top: 0;\n}\n\n.uui-text h3,\n.uui-h3.uui-h3 {\n  font-size: var(--uui-type-h3-size,30px);\n  line-height: var(--uui-size-large);\n  font-weight: 300;\n  margin-left: -2px;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-text h3.--no-top-margin,\n.uui-text h3:first-child,\n.uui-h3.--no-top-margin,\n.uui-h3:first-child {\n  margin-top: 0;\n}\n\n.uui-text h4,\n.uui-h4.uui-h4 {\n  font-size: var(--uui-type-h4-size,21px);\n  line-height: 21px;\n  font-weight: 400;\n  margin-left: -1px;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-text h4.--no-top-margin,\n.uui-text h4:first-child,\n.uui-h4.--no-top-margin,\n.uui-h4:first-child {\n  margin-top: 0;\n}\n\n.uui-text h5,\n.uui-h5.uui-h5 {\n  font-size: var(--uui-type-h5-size,14px);\n  line-height: inherit;\n  font-weight: 700;\n  margin-left: 0;\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: 0;\n}\n\n.uui-text h5.--no-top-margin,\n.uui-text h5:first-child,\n.uui-h5.--no-top-margin,\n.uui-h5:first-child {\n  margin-top: 0;\n}\n\n.uui-p,\n.uui-text p {\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n.uui-p-lead,\n.uui-text p.uui-lead {\n  font-size: var(--uui-size-6,18px);\n  line-height: var(--uui-size-8,24px);\n}\n\n.uui-a,\n.uui-text a {\n  color: var(--uui-color-interactive,#1b264f);\n}\n\n.uui-a:link,\n.uui-a:active .uui-text a:link,\n.uui-text a:active {\n  color: var(--uui-color-interactive,#1b264f);\n}\n.uui-a:hover,\n.uui-text a:hover {\n  color: var(--uui-color-interactive-emphasis,#3544b1);\n}\n\n.uui-small,\n.uui-text small {\n  display: inline-block;\n  font-size: var(--uui-type-small-size,12px);\n  line-height: 18px;\n}\n\n.uui-quoteblock,\n.uui-text blockquote {\n  float: right;\n  font-size: 14px;\n  line-height: inherit;\n  font-weight: 700;\n  font-style: italic;\n  margin-top: 0;\n  margin-bottom: var(--uui-size-layout-1,24px);\n  margin-right: -0.035em;\n  max-width: 16em;\n  quotes: '“' '”' '‘' '’';\n}\n\n.uui-quoteblock:before,\n.uui-text blockquote:before {\n  content: open-quote;\n  margin-left: -0.4em;\n  margin-right: 0.08em;\n  vertical-align: bottom;\n  font-weight: 400;\n  font-size: 2em;\n}\n\n.uui-quoteblock:after,\n.uui-text blockquote:after {\n  content: close-quote;\n  margin-left: 0.04em;\n  margin-right: -0.4em;\n  vertical-align: bottom;\n  font-weight: 400;\n  font-size: 2em;\n  margin-bottom: -2px;\n  display: inline-block;\n}\n\n.uui-ul,\n.uui-text ul {\n  list-style-type: square;\n  padding-left: var(--uui-size-layout-1,24px);\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n\n.uui-ol,\n.uui-text ol {\n  padding-left: var(--uui-size-layout-1,24px);\n  margin-top: var(--uui-size-layout-1,24px);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n";
 
@@ -5,0 +5,0 @@ const UUITextStyles = unsafeCSS(css);

package.json

 {
   "name": "@umbraco-ui/uui-css",
-  "version": "1.12.1",
+  "version": "1.13.0-rc.0",
   "license": "MIT",
@@ -46,3 +46,3 @@ "keywords": [
   "homepage": "https://uui.umbraco.com/?path=/story/uui-css",
-  "gitHead": "a7d67a9f6b60b8c0b351b21d5dac49cdfc764f44"
+  "gitHead": "864afa6c182c2a73c479237732dadc1abc69a4a0"
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

403892

0.07%

Lines of code

1143

0.7%

Worsened metrics

Number of low quality alerts

1

Infinity%

No dependency changes