vrembem 4.0.0-next.44 → 4.0.0-next.45

package/README.md

@@ -3,78 +3,3 @@
 A complete collection of all Vrembem components into a single comprehensive package for convenience.
 
 [Documentation](https://vrembem.com/packages/vrembem)
-
-## Installation
-
-Via CDN
-
-```html
-<!-- Include styles -->
-<link rel="stylesheet" href="https://unpkg.com/vrembem/dist/index.css">
-
-<!-- Include scripts -->
-<script src="https://unpkg.com/vrembem"></script>
-
-<script>
-  // All Vrembem JS modules are loaded into the vrembem namespace
-  console.log(vrembem);
-</script>
-```
-
-Via NPM
-
-```sh
-npm install vrembem
-```
-
-## Styles
-
-To include all Vrembem components into your styles, just import the vrembem package in your Sass manifest file.
-
-```scss
-@use "vrembem";
-```
-
-All component variables, functions and mixins are forwarded under their respective namespace and can be customized:
-
-```scss
-@use "vrembem" with (
-  $button-padding: 1rem 2rem
-);
-```
-
-Customize core variables which all components inherit from. The example below will prefix all components with `vb-` to help namespace styles:
-
-```scss
-@use "vrembem" with (
-  $core-prefix-block: "vb-"
-);
-```
-
-## JavaScript
-
-Import and mount the components you'll need:
-
-```js
-// Import individual components
-import { Drawer } from 'vrembem';
-const drawers = new DrawerCollection();
-await drawers.mount();
-```
-
-## Markup
-
-Include the component's markup into your project. Use the [online documentation](https://vrembem.com) for more information, customization options, code examples and available modifiers.
-
-```html
-<div class="drawer__wrapper">
-  <aside data-drawer="[unique-id]" class="drawer">
-    <div class="drawer__item">
-      <button data-drawer-close>...</button>
-    </div>
-  </aside>
-  <div class="drawer__main">
-    <button data-drawer-toggle="[unique-id]">...</button>
-  </div>
-</div>
-```

package/components.scss

@@ -3,6 +3,7 @@
 @forward "@vrembem/button" as button-*;
 @forward "@vrembem/checkbox" as checkbox-*;
 @forward "@vrembem/input" as input-*;
+@forward "@vrembem/select" as select-*;
 @forward "@vrembem/radio" as radio-*;
 @forward "@vrembem/switch" as switch-*;
 @forward "@vrembem/card" as card-*;

package/dev/base.css

@@ -49,9 +49,6 @@
     border: 0;
     background: none;
   }
-  textarea {
-    resize: vertical;
-  }
   label:has(:disabled) {
     pointer-events: none;
   }
@@ -95,7 +92,7 @@
   .content > * + * {
     margin-top: var(--vb-content-spacing);
   }
-  .h1, .content > h1, .h2, .content > h2, .h3, .content > h3, .h4, .content > h4, .h5, .content > h5, .h6, .content > h6 {
+  .h1, .content > h1, .h2, .content > h2, .h3, .content > h3, .h4, .content > h4, .h5, .content > h5 {
     font-family: var(--vb-headings-font-family, inherit);
     font-size: var(--vb-headings-font-size, 1em);
     font-weight: var(--vb-headings-font-weight, var(--vb-font-weight-semi-bold));
@@ -103,22 +100,23 @@
     color: var(--vb-headings-foreground, var(--vb-foreground-strong));
   }
   .h1, .content > h1 {
-    --vb-headings-font-size: 2.75em;
+    --vb-headings-font-size: 2.75rem;
+    --vb-headings-line-height: 1.25;
   }
   .h2, .content > h2 {
-    --vb-headings-font-size: 2em;
+    --vb-headings-font-size: 2rem;
+    --vb-headings-line-height: 1.25;
   }
   .h3, .content > h3 {
-    --vb-headings-font-size: 1.75em;
+    --vb-headings-font-size: 1.75rem;
+    --vb-headings-line-height: 1.25;
   }
   .h4, .content > h4 {
-    --vb-headings-font-size: 1.5em;
+    --vb-headings-font-size: 1.5rem;
+    --vb-headings-line-height: 1.375;
   }
   .h5, .content > h5 {
-    --vb-headings-font-size: 1.25em;
-  }
-  .h6, .content > h6 {
-    --vb-headings-font-size: 1em;
+    --vb-headings-font-size: 1.25rem;
   }
   .link, .content :not(div) > a {
     color: var(--vb-link-foreground, var(--vb-foreground-accent));
@@ -130,14 +128,14 @@
     color: var(--vb-link-foreground, var(--vb-foreground-accent));
     background-color: var(--vb-background-alt);
   }
-  .link:hover, .link:focus, .content :not(div) > a:hover, .content :not(div) > a:focus {
+  .link:hover, .link:focus-visible, .content :not(div) > a:hover, .content :not(div) > a:focus-visible {
     color: var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - 0.1) c h), oklch(from var(--vb-foreground-accent) calc(l + 0.1) c h)));
     text-decoration: var(--vb-link-decoration-hover, none);
   }
