@aotearoan/neon 9.0.3-beta-1 → 9.2.0

package/dist/components/user-input/select/NeonSelect.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var d=require("./NeonSelect.ts_vue_type_script_src_37fb08e4_lang.cjs.js"),e=require("vue"),c=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const p={class:"neon-select__wrapper"},u={class:"no-style neon-select__options"},m={class:"neon-select__option-container"},k={class:"neon-select__option-label"},b=["id","aria-selected","onClick","onMouseover"],y={class:"neon-select__option-container"},v={class:"neon-select__option-label"},_=["disabled","multiple"],g=["selected"],h=["label"],B=["data-index","disabled","multiple","selected","value"],V=["data-index","disabled","multiple","selected","value"];function E(l,t,f,C,S,z){const a=e.resolveComponent("neon-switch"),i=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-dropdown");return e.openBlock(),e.createElementBlock("div",p,[e.createVNode(r,e.mergeProps({id:l.id,ref:"dropdown",modelValue:l.open,"onUpdate:modelValue":t[0]||(t[0]=n=>l.open=n),"aria-activedescendant":l.multiple?l.modelValue[0]:l.modelValue,"aria-multiselectable":l.multiple,class:[[`neon-select--${l.color}`,{"neon-select--grouped":l.groupedOptions,"neon-select--multiple":l.multiple}],"neon-select"],color:l.color,disabled:l.disabled,icon:l.computedIcon,label:l.computedLabel,size:l.size,role:"listbox"},l.sanitizedAttributes,{onDropdownPlacement:l.onPlacement}),{default:e.withCtx(()=>[e.createElementVNode("ul",u,[l.placeholderAsOption?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass([`neon-select__option--${l.size}`,"neon-select__option neon-select__option--disabled neon-select__option-placeholder"])},[e.createElementVNode("div",m,[e.createElementVNode("span",k,e.toDisplayString(l.placeholder),1)])],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.computedOptions,n=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.group!==""?(e.openBlock(),e.createElementBlock("li",{key:n.group,class:"neon-select__option-title"},e.toDisplayString(n.group),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,o=>(e.openBlock(),e.createElementBlock("li",{id:o.key,key:o.key,"aria-selected":l.multiple?l.modelValue.indexOf(o.key)>=0:o.key===l.modelValue,class:e.normalizeClass([[{"neon-select__option--disabled":o.disabled,"neon-select__option--separator-before":o.separatorBefore,"neon-select__option--selected":l.multiple?l.modelValue.indexOf(o.key)>=0:o.key===l.modelValue,"neon-select__option--highlighted":o.key===l.highlightedKey},`neon-select__option--${l.size}`],"neon-select__option"]),role:"option",onClick:s=>!o.disabled&&l.clickOption(o),onMouseover:s=>l.changeHighlighted(o.key)},[e.createElementVNode("div",y,[e.renderSlot(l.$slots,"option",{option:o},()=>[l.multiple?(e.openBlock(),e.createBlock(a,{key:0,color:l.color,modelValue:l.modelValue.indexOf(o.key)>=0,size:l.size==="l"?"m":"s","switch-style":"checkbox"},null,8,["color","modelValue","size"])):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(i,{key:1,disabled:o.disabled,name:o.icon,class:"neon-select__option-icon"},null,8,["disabled","name"])):e.createCommentVNode("",!0),e.createElementVNode("span",v,e.toDisplayString(o.label),1)])])],42,b))),128))],64))),256))])]),_:3},16,["id","modelValue","aria-activedescendant","aria-multiselectable","class","color","disabled","icon","label","size","onDropdownPlacement"]),e.createElementVNode("select",e.mergeProps({disabled:l.disabled,multiple:l.multiple,class:"neon-select__native"},l.sanitizedAttributes,{onInput:t[1]||(t[1]=(...n)=>l.nativeSelectChange&&l.nativeSelectChange(...n))}),[e.createElementVNode("option",{selected:l.multiple?l.modelValue.length===0:l.modelValue==="",disabled:"",hidden:"",value:""},e.toDisplayString(l.placeholder),9,g),l.groupedOptions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.groupedOptions,n=>(e.openBlock(),e.createElementBlock("optgroup",{key:n.group,label:n.group},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,(o,s)=>(e.openBlock(),e.createElementBlock("option",{key:`${o.key}-native`,"data-index":s,disabled:o.disabled,multiple:l.multiple,selected:l.multiple?l.modelValue.indexOf(o.key)>=0:o.key===l.modelValue,value:o.key},e.toDisplayString(o.label),9,B))),128))],8,h))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.options,(n,o)=>(e.openBlock(),e.createElementBlock("option",{key:`${n.key}-native`,"data-index":o,disabled:n.disabled,multiple:l.multiple,selected:l.multiple?l.modelValue.indexOf(n.key)>=0:n.key===l.modelValue,value:n.key},e.toDisplayString(n.label),9,V))),128))],16,_)])}var N=c(d,[["render",E],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/select/NeonSelect.vue"]]);module.exports=N;
+"use strict";var d=require("./NeonSelect.ts_vue_type_script_src_37fb08e4_lang.cjs.js"),e=require("vue"),c=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const p={class:"neon-select__wrapper"},u={class:"no-style neon-select__options"},m={class:"neon-select__option-container"},k={class:"neon-select__option-label"},b=["id","aria-selected","onMouseover","onClick"],y={class:"neon-select__option-container"},v={class:"neon-select__option-label"},_=["disabled","multiple"],g=["selected"],h=["label"],B=["data-index","disabled","multiple","selected","value"],V=["data-index","disabled","multiple","selected","value"];function E(l,t,f,C,S,w){const a=e.resolveComponent("neon-switch"),i=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-dropdown");return e.openBlock(),e.createElementBlock("div",p,[e.createVNode(r,e.mergeProps({id:l.id,ref:"dropdown",modelValue:l.open,"onUpdate:modelValue":t[0]||(t[0]=n=>l.open=n),"aria-activedescendant":l.multiple?l.modelValue[0]:l.modelValue,"aria-multiselectable":l.multiple,class:[[`neon-select--${l.color}`,{"neon-select--grouped":l.groupedOptions,"neon-select--multiple":l.multiple}],"neon-select"],color:l.color,disabled:l.disabled,icon:l.computedIcon,label:l.computedLabel,size:l.size,role:"listbox"},l.sanitizedAttributes,{onDropdownPlacement:l.onPlacement}),{default:e.withCtx(()=>[e.createElementVNode("ul",u,[l.placeholderAsOption?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass([`neon-select__option--${l.size}`,"neon-select__option neon-select__option--disabled neon-select__option-placeholder"])},[e.createElementVNode("div",m,[e.createElementVNode("span",k,e.toDisplayString(l.placeholder),1)])],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.computedOptions,n=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.group!==""?(e.openBlock(),e.createElementBlock("li",{key:n.group,class:"neon-select__option-title"},e.toDisplayString(n.group),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,o=>(e.openBlock(),e.createElementBlock("li",{id:o.key,key:o.key,"aria-selected":l.multiple?l.modelValue.indexOf(o.key)>=0:o.key===l.modelValue,class:e.normalizeClass([[{"neon-select__option--disabled":o.disabled,"neon-select__option--separator-before":o.separatorBefore,"neon-select__option--selected":l.multiple?l.modelValue.indexOf(o.key)>=0:o.key===l.modelValue,"neon-select__option--highlighted":o.key===l.highlightedKey},`neon-select__option--${l.size}`],"neon-select__option"]),role:"option",onMouseover:s=>l.changeHighlighted(o.key),onClick:e.withModifiers(s=>!o.disabled&&l.clickOption(o),["stop","prevent"])},[e.createElementVNode("div",y,[e.renderSlot(l.$slots,"option",{option:o},()=>[l.multiple?(e.openBlock(),e.createBlock(a,{key:0,color:l.color,modelValue:l.modelValue.indexOf(o.key)>=0,size:l.size==="l"?"m":"s","switch-style":"checkbox"},null,8,["color","modelValue","size"])):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(i,{key:1,disabled:o.disabled,name:o.icon,class:"neon-select__option-icon"},null,8,["disabled","name"])):e.createCommentVNode("",!0),e.createElementVNode("span",v,e.toDisplayString(o.label),1)])])],42,b))),128))],64))),256))])]),_:3},16,["id","modelValue","aria-activedescendant","aria-multiselectable","class","color","disabled","icon","label","size","onDropdownPlacement"]),e.createElementVNode("select",e.mergeProps({disabled:l.disabled,multiple:l.multiple,class:"neon-select__native"},l.sanitizedAttributes,{onInput:t[1]||(t[1]=(...n)=>l.nativeSelectChange&&l.nativeSelectChange(...n))}),[e.createElementVNode("option",{selected:l.multiple?l.modelValue.length===0:l.modelValue==="",disabled:"",hidden:"",value:""},e.toDisplayString(l.placeholder),9,g),l.groupedOptions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.groupedOptions,n=>(e.openBlock(),e.createElementBlock("optgroup",{key:n.group,label:n.group},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,(o,s)=>(e.openBlock(),e.createElementBlock("option",{key:`${o.key}-native`,"data-index":s,disabled:o.disabled,multiple:l.multiple,selected:l.multiple?l.modelValue.indexOf(o.key)>=0:o.key===l.modelValue,value:o.key},e.toDisplayString(o.label),9,B))),128))],8,h))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.options,(n,o)=>(e.openBlock(),e.createElementBlock("option",{key:`${n.key}-native`,"data-index":o,disabled:n.disabled,multiple:l.multiple,selected:l.multiple?l.modelValue.indexOf(n.key)>=0:n.key===l.modelValue,value:n.key},e.toDisplayString(n.label),9,V))),128))],16,_)])}var N=c(d,[["render",E],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/select/NeonSelect.vue"]]);module.exports=N;
 //# sourceMappingURL=NeonSelect.cjs.js.map

