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

Comparing version 1.2.1 to 1.3.0-rc.0

lib/index.js

 import { unsafeCSS } from 'lit';
 
-var css = ".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-text .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-text .uui-h1.--no-top-margin,\n.uui-text .uui-h1:first-child {\n  margin-top: 0;\n}\n\n.uui-text h2,\n.uui-text .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-text .uui-h2.--no-top-margin,\n.uui-text .uui-h2:first-child {\n  margin-top: 0;\n}\n\n.uui-text h3,\n.uui-text .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-text .uui-h3.--no-top-margin,\n.uui-text .uui-h3:first-child {\n  margin-top: 0;\n}\n\n.uui-text h4,\n.uui-text .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-text .uui-h4.--no-top-margin,\n.uui-text .uui-h4:first-child {\n  margin-top: 0;\n}\n\n.uui-text h5,\n.uui-text .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-text .uui-h5.--no-top-margin,\n.uui-text .uui-h5:first-child {\n  margin-top: 0;\n}\n\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-text p.uui-lead {\n  font-size: var(--uui-size-6,18px);\n}\n\n.uui-text a:link,\n.uui-text a:active {\n  color: var(--uui-color-interactive,#1b264f);\n}\n.uui-text a:hover {\n  color: var(--uui-color-interactive-emphasis,#3544b1);\n}\n\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-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-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-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-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-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-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-text .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-text .uui-h1.--no-top-margin,\n.uui-text .uui-h1:first-child {\n  margin-top: 0;\n}\n\n.uui-text h2,\n.uui-text .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-text .uui-h2.--no-top-margin,\n.uui-text .uui-h2:first-child {\n  margin-top: 0;\n}\n\n.uui-text h3,\n.uui-text .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-text .uui-h3.--no-top-margin,\n.uui-text .uui-h3:first-child {\n  margin-top: 0;\n}\n\n.uui-text h4,\n.uui-text .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-text .uui-h4.--no-top-margin,\n.uui-text .uui-h4:first-child {\n  margin-top: 0;\n}\n\n.uui-text h5,\n.uui-text .uui-h5 {\n  font-size: var(--uui-type-h5-size,var(--uui-type-default-size,var(--uui-size-5,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-text .uui-h5.--no-top-margin,\n.uui-text .uui-h5:first-child {\n  margin-top: 0;\n}\n\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-text p.uui-lead {\n  font-size: var(--uui-size-6,18px);\n}\n\n.uui-text a:link,\n.uui-text a:active {\n  color: var(--uui-color-interactive,var(--uui-palette-space-cadet,#1b264f));\n}\n.uui-text a:hover {\n  color: var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue,#3544b1));\n}\n\n.uui-text small {\n  display: inline-block;\n  font-size: var(--uui-type-small-size,var(--uui-size-4,12px));\n  line-height: calc(var(--uui-size-2,6px) * 3);\n  margin-bottom: var(--uui-size-layout-1,24px);\n}\n\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-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-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-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-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.2.1",
+  "version": "1.3.0-rc.0",
   "license": "MIT",
@@ -38,5 +38,5 @@ "keywords": [
     "build:cssprops": "postcss lib/custom-properties.css --base lib/ --dir dist && npm run custom-properties-cache",
-    "clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json custom-properties.*",
+    "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js custom-elements.json custom-properties.*",
     "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json",
-    "custom-properties-cache": "node ./scripts/update-custom-properties-cache.mjs"
+    "custom-properties-cache": "node ./scripts/update-custom-properties-cache.js"
   },
@@ -47,3 +47,3 @@ "publishConfig": {
   "homepage": "https://uui.umbraco.com/?path=/story/uui-css",
-  "gitHead": "94eb22bee5ff21bac6fadbd78653671279bebe36"
+  "gitHead": "45c3824056586d9817efb3f61dc0bef5478747f0"
 }

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

403006

increased by0.11%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes