@withlayers/elements 0.1.6 → 0.2.0

package/dist/index.css

@@ -1 +1 @@
-:where(address){font-style:var(--l--typography--font-style--normal)}:where(blockquote){font-family:var(--l--theme--blockquote--default--typography--font-family);font-size:var(--l--theme--blockquote--default--typography--font-size);font-style:var(--l--theme--blockquote--default--typography--font-style);font-variant-caps:var(--l--theme--blockquote--default--typography--font-variant-caps);font-weight:var(--l--theme--blockquote--default--typography--font-weight);letter-spacing:var(--l--theme--blockquote--default--typography--letter-spacing);line-height:var(--l--theme--blockquote--default--typography--line-height);margin:0;text-transform:var(--l--theme--blockquote--default--typography--text-transform);text-wrap:pretty}:where(figure){margin:0}:where(h1,h2,h3,h4,h5,h6){color:var(--l--theme--color--content--default);margin:0;text-wrap:pretty}:where(h1){font-family:var(--l--theme--typography--h1--font-family);font-size:var(--l--theme--typography--h1--font-size);font-style:var(--l--theme--typography--h1--font-style);font-variant-caps:var(--l--theme--typography--h1--font-variant-caps);font-weight:var(--l--theme--typography--h1--font-weight);letter-spacing:var(--l--theme--typography--h1--letter-spacing);line-height:var(--l--theme--typography--h1--line-height);text-transform:var(--l--theme--typography--h1--text-transform)}:where(h2){font-family:var(--l--theme--typography--h2--font-family);font-size:var(--l--theme--typography--h2--font-size);font-style:var(--l--theme--typography--h2--font-style);font-variant-caps:var(--l--theme--typography--h2--font-variant-caps);font-weight:var(--l--theme--typography--h2--font-weight);letter-spacing:var(--l--theme--typography--h2--letter-spacing);line-height:var(--l--theme--typography--h2--line-height);text-transform:var(--l--theme--typography--h2--text-transform)}:where(h3){font-family:var(--l--theme--typography--h3--font-family);font-size:var(--l--theme--typography--h3--font-size);font-style:var(--l--theme--typography--h3--font-style);font-variant-caps:var(--l--theme--typography--h3--font-variant-caps);font-weight:var(--l--theme--typography--h3--font-weight);letter-spacing:var(--l--theme--typography--h3--letter-spacing);line-height:var(--l--theme--typography--h3--line-height);text-transform:var(--l--theme--typography--h3--text-transform)}:where(h4){font-family:var(--l--theme--typography--h4--font-family);font-size:var(--l--theme--typography--h4--font-size);font-style:var(--l--theme--typography--h4--font-style);font-variant-caps:var(--l--theme--typography--h4--font-variant-caps);font-weight:var(--l--theme--typography--h4--font-weight);letter-spacing:var(--l--theme--typography--h4--letter-spacing);line-height:var(--l--theme--typography--h4--line-height);text-transform:var(--l--theme--typography--h4--text-transform)}:where(h5){font-family:var(--l--theme--typography--h5--font-family);font-size:var(--l--theme--typography--h5--font-size);font-style:var(--l--theme--typography--h5--font-style);font-variant-caps:var(--l--theme--typography--h5--font-variant-caps);font-weight:var(--l--theme--typography--h5--font-weight);letter-spacing:var(--l--theme--typography--h5--letter-spacing);line-height:var(--l--theme--typography--h5--line-height);text-transform:var(--l--theme--typography--h5--text-transform)}:where(h6){font-family:var(--l--theme--typography--h6--font-family);font-size:var(--l--theme--typography--h6--font-size);font-style:var(--l--theme--typography--h6--font-style);font-variant-caps:var(--l--theme--typography--h6--font-variant-caps);font-weight:var(--l--theme--typography--h6--font-weight);letter-spacing:var(--l--theme--typography--h6--letter-spacing);line-height:var(--l--theme--typography--h6--line-height);text-transform:var(--l--theme--typography--h6--text-transform)}:where(hr){background-color:var(--l--theme--color--border--default);block-size:var(--l--theme--border--width--sm);border-width:0;margin:0}:where(ol,ul){list-style-position:outside;margin:0;padding-inline-start:var(--l--spacing--24);text-wrap:pretty}:where(dl){margin:0;padding-inline-start:0;text-wrap:pretty}:where(dd+dt,li+li,li>ol,li>ul){margin-block-start:var(--l--theme--flow-space--xs)}:where(dt){font-weight:var(--l--typography--font-weight--bold)}:where(dd){margin-inline-start:0}:where(p){margin:0}:where(pre){background-color:var(--l--theme--color--background--knockout);border-radius:var(--l--theme--border--radius--md);color:var(--l--theme--color--content--knockout);font-family:var(--l--theme--typography--code--font-family);font-size:var(--l--theme--typography--code--font-size);font-style:var(--l--theme--typography--code--font-style);font-variant-caps:var(--l--theme--typography--code--font-variant-caps);font-weight:var(--l--theme--typography--code--font-weight);letter-spacing:var(--l--theme--typography--code--letter-spacing);line-height:var(--l--theme--typography--code--line-height);margin:0;overflow-x:auto;padding:var(--l--spacing--24);text-transform:var(--l--theme--typography--code--text-transform);white-space:pre}:where(a[href]){color:var(--l--theme--link--default--color--content--default);text-decoration-style:solid;text-decoration-line:underline}:where(a[href]):hover{color:var(--l--theme--link--default--color--content--hover);text-decoration-line:none}:where(a[href]):focus{color:var(--l--theme--link--default--color--content--focus);text-decoration-line:none}:where(a[href]):active{color:var(--l--theme--link--default--color--content--active);text-decoration-line:none}:where(a[href]):visited{color:var(--l--theme--link--default--color--content--visited)}:where(abbr[title]){cursor:help;text-decoration-style:dotted;text-decoration-line:underline}:where(b){font-weight:var(--l--typography--font-weight--bold)}:where(cite){font-style:var(--l--typography--font-style--italic)}:where(code:not(pre>code)){background-color:var(--l--theme--color--background--subtle);border-radius:var(--l--theme--border--radius--md);color:var(--l--theme--color--content--default);font-family:var(--l--theme--typography--code--font-family);font-size:var(--l--theme--typography--code--font-size);font-style:var(--l--theme--typography--code--font-style);font-variant-caps:var(--l--theme--typography--code--font-variant-caps);font-weight:var(--l--theme--typography--code--font-weight);letter-spacing:var(--l--theme--typography--code--letter-spacing);line-height:var(--l--theme--typography--code--line-height);padding:var(--l--spacing--2) var(--l--spacing--8);text-transform:var(--l--theme--typography--code--text-transform);white-space:pre-wrap}:where(del){background-color:var(--l--color--utility--danger--20);color:var(--l--color--utility--danger--100);text-decoration:line-through}:where(dfn){font-style:var(--l--typography--font-style--italic)}:where(em){font-style:var(--l--typography--font-style--italic)}:where(i){font-style:var(--l--typography--font-style--italic)}:where(ins){background-color:var(--l--color--utility--success--20);color:var(--l--color--utility--success--100);text-decoration:none}:where(kbd:not(:has(kbd))){background-color:var(--l--theme--color--background--subtle);border-radius:var(--l--theme--border--radius--md);border-width:var(--l--theme--border--width--sm);border-style:solid;border-color:var(--l--theme--color--border--default);color:var(--l--theme--color--content--default);font-family:var(--l--theme--typography--code--font-family);font-size:var(--l--theme--typography--code--font-size);padding:var(--l--spacing--2) var(--l--spacing--8)}:where(mark){background-color:var(--l--color--utility--attention--30);color:var(--l--color--utility--attention--100)}:where(q){font-style:var(--l--typography--font-style--italic)}:where(samp){font-family:var(--l--theme--typography--code--font-family);font-size:var(--l--theme--typography--code--font-size)}:where(small){font-size:.85em}:where(strong){font-weight:var(--l--typography--font-weight--bold)}:where(sub){font-size:.625em;vertical-align:sub}:where(sup){font-size:.625em;vertical-align:super}:where(var){font-style:var(--l--typography--font-style--italic);font-weight:var(--l--typography--font-weight--bold)}:where(audio){display:block;inline-size:100%;max-inline-size:100%}:where(iframe){display:block;overflow:hidden}:where(img){block-size:auto;display:block;max-inline-size:100%}:where(video){block-size:auto;display:block;max-inline-size:100%}:where(body){background-color:var(--l--theme--color--background--default);color:var(--l--theme--color--content--default);font-family:var(--l--theme--typography--body--md--font-family);font-size:var(--l--theme--typography--body--md--font-size);font-style:var(--l--theme--typography--body--md--font-style);font-variant-caps:var(--l--theme--typography--body--md--font-variant-caps);font-weight:var(--l--theme--typography--body--md--font-weight);-webkit-hyphens:auto;hyphens:auto;letter-spacing:var(--l--theme--typography--body--md--letter-spacing);line-height:var(--l--theme--typography--body--md--line-height);margin:0;overflow-wrap:break-word;text-transform:var(--l--theme--typography--body--md--text-transform)}:where(table){border-block-end-color:var(--l--theme--color--border--default);border-block-end-style:solid;border-block-end-width:var(--l--theme--border--width--sm);border-collapse:collapse;border-spacing:0}:where(thead,tfoot){font-weight:var(--l--typography--font-weight--bold)}:where(td,th){border:none;max-inline-size:var(--l--theme--measure--sm);padding:var(--l--spacing--8) var(--l--spacing--16);vertical-align:top}:where(td,th):first-child{padding-inline-start:0}:where(td,th):last-child{padding-inline-end:0}:where(th:not([align])){text-align:left}:where(table>tr,tbody>tr,tfoot>tr){border-block-start-style:solid;border-color:var(--l--theme--color--border--default);border-width:var(--l--theme--border--width--sm)}:where(caption){caption-side:bottom;margin-block-start:var(--l--theme--flow-space--xs);max-inline-size:var(--l--theme--measure--md);text-align:start}
+address{font-style:var(--l--typography--font-style--normal)}blockquote{font-family:var(--l--theme--blockquote--default--typography--font-family);font-size:var(--l--theme--blockquote--default--typography--font-size);font-style:var(--l--theme--blockquote--default--typography--font-style);font-variant-caps:var(--l--theme--blockquote--default--typography--font-variant-caps);font-weight:var(--l--theme--blockquote--default--typography--font-weight);letter-spacing:var(--l--theme--blockquote--default--typography--letter-spacing);line-height:var(--l--theme--blockquote--default--typography--line-height);margin:0;text-transform:var(--l--theme--blockquote--default--typography--text-transform);text-wrap:pretty}figure{margin:0}h1,h2,h3,h4,h5,h6{color:var(--l--theme--color--content--default);margin:0;text-wrap:pretty}h1{font-family:var(--l--theme--typography--h1--font-family);font-size:var(--l--theme--typography--h1--font-size);font-style:var(--l--theme--typography--h1--font-style);font-variant-caps:var(--l--theme--typography--h1--font-variant-caps);font-weight:var(--l--theme--typography--h1--font-weight);letter-spacing:var(--l--theme--typography--h1--letter-spacing);line-height:var(--l--theme--typography--h1--line-height);text-transform:var(--l--theme--typography--h1--text-transform)}h2{font-family:var(--l--theme--typography--h2--font-family);font-size:var(--l--theme--typography--h2--font-size);font-style:var(--l--theme--typography--h2--font-style);font-variant-caps:var(--l--theme--typography--h2--font-variant-caps);font-weight:var(--l--theme--typography--h2--font-weight);letter-spacing:var(--l--theme--typography--h2--letter-spacing);line-height:var(--l--theme--typography--h2--line-height);text-transform:var(--l--theme--typography--h2--text-transform)}h3{font-family:var(--l--theme--typography--h3--font-family);font-size:var(--l--theme--typography--h3--font-size);font-style:var(--l--theme--typography--h3--font-style);font-variant-caps:var(--l--theme--typography--h3--font-variant-caps);font-weight:var(--l--theme--typography--h3--font-weight);letter-spacing:var(--l--theme--typography--h3--letter-spacing);line-height:var(--l--theme--typography--h3--line-height);text-transform:var(--l--theme--typography--h3--text-transform)}h4{font-family:var(--l--theme--typography--h4--font-family);font-size:var(--l--theme--typography--h4--font-size);font-style:var(--l--theme--typography--h4--font-style);font-variant-caps:var(--l--theme--typography--h4--font-variant-caps);font-weight:var(--l--theme--typography--h4--font-weight);letter-spacing:var(--l--theme--typography--h4--letter-spacing);line-height:var(--l--theme--typography--h4--line-height);text-transform:var(--l--theme--typography--h4--text-transform)}h5{font-family:var(--l--theme--typography--h5--font-family);font-size:var(--l--theme--typography--h5--font-size);font-style:var(--l--theme--typography--h5--font-style);font-variant-caps:var(--l--theme--typography--h5--font-variant-caps);font-weight:var(--l--theme--typography--h5--font-weight);letter-spacing:var(--l--theme--typography--h5--letter-spacing);line-height:var(--l--theme--typography--h5--line-height);text-transform:var(--l--theme--typography--h5--text-transform)}h6{font-family:var(--l--theme--typography--h6--font-family);font-size:var(--l--theme--typography--h6--font-size);font-style:var(--l--theme--typography--h6--font-style);font-variant-caps:var(--l--theme--typography--h6--font-variant-caps);font-weight:var(--l--theme--typography--h6--font-weight);letter-spacing:var(--l--theme--typography--h6--letter-spacing);line-height:var(--l--theme--typography--h6--line-height);text-transform:var(--l--theme--typography--h6--text-transform)}hr{background-color:var(--l--theme--color--border--default);block-size:var(--l--theme--border--width--sm);border-width:0;margin:0}ol,ul{list-style-position:outside;margin:0;padding-inline-start:var(--l--spacing--24);text-wrap:pretty}dl{margin:0;padding-inline-start:0;text-wrap:pretty}dd+dt,li+li,li>ol,li>ul{margin-block-start:var(--l--theme--block-space--xs)}dt{font-weight:var(--l--typography--font-weight--bold)}dd{margin-inline-start:0}p{margin:0}pre{background-color:var(--l--theme--color--background--knockout);border-radius:var(--l--theme--border--radius--md);color:var(--l--theme--color--content--knockout);font-family:var(--l--theme--typography--code--font-family);font-size:var(--l--theme--typography--code--font-size);font-style:var(--l--theme--typography--code--font-style);font-variant-caps:var(--l--theme--typography--code--font-variant-caps);font-weight:var(--l--theme--typography--code--font-weight);letter-spacing:var(--l--theme--typography--code--letter-spacing);line-height:var(--l--theme--typography--code--line-height);margin:0;overflow-x:auto;padding:var(--l--spacing--24);text-transform:var(--l--theme--typography--code--text-transform);white-space:pre}a[href]{color:var(--l--theme--link--default--color--content--default);text-decoration-style:solid;text-decoration-line:underline}a[href]:hover{color:var(--l--theme--link--default--color--content--hover);text-decoration-line:none}a[href]:focus{color:var(--l--theme--link--default--color--content--focus);text-decoration-line:none}a[href]:active{color:var(--l--theme--link--default--color--content--active);text-decoration-line:none}a[href]:visited{color:var(--l--theme--link--default--color--content--visited)}abbr[title]{cursor:help;text-decoration-line:underline;text-decoration-style:dotted}b{font-weight:var(--l--typography--font-weight--bold)}cite{font-style:var(--l--typography--font-style--italic)}code:not(pre>code){background-color:var(--l--theme--color--background--subtle);border-radius:var(--l--theme--border--radius--md);color:var(--l--theme--color--content--default);font-family:var(--l--theme--typography--code--font-family);font-size:var(--l--theme--typography--code--font-size);font-style:var(--l--theme--typography--code--font-style);font-variant-caps:var(--l--theme--typography--code--font-variant-caps);font-weight:var(--l--theme--typography--code--font-weight);letter-spacing:var(--l--theme--typography--code--letter-spacing);line-height:var(--l--theme--typography--code--line-height);padding:var(--l--spacing--2) var(--l--spacing--8);text-transform:var(--l--theme--typography--code--text-transform);white-space:pre-wrap}del{background-color:var(--l--color--utility--danger--20);color:var(--l--color--utility--danger--100);text-decoration:line-through}dfn,em,i{font-style:var(--l--typography--font-style--italic)}ins{background-color:var(--l--color--utility--success--20);color:var(--l--color--utility--success--100);text-decoration:none}kbd:not(:has(kbd)){background-color:var(--l--theme--color--background--subtle);border-radius:var(--l--theme--border--radius--md);border-width:var(--l--theme--border--width--sm);border-style:solid;border-color:var(--l--theme--color--border--default);color:var(--l--theme--color--content--default);font-family:var(--l--theme--typography--code--font-family);font-size:var(--l--theme--typography--code--font-size);padding:var(--l--spacing--2) var(--l--spacing--8)}mark{background-color:var(--l--color--utility--attention--30);color:var(--l--color--utility--attention--100)}q{font-style:var(--l--typography--font-style--italic)}samp{font-family:var(--l--theme--typography--code--font-family);font-size:var(--l--theme--typography--code--font-size)}small{font-size:.85em}strong{font-weight:var(--l--typography--font-weight--bold)}sub{font-size:.625em;vertical-align:sub}sup{font-size:.625em;vertical-align:super}var{font-style:var(--l--typography--font-style--italic);font-weight:var(--l--typography--font-weight--bold)}audio{display:block;inline-size:100%;max-inline-size:100%}iframe{display:block;overflow:hidden}img{block-size:auto;display:block;max-inline-size:100%}video{block-size:auto;display:block;max-inline-size:100%}body{background-color:var(--l--theme--color--background--default);color:var(--l--theme--color--content--default);font-family:var(--l--theme--typography--body--md--font-family);font-size:var(--l--theme--typography--body--md--font-size);font-style:var(--l--theme--typography--body--md--font-style);font-variant-caps:var(--l--theme--typography--body--md--font-variant-caps);font-weight:var(--l--theme--typography--body--md--font-weight);-webkit-hyphens:auto;hyphens:auto;letter-spacing:var(--l--theme--typography--body--md--letter-spacing);line-height:var(--l--theme--typography--body--md--line-height);margin:0;overflow-wrap:break-word;text-transform:var(--l--theme--typography--body--md--text-transform)}table{border-block-end-color:var(--l--theme--color--border--default);border-block-end-style:solid;border-block-end-width:var(--l--theme--border--width--sm);border-collapse:collapse;border-spacing:0}thead,tfoot{font-weight:var(--l--typography--font-weight--bold)}td,th{border:none;max-inline-size:var(--l--theme--measure--sm);padding:var(--l--spacing--8) var(--l--spacing--16);vertical-align:top}td:first-child,th:first-child{padding-inline-start:0}td:last-child,th:last-child{padding-inline-end:0}th:not([align]){text-align:left}:is(table,tbody,tfoot)>tr{border-block-start-style:solid;border-color:var(--l--theme--color--border--default);border-width:var(--l--theme--border--width--sm)}caption{caption-side:bottom;margin-block-start:var(--l--theme--block-space--xs);max-inline-size:var(--l--theme--measure--md);text-align:start}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@withlayers/elements",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "description": "Elements layer that includes core styles for the html elements",
   "license": "MIT",
   "author": "Dmitry Mayorov",
@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@withlayers/defaults": "0.1.3",
-    "@withlayers/tokens": "0.1.3",
-    "@withlayers/mixins": "0.1.0"
+    "@withlayers/tokens": "0.2.0",
+    "@withlayers/mixins": "0.1.1"
   }
 }