package/dist/components/user-input/select/NeonSelect.es.js

@@ -1,11 +1,11 @@
 import _sfc_main from "./NeonSelect.ts_vue_type_script_src_37fb08e4_lang.es.js";
-import { resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, renderSlot, createBlock } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, withModifiers, renderSlot, createBlock } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-select__wrapper" };
 const _hoisted_2 = { class: "no-style neon-select__options" };
 const _hoisted_3 = { class: "neon-select__option-container" };
 const _hoisted_4 = { class: "neon-select__option-label" };
-const _hoisted_5 = ["id", "aria-selected", "onClick", "onMouseover"];
+const _hoisted_5 = ["id", "aria-selected", "onMouseover", "onClick"];
 const _hoisted_6 = { class: "neon-select__option-container" };
 const _hoisted_7 = { class: "neon-select__option-label" };
 const _hoisted_8 = ["disabled", "multiple"];
@@ -64,8 +64,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     `neon-select__option--${_ctx.size}`
                   ], "neon-select__option"]),
                   role: "option",
-                  onClick: ($event) => !option.disabled && _ctx.clickOption(option),
-                  onMouseover: ($event) => _ctx.changeHighlighted(option.key)
+                  onMouseover: ($event) => _ctx.changeHighlighted(option.key),
+                  onClick: withModifiers(($event) => !option.disabled && _ctx.clickOption(option), ["stop", "prevent"])
                 }, [
                   createElementVNode("div", _hoisted_6, [
                     renderSlot(_ctx.$slots, "option", { option }, () => [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "9.0.3-beta-1",
+  "version": "9.2.0",
   "main": "./dist/neoon.cjs.js",
   "module": "dist/neon.es.js",
   "types": "dist/neon.d.ts",
@@ -14,9 +14,9 @@
     "./sass/includes/*": "./src/sass/includes/*"
   },
   "scripts": {
-    "dev": "node doc-gen.js && vite",
-    "build": "vite build && vue-tsc --emitDeclarationOnly",
-    "test": "jest --no-cache",
+    "dev": "node doc-gen.js && genversion --es6 --semi ./version.ts && vite",
+    "build": "genversion --es6 --semi ./version.ts && vite build && vue-tsc --emitDeclarationOnly",
+    "test": "genversion --es6 --semi ./version.ts && jest --no-cache",
     "preview": "vite preview --port 4173",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit",
@@ -87,6 +87,7 @@
     "eslint-import-resolver-typescript": "^3.5.3",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.9.0",
+    "genversion": "^3.1.1",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-serializer-vue": "^3.1.0",

package/src/sass/components/_tooltip.scss

@@ -98,6 +98,7 @@
         top: calc(100% + var(--neon-base-space));
         margin-top: -6rem;
         border-top: 6rem solid var(--neon-color-text);
+        z-index: var(--neon-z-index-above-2);
       }
     }
 
@@ -110,6 +111,7 @@
         bottom: calc(100% + var(--neon-base-space));
         margin-bottom: -6rem;
         border-bottom: 6rem solid var(--neon-color-text);
+        z-index: var(--neon-z-index-above-2);
       }
     }
 
@@ -143,6 +145,7 @@
         left: calc(100% + var(--neon-base-space));
         margin-left: -6rem;
         border-left: 6rem solid var(--neon-color-text);
+        z-index: var(--neon-z-index-above-2);
       }
     }
 