-  .link:hover code, .link:focus code, .content :not(div) > a:hover code, .content :not(div) > a:focus code {
+  .link:hover code, .link:focus-visible code, .content :not(div) > a:hover code, .content :not(div) > a:focus-visible code {
     color: var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - 0.1) c h), oklch(from var(--vb-foreground-accent) calc(l + 0.1) c h)));
   }
-  .link:focus, .content :not(div) > a:focus {
+  .link:focus-visible, .content :not(div) > a:focus-visible {
     outline: var(--vb-link-focus-ring, currentcolor dotted 1px);
     outline-offset: var(--vb-link-focus-ring-offset, 0.125rem);
   }

package/dev/base.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@vrembem/core/base.scss","../../../node_modules/@vrembem/core/src/scss/library/_base.scss","../../../node_modules/@vrembem/content/index.scss","../../../node_modules/@vrembem/content/src/modules/_content.scss","../../../node_modules/@vrembem/content/src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/scss/modules/_tokens.scss","../../../node_modules/@vrembem/content/src/modules/_link.scss","../../../node_modules/@vrembem/content/src/modules/_list.scss","../../../node_modules/@vrembem/content/src/modules/_code.scss","../../../node_modules/@vrembem/content/src/modules/_pre.scss","../../../node_modules/@vrembem/content/src/modules/_blockquote.scss","../../../node_modules/@vrembem/content/src/modules/_separator.scss","../../../node_modules/@vrembem/content/src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/scss/library/_arrow.scss","../../../node_modules/@vrembem/content/src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/scss/library/_size.scss","../../../node_modules/@vrembem/core/src/scss/library/_loading-spinner.scss","../../../node_modules/@vrembem/content/src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/scss/library/_sr-only.scss"],"names":[],"mappings":"AAEA;ECWE;AAAA;AAAA;IAGE;IACA;IACA;;EAQF;AAAA;IAEE;IACA;IACA;;EAIF;IACE;;EAKF;IACE;IACA;IACA;;EAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQE;;EAIF;AAAA;AAAA;IAGE;IACA;IACA;;EAIF;AAAA;AAAA;AAAA;IAIE;IACA;;EAIF;IACE;IACA;IACA;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;IACA;;EAIF;AAAA;AAAA;AAAA;AAAA;AAAA;IAME;IACA;;EAIF;AAAA;IAEE;;EAIF;IACE;;EAIF;AAAA;IAEE;IACA;;EAKF;IACE;IACA;;;ACjIJ;ECGE;IACE;IACA;IACA;IACA;;EAEA;IACE;;ECLJ;IACE;IACA;IACA;IACA;IACA;;EAYA;IC0JE;;ED1JF;IC0JE;;ED1JF;IC0JE;;ED1JF;IC0JE;;ED1JF;IC0JE;;ED1JF;IC0JE;;EC7KJ;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAIF;IAEE;IAIA;;EAEA;IACE;;EAOJ;IACE;IACA;;EC/BJ;IACE;;EAEA;AAAA;AAAA;AAAA;IAEE;;EAGF;AAAA;AAAA;AAAA;IAEE;;EAIJ;IACE;;ECfF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;ECRF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;ECdJ;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;ECTJ;IACE;IACA;IACA;IACA;;ECNF;AAAA;AAAA;AAAA;AAAA;ICMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDTA;IACE;;EAGF;IACE;;EAGF;IACE;;EEjBF;ICUE,OCCY;IDAZ;ICOF,UFjBgC;IEkBhC;IACA;IACA;IACA;IACA;;EAME;IACE;MACE;;IAGF;MACE;;;ECnCN;ICFA;IACA;IACA;IACA;IACA;IACA;IACA","file":"base.css"}
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@vrembem/core/base.scss","../../../node_modules/@vrembem/core/src/scss/library/_base.scss","../../../node_modules/@vrembem/content/index.scss","../../../node_modules/@vrembem/content/src/modules/_content.scss","../../../node_modules/@vrembem/content/src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/scss/modules/_tokens.scss","../../../node_modules/@vrembem/content/src/modules/_link.scss","../../../node_modules/@vrembem/content/src/modules/_list.scss","../../../node_modules/@vrembem/content/src/modules/_code.scss","../../../node_modules/@vrembem/content/src/modules/_pre.scss","../../../node_modules/@vrembem/content/src/modules/_blockquote.scss","../../../node_modules/@vrembem/content/src/modules/_separator.scss","../../../node_modules/@vrembem/content/src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/scss/library/_arrow.scss","../../../node_modules/@vrembem/content/src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/scss/library/_size.scss","../../../node_modules/@vrembem/core/src/scss/library/_loading-spinner.scss","../../../node_modules/@vrembem/content/src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/scss/library/_sr-only.scss"],"names":[],"mappings":"AAEA;ECWE;AAAA;AAAA;IAGE;IACA;IACA;;EAQF;AAAA;IAEE;IACA;IACA;;EAIF;IACE;;EAKF;IACE;IACA;IACA;;EAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQE;;EAIF;AAAA;AAAA;IAGE;IACA;IACA;;EAIF;AAAA;AAAA;AAAA;IAIE;IACA;;EAIF;IACE;IACA;IACA;;EAIF;IACE;;EAIF;IACE;IACA;;EAIF;AAAA;AAAA;AAAA;AAAA;AAAA;IAME;IACA;;EAIF;AAAA;IAEE;;EAIF;IACE;;EAIF;AAAA;IAEE;IACA;;EAKF;IACE;IACA;;;AC5HJ;ECGE;IACE;IACA;IACA;IACA;;EAEA;IACE;;ECLJ;IACE;IACA;IACA;IACA;IACA;;EAYA;ICiSE;IAAA;;EDjSF;ICiSE;IAAA;;EDjSF;ICiSE;IAAA;;EDjSF;ICiSE;IAAA;;EDjSF;ICiSE;;ECrTJ;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAIF;IAEE;IAIA;;EAEA;IACE;;EAOJ;IACE;IACA;;EC9BJ;IACE;;EAEA;AAAA;AAAA;AAAA;IAEE;;EAGF;AAAA;AAAA;AAAA;IAEE;;EAIJ;IACE;;ECfF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;ECRF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;ECdJ;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;ECTJ;IACE;IACA;IACA;IACA;;ECNF;AAAA;AAAA;AAAA;AAAA;ICMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDTA;IACE;;EAGF;IACE;;EAGF;IACE;;EEjBF;ICUE,OCCY;IDAZ;ICOF,UFjBgC;IEkBhC;IACA;IACA;IACA;IACA;;EAME;IACE;MACE;;IAGF;MACE;;;ECnCN;ICFA;IACA;IACA;IACA;IACA;IACA;IACA","file":"base.css"}