@withlayers/elements 0.6.0 → 0.8.0

package/dist/index.css

@@ -1 +1 @@
-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{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}dt{font-weight:var(--l--typography--font-weight--bold)}dd+dt,li+li,li>ol,li>ul{margin-block-start:var(--l--theme--space--40)}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--on-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--on-default--color--content--default);text-decoration-color:currentColor;text-decoration-line:underline;text-decoration-style:solid}a[href]:hover{color:var(--l--theme--link--on-default--color--content--hover)}a[href]:focus-visible{color:var(--l--theme--link--on-default--color--content--focus)}a[href]:active{color:var(--l--theme--link--on-default--color--content--active)}a[href]:visited{color:var(--l--theme--link--on-default--color--content--visited)}a[href]:is(:hover,:focus-visible,:active){text-decoration-line:none}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--on-subtle);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-color:var(--l--theme--color--border--default);border-radius:var(--l--theme--border--radius--md);border-style:solid;border-width:var(--l--theme--border--width--sm);color:var(--l--theme--color--content--on-subtle);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--on-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--space--40);max-inline-size:var(--l--theme--measure--md);text-align:start}
+body{font-family:var(--l--theme--typography--body--font-family--md);font-size:var(--l--theme--typography--body--font-size--md);font-style:var(--l--theme--typography--body--font-style--md);font-variant-caps:var(--l--theme--typography--body--font-variant-caps--md);font-weight:var(--l--theme--typography--body--font-weight--md);letter-spacing:var(--l--theme--typography--body--letter-spacing--md);line-height:var(--l--theme--typography--body--line-height--md);text-transform:var(--l--theme--typography--body--text-transform--md);background-color:var(--l--theme--color--background--default);color:var(--l--theme--color--content--primary--on-default);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}address{font-style:var(--l--typography--font-style--normal)}blockquote{font-family:var(--l--theme--blockquote--typography--font-family);font-size:var(--l--theme--blockquote--typography--font-size);font-style:var(--l--theme--blockquote--typography--font-style);font-variant-caps:var(--l--theme--blockquote--typography--font-variant-caps);font-weight:var(--l--theme--blockquote--typography--font-weight);letter-spacing:var(--l--theme--blockquote--typography--letter-spacing);line-height:var(--l--theme--blockquote--typography--line-height);text-transform:var(--l--theme--blockquote--typography--text-transform)}h1{font-family:var(--l--theme--typography--heading--font-family--l1);font-size:var(--l--theme--typography--heading--font-size--l1);font-style:var(--l--theme--typography--heading--font-style--l1);font-variant-caps:var(--l--theme--typography--heading--font-variant-caps--l1);font-weight:var(--l--theme--typography--heading--font-weight--l1);letter-spacing:var(--l--theme--typography--heading--letter-spacing--l1);line-height:var(--l--theme--typography--heading--line-height--l1);text-transform:var(--l--theme--typography--heading--text-transform--l1)}h2{font-family:var(--l--theme--typography--heading--font-family--l2);font-size:var(--l--theme--typography--heading--font-size--l2);font-style:var(--l--theme--typography--heading--font-style--l2);font-variant-caps:var(--l--theme--typography--heading--font-variant-caps--l2);font-weight:var(--l--theme--typography--heading--font-weight--l2);letter-spacing:var(--l--theme--typography--heading--letter-spacing--l2);line-height:var(--l--theme--typography--heading--line-height--l2);text-transform:var(--l--theme--typography--heading--text-transform--l2)}h3{font-family:var(--l--theme--typography--heading--font-family--l3);font-size:var(--l--theme--typography--heading--font-size--l3);font-style:var(--l--theme--typography--heading--font-style--l3);font-variant-caps:var(--l--theme--typography--heading--font-variant-caps--l3);font-weight:var(--l--theme--typography--heading--font-weight--l3);letter-spacing:var(--l--theme--typography--heading--letter-spacing--l3);line-height:var(--l--theme--typography--heading--line-height--l3);text-transform:var(--l--theme--typography--heading--text-transform--l3)}h4{font-family:var(--l--theme--typography--heading--font-family--l4);font-size:var(--l--theme--typography--heading--font-size--l4);font-style:var(--l--theme--typography--heading--font-style--l4);font-variant-caps:var(--l--theme--typography--heading--font-variant-caps--l4);font-weight:var(--l--theme--typography--heading--font-weight--l4);letter-spacing:var(--l--theme--typography--heading--letter-spacing--l4);line-height:var(--l--theme--typography--heading--line-height--l4);text-transform:var(--l--theme--typography--heading--text-transform--l4)}h5{font-family:var(--l--theme--typography--heading--font-family--l5);font-size:var(--l--theme--typography--heading--font-size--l5);font-style:var(--l--theme--typography--heading--font-style--l5);font-variant-caps:var(--l--theme--typography--heading--font-variant-caps--l5);font-weight:var(--l--theme--typography--heading--font-weight--l5);letter-spacing:var(--l--theme--typography--heading--letter-spacing--l5);line-height:var(--l--theme--typography--heading--line-height--l5);text-transform:var(--l--theme--typography--heading--text-transform--l5)}h6{font-family:var(--l--theme--typography--heading--font-family--l6);font-size:var(--l--theme--typography--heading--font-size--l6);font-style:var(--l--theme--typography--heading--font-style--l6);font-variant-caps:var(--l--theme--typography--heading--font-variant-caps--l6);font-weight:var(--l--theme--typography--heading--font-weight--l6);letter-spacing:var(--l--theme--typography--heading--letter-spacing--l6);line-height:var(--l--theme--typography--heading--line-height--l6);text-transform:var(--l--theme--typography--heading--text-transform--l6)}hr{background-color:var(--l--theme--color--border--primary--on-default);block-size:var(--l--theme--border--width--sm);border-width:0}menu,ol,ul{list-style-position:outside;padding-inline-start:var(--l--theme--space--60)}dl{padding-inline-start:0}dt{font-weight:var(--l--typography--font-weight--bold)}dd+dt,li+li,li>ol,li>ul{margin-block-start:var(--l--theme--space--30)}dd{margin-inline-start:0}pre{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);text-transform:var(--l--theme--typography--code--text-transform);background-color:var(--l--theme--color--code--background--on-default);color:var(--l--theme--color--code--content--on-default);border-radius:var(--l--theme--border--radius--md);overflow-x:auto;padding:var(--l--theme--space--gutter);white-space:pre}audio{display:block;inline-size:100%;max-inline-size:100%}img,picture,video{block-size:auto;display:block;max-inline-size:100%}embed,fencedframe,iframe,object{display:block}table{border-block-end-color:var(--l--theme--color--border--primary--on-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--theme--space--30) var(--l--theme--space--40);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--primary--on-default);border-width:var(--l--theme--border--width--sm)}caption{caption-side:bottom;margin-block-start:var(--l--theme--space--40);max-inline-size:var(--l--theme--measure--md);text-align:start}details summary{cursor:pointer}dialog{background-color:var(--l--theme--dialog--color--background);border-color:var(--l--theme--dialog--color--border);border-radius:var(--l--theme--dialog--border--radius);border-style:var(--l--theme--dialog--border--style);border-width:var(--l--theme--dialog--border--width);color:var(--l--theme--dialog--color--content);inline-size:calc(var(--l--theme--dialog--measure) + var(--l--theme--dialog--space--inner--inline) * 2);max-block-size:calc(100% - var(--l--theme--dialog--space--inner--block) * 2);max-inline-size:calc(100% - var(--l--theme--dialog--space--inner--inline) * 2);padding-inline:var(--l--theme--dialog--space--inner--inline);padding-block:var(--l--theme--dialog--space--inner--block)}dialog::backdrop{background:var(--l--theme--color--overlay--on-default)}a[href]{color:var(--l--theme--link--color--content--primary--on-default--rest);text-decoration-color:currentcolor;text-decoration-line:underline;text-decoration-style:solid}a[href]:hover{color:var(--l--theme--link--color--content--primary--on-default--hover)}a[href]:focus-visible{color:var(--l--theme--link--color--content--primary--on-default--focus)}a[href]:active{color:var(--l--theme--link--color--content--primary--on-default--active)}a[href]:visited{color:var(--l--theme--link--color--content--primary--on-default--visited)}a[href]:is(:hover,:focus-visible,:active){text-decoration-line:none}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){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);text-transform:var(--l--theme--typography--code--text-transform)}code:not(pre>code,del>code,ins>code){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);text-transform:var(--l--theme--typography--code--text-transform);background-color:var(--l--theme--color--code--background--on-default);color:var(--l--theme--color--code--content--on-default);border-radius:var(--l--theme--border--radius--md);padding-inline:var(--l--theme--space--20);padding-block:var(--l--theme--space--10);white-space:pre-wrap}del{background-color:var(--l--theme--color--feedback--destructive--background--on-default);border-radius:var(--l--theme--border--radius--md);color:var(--l--theme--color--feedback--destructive--content--on-default);padding-inline:var(--l--theme--space--20);padding-block:var(--l--theme--space--10);text-decoration:line-through}dfn,em,i{font-style:var(--l--typography--font-style--italic)}ins{background-color:var(--l--theme--color--feedback--positive--background--on-default);border-radius:var(--l--theme--border--radius--md);color:var(--l--theme--color--feedback--positive--content--on-default);padding-inline:var(--l--theme--space--20);padding-block:var(--l--theme--space--10);text-decoration:none}kbd:not(:has(kbd)){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);text-transform:var(--l--theme--typography--code--text-transform);background-color:var(--l--theme--color--code--background--on-default);color:var(--l--theme--color--code--content--on-default);border-radius:var(--l--theme--border--radius--md);padding-inline:var(--l--theme--space--20);padding-block:var(--l--theme--space--10);white-space:pre-wrap}mark{background-color:var(--l--theme--color--feedback--warning--background--on-default);border-radius:var(--l--theme--border--radius--md);color:var(--l--theme--color--feedback--warning--content--on-default);padding-inline:var(--l--theme--space--20);padding-block:var(--l--theme--space--10)}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)}button,[type=button],[type=reset],[type=submit]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:not-allowed}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@withlayers/elements",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Elements layer that includes core styles for the html elements",
   "license": "MIT",
   "author": "Dmitry Mayorov",
@@ -19,8 +19,8 @@
     "lint:css:fix": "stylelint \"src/**/*.css\" --fix"
   },
   "dependencies": {
-    "@withlayers/defaults": "0.6.0",
-    "@withlayers/tokens": "0.6.0",
-    "@withlayers/mixins": "0.3.1"
+    "@withlayers/defaults": "0.8.0",
+    "@withlayers/tokens": "0.8.0",
+    "@withlayers/mixins": "0.4.0"
   }
 }