@@ -159,6 +162,7 @@
         right: calc(100% + var(--neon-base-space));
         margin-right: -6rem;
         border-right: 6rem solid var(--neon-color-text);
+        z-index: var(--neon-z-index-above-2);
       }
     }
 

package/src/sass/global/_base-html.scss

@@ -160,6 +160,8 @@
   .neon-note,
   table,
   label,
+  .neon--horizontal,
+  .neon--vertical,
   p {
     & + h1,
     & + .neon-h1,
@@ -178,6 +180,23 @@
     }
   }
 
+  h1,
+  .neon-h1,
+  h2,
+  .neon-h2,
+  h3,
+  .neon-h3,
+  h4,
+  .neon-h4,
+  h5,
+  .neon-h5,
+  h6,
+  .neon-h6 {
+    & + label.neon-switch {
+      margin-top: 0;
+    }
+  }
+
   .neon-monospaced {
     font-family: var(--neon-font-family-monospaced);
     font-variant-ligatures: discretionary-ligatures;

package/src/sass/palette.scss

@@ -3,108 +3,98 @@
   This is why there are 2 color definitions the raw 'rgb' definition and the actual 'color' one
 */
 .neon {
-  --neon-rgb-text-dark: 48, 48, 48; // #303030
-  --neon-rgb-text-strong-dark: 36, 36, 36; // #242424
-
-  --neon-rgb-text-light: 221, 221, 221; // #ddd
-  --neon-rgb-text-strong-light: 248, 248, 248; // #f8f8f8
-
-  --neon-rgb-neutral-l5: 238, 238, 238; // #eee
-  --neon-rgb-neutral-l4: 221, 221, 221; // #ddd
-  --neon-rgb-neutral-l3: 201, 201, 201; // #c9c9c9
-  --neon-rgb-neutral-l2: 179, 179, 179; // #b3b3b3
-  --neon-rgb-neutral-l1: 155, 155, 155; // #9b9b9b
-  --neon-rgb-neutral-d1: 104, 104, 104; // #686868
-  --neon-rgb-neutral-d2: 82, 82, 82; // #525252
-  --neon-rgb-neutral-d3: 64, 64, 64; // #404040
-  --neon-rgb-neutral-d4: 48, 48, 48; // #303030
-  --neon-rgb-neutral-d5: 36, 36, 36; // #242424
-
-  --neon-rgb-low-contrast-l5: 221, 221, 221; // #ddd
-  --neon-rgb-low-contrast-l4: 201, 201, 201; // #c9c9c9
-  --neon-rgb-low-contrast-l3: 176, 176, 176; // #b0b0b0
-  --neon-rgb-low-contrast-l2: 145, 145, 145; // #919191
-  --neon-rgb-low-contrast-l1: 114, 114, 114; // #727272
-  --neon-rgb-low-contrast-d1: 144, 144, 144; // #909090
-  --neon-rgb-low-contrast-d2: 132, 132, 132; // #848484
-  --neon-rgb-low-contrast-d3: 104, 104, 104; // #686868
-  --neon-rgb-low-contrast-d4: 82, 82, 82; // #525252
-  --neon-rgb-low-contrast-d5: 66, 66, 66; // #424242
-
-  --neon-rgb-high-contrast-l5: 255, 255, 255; // #fff
-  --neon-rgb-high-contrast-l4: 241, 241, 241; // #f1f1f1
-  --neon-rgb-high-contrast-l3: 226, 226, 226; // #e2e2e2
-  --neon-rgb-high-contrast-l2: 212, 212, 212; // #d4d4d4
-  --neon-rgb-high-contrast-l1: 198, 198, 198; // #c6c6c6
-  --neon-rgb-high-contrast-d1: 58, 58, 58; // #3A3A3A
-  --neon-rgb-high-contrast-d2: 48, 48, 48; // #303030
-  --neon-rgb-high-contrast-d3: 38, 38, 38; // #262626
-  --neon-rgb-high-contrast-d4: 27, 27, 27; // #1b1b1b
-  --neon-rgb-high-contrast-d5: 17, 17, 17; // #111
-
-  --neon-rgb-brand-l5: 251, 240, 255; // #fbf0ff
-  --neon-rgb-brand-l4: 250, 206, 255; // #faceff
-  --neon-rgb-brand-l3: 244, 172, 255; // #f4acff
-  --neon-rgb-brand-l2: 233, 137, 255; // #e989ff
-  --neon-rgb-brand-l1: 218, 100, 255; // #da64ff
-  --neon-rgb-brand-d1: 141, 7, 237; // #8d07ed
-  --neon-rgb-brand-d2: 120, 29, 193; // #781dc1
-  --neon-rgb-brand-d3: 90, 29, 140; // #5a1d8c
-  --neon-rgb-brand-d4: 58, 26, 83; // #3a1a53
-  --neon-rgb-brand-d5: 32, 25, 37; // #201925
-
-  --neon-rgb-primary-l5: 255, 242, 225; // #fff2e1
-  --neon-rgb-primary-l4: 255, 224, 170; // #ffe0aa
-  --neon-rgb-primary-l3: 255, 207, 120; // #ffcf78
-  --neon-rgb-primary-l2: 255, 192, 73; // #ffc049
-  --neon-rgb-primary-l1: 246, 177, 5; // #f6b105
-  --neon-rgb-primary-d1: 148, 95, 0; // #945f00
-  --neon-rgb-primary-d2: 125, 81, 0; // #7d5100
-  --neon-rgb-primary-d3: 94, 60, 0; // #5e3c00
-  --neon-rgb-primary-d4: 61, 39, 0; // #3d2700
-  --neon-rgb-primary-d5: 35, 26, 12; // #231a0c
-
-  --neon-rgb-info-l5: 232, 245, 255; // #e8f5ff
-  --neon-rgb-info-l4: 182, 244, 255; // #b6e0ff
-  --neon-rgb-info-l3: 130, 202, 255; // #82caff
-  --neon-rgb-info-l2: 76, 179, 255; // #4cb3ff
-  --neon-rgb-info-l1: 0, 154, 255; // #009aff
-  --neon-rgb-info-d1: 0, 93, 242; // #005df2
-  --neon-rgb-info-d2: 0, 80, 199; // #0050c7
-  --neon-rgb-info-d3: 0, 60, 146; // #003c92
-  --neon-rgb-info-d4: 4, 40, 88; // #042858
-  --neon-rgb-info-d5: 24, 27, 40; // #181b28
-
-  --neon-rgb-success-l5: 227, 249, 236; //#e3f9ec
-  --neon-rgb-success-l4: 183, 245, 211; //#b7f5d3
-  --neon-rgb-success-l3: 138, 239, 187; //#8aefbb
-  --neon-rgb-success-l2: 93, 230, 167; //#5de6a7
-  --neon-rgb-success-l1: 21, 221, 148; //#15dd94
-  --neon-rgb-success-d1: 0, 124, 61; //#007c3d
-  --neon-rgb-success-d2: 0, 105, 53; //#006935
-  --neon-rgb-success-d3: 0, 79, 40; //#004f28
-  --neon-rgb-success-d4: 0, 51, 28; //#00331c
-  --neon-rgb-success-d5: 15, 31, 22; //#0f1f16
-
-  --neon-rgb-warn-l5: 255, 240, 227; // #fff0e3
-  --neon-rgb-warn-l4: 255, 211, 170; // #ffd3aa
-  --neon-rgb-warn-l3: 255, 183, 117; // #ffb775
-  --neon-rgb-warn-l2: 255, 157, 70; // #ff9d46
-  --neon-rgb-warn-l1: 243, 132, 12; // #f3840c
-  --neon-rgb-warn-d1: 176, 78, 0; // #b04e00
-  --neon-rgb-warn-d2: 148, 68, 0; // #944400
-  --neon-rgb-warn-d3: 110, 51, 0; // #6e3300
-  --neon-rgb-warn-d4: 70, 34, 0; // #462200
-  --neon-rgb-warn-d5: 37, 25, 14; // #25190e
-
-  --neon-rgb-error-l5: 255, 238, 233; // #ffeee9
-  --neon-rgb-error-l4: 255, 206, 190; // #ffcebe
-  --neon-rgb-error-l3: 255, 172, 150; // #ffac96
-  --neon-rgb-error-l2: 255, 138, 115; // #ff8a73
-  --neon-rgb-error-l1: 255, 99, 83; // #ff6353
-  --neon-rgb-error-d1: 218, 0, 11; // #da000b
-  --neon-rgb-error-d2: 181, 0, 16; // #b50010
-  --neon-rgb-error-d3: 134, 9, 15; // #86090f
-  --neon-rgb-error-d4: 83, 19, 14; // #53130e
-  --neon-rgb-error-d5: 40, 23, 20; // #281714
+  --neon-rgb-text-dark: 48, 48, 48;
+  --neon-rgb-text-strong-dark: 36, 36, 36;
+  --neon-rgb-text-light: 221, 221, 221;
+  --neon-rgb-text-strong-light: 248, 248, 248;
+  --neon-rgb-low-contrast-l5: 221, 221, 221;
+  --neon-rgb-low-contrast-l4: 201, 201, 201;
+  --neon-rgb-low-contrast-l3: 176, 176, 176;
+  --neon-rgb-low-contrast-l2: 145, 145, 145;
+  --neon-rgb-low-contrast-l1: 114, 114, 114;
+  --neon-rgb-low-contrast-d1: 144, 144, 144;
+  --neon-rgb-low-contrast-d2: 132, 132, 132;
+  --neon-rgb-low-contrast-d3: 104, 104, 104;
+  --neon-rgb-low-contrast-d4: 82, 82, 82;
+  --neon-rgb-low-contrast-d5: 66, 66, 66;
+  --neon-rgb-neutral-l5: 238, 238, 238;
+  --neon-rgb-neutral-l4: 221, 221, 221;
+  --neon-rgb-neutral-l3: 201, 201, 201;
+  --neon-rgb-neutral-l2: 179, 179, 179;
+  --neon-rgb-neutral-l1: 155, 155, 155;
+  --neon-rgb-neutral-d1: 96, 96, 96;
+  --neon-rgb-neutral-d2: 82, 82, 82;
+  --neon-rgb-neutral-d3: 64, 64, 64;
+  --neon-rgb-neutral-d4: 48, 48, 48;
+  --neon-rgb-neutral-d5: 36, 36, 36;
+  --neon-rgb-high-contrast-l5: 255, 255, 255;
+  --neon-rgb-high-contrast-l4: 241, 241, 241;
+  --neon-rgb-high-contrast-l3: 226, 226, 226;
+  --neon-rgb-high-contrast-l2: 212, 212, 212;
+  --neon-rgb-high-contrast-l1: 198, 198, 198;
+  --neon-rgb-high-contrast-d1: 58, 58, 58;
+  --neon-rgb-high-contrast-d2: 48, 48, 48;
+  --neon-rgb-high-contrast-d3: 38, 38, 38;
+  --neon-rgb-high-contrast-d4: 27, 27, 27;
+  --neon-rgb-high-contrast-d5: 17, 17, 17;
+  --neon-rgb-brand-l5: 254, 242, 224;
+  --neon-rgb-brand-l4: 250, 220, 170;
+  --neon-rgb-brand-l3: 241, 199, 120;
+  --neon-rgb-brand-l2: 227, 179, 77;
+  --neon-rgb-brand-l1: 211, 159, 29;
+  --neon-rgb-brand-d1: 128, 89, 0;
+  --neon-rgb-brand-d2: 110, 76, 0;
+  --neon-rgb-brand-d3: 84, 58, 0;
+  --neon-rgb-brand-d4: 56, 38, 0;
+  --neon-rgb-brand-d5: 34, 26, 12;
+  --neon-rgb-primary-l5: 250, 240, 255;
+  --neon-rgb-primary-l4: 243, 208, 255;
+  --neon-rgb-primary-l3: 233, 176, 255;
+  --neon-rgb-primary-l2: 217, 145, 255;
+  --neon-rgb-primary-l1: 199, 114, 255;
+  --neon-rgb-primary-d1: 102, 19, 206;
+  --neon-rgb-primary-d2: 91, 30, 171;
+  --neon-rgb-primary-d3: 72, 28, 126;
+  --neon-rgb-primary-d4: 49, 25, 78;
+  --neon-rgb-primary-d5: 32, 25, 38;
+  --neon-rgb-info-l5: 230, 245, 255;
+  --neon-rgb-info-l4: 182, 224, 255;
+  --neon-rgb-info-l3: 137, 201, 255;
+  --neon-rgb-info-l2: 98, 178, 255;
+  --neon-rgb-info-l1: 62, 153, 255;
+  --neon-rgb-info-d1: 0, 91, 191;
+  --neon-rgb-info-d2: 0, 79, 162;
+  --neon-rgb-info-d3: 0, 60, 123;
+  --neon-rgb-info-d4: 4, 40, 78;
+  --neon-rgb-info-d5: 21, 27, 41;
+  --neon-rgb-success-l5: 227, 249, 236;
+  --neon-rgb-success-l4: 178, 234, 204;
+  --neon-rgb-success-l3: 130, 218, 173;
+  --neon-rgb-success-l2: 84, 200, 146;
+  --neon-rgb-success-l1: 18, 181, 121;
+  --neon-rgb-success-d1: 0, 111, 58;
+  --neon-rgb-success-d2: 0, 96, 51;
+  --neon-rgb-success-d3: 0, 73, 38;
+  --neon-rgb-success-d4: 0, 48, 27;
+  --neon-rgb-success-d5: 15, 31, 22;
+  --neon-rgb-warn-l5: 255, 241, 225;
+  --neon-rgb-warn-l4: 255, 217, 173;
+  --neon-rgb-warn-l3: 255, 193, 124;
+  --neon-rgb-warn-l2: 246, 171, 82;
+  --neon-rgb-warn-l1: 233, 151, 39;
+  --neon-rgb-warn-d1: 147, 80, 0;
+  --neon-rgb-warn-d2: 126, 69, 0;
+  --neon-rgb-warn-d3: 95, 53, 0;
+  --neon-rgb-warn-d4: 63, 35, 0;
+  --neon-rgb-warn-d5: 36, 26, 13;
+  --neon-rgb-error-l5: 255, 238, 233;
+  --neon-rgb-error-l4: 255, 204, 191;
+  --neon-rgb-error-l3: 255, 170, 153;
+  --neon-rgb-error-l2: 255, 139, 120;
+  --neon-rgb-error-l1: 247, 108, 90;
+  --neon-rgb-error-d1: 178, 47, 39;
+  --neon-rgb-error-d2: 151, 44, 35;
+  --neon-rgb-error-d3: 115, 34, 27;
+  --neon-rgb-error-d4: 74, 26, 20;
+  --neon-rgb-error-d5: 40, 23, 20;
 }