@neo4j-ndl/base 1.0.0-alpha-e2de802 → 1.0.0-alpha-fafbc08

package/lib/cjs/tokens/js/tokens-esm.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Fri, 20 Jan 2023 13:21:29 GMT
+* Generated on Thu, 26 Jan 2023 14:29:20 GMT
 */
 exports.__esModule = true;
 exports.tokens = void 0;

package/lib/cjs/tokens/js/tokens.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Fri, 20 Jan 2023 13:21:29 GMT
+* Generated on Thu, 26 Jan 2023 14:29:20 GMT
 */
 module.exports = {
     "transitions": {

package/lib/esm/tokens/js/tokens-esm.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 20 Jan 2023 13:21:29 GMT
+* Generated on Thu, 26 Jan 2023 14:29:20 GMT
 */
 export const tokens = {
     "transitions": {

package/lib/esm/tokens/js/tokens.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Fri, 20 Jan 2023 13:21:29 GMT
+* Generated on Thu, 26 Jan 2023 14:29:20 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -459,7 +459,7 @@ video {
  */
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jan 2023 13:21:29 GMT
+ * Generated on Thu, 26 Jan 2023 14:29:20 GMT
  */
 :root {
   --transitions-values-properties-default: all;
@@ -1461,10 +1461,10 @@ a.ndl-btn{
   border-radius: 4px;
   --tw-bg-opacity: 1;
   background-color: rgb(83 91 102 / var(--tw-bg-opacity));
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
   font-size: var(--font-size-body-small);
@@ -1898,6 +1898,32 @@ a.ndl-btn{
 .ndl-form-item .ndl-form-item-label.ndl-label-before{
   flex-direction: row-reverse;
 }
+.ndl-form-item .ndl-form-item-wrapper {
+    display: flex;
+    width: 100%;
+  }
+.ndl-form-item .ndl-form-item-wrapper .ndl-form-item-optional{
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+      font-style: italic;
+      margin-left: auto;
+}
+.ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-small {
+      margin-top: 2px;
+      margin-left: 3px;
+      width: 16px;
+      height: 16px;
+      --tw-text-opacity: 1;
+      color: rgb(83 91 102 / var(--tw-text-opacity));
+    }
+.ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-large {
+      margin-top: 2px;
+      margin-left: 3px;
+      width: 20px;
+      height: 20px;
+      --tw-text-opacity: 1;
+      color: rgb(83 91 102 / var(--tw-text-opacity));
+    }
 .ndl-form-item.ndl-type-text .ndl-form-item-label{
   flex-direction: column-reverse;
   align-items: flex-start;
@@ -4018,43 +4044,45 @@ a.ndl-btn{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
   padding: 0px;
+
+  transition: var(--transitions-default);
 }
 /* Regular Collapsed Styled */
-.ndl-side-navigation:not(.expanded):not(.ndl-icon-menu){
+.ndl-side-navigation:not(.ndl-expanded):not(.ndl-icon-menu){
   width: 0.625rem;
   min-width: 10px;
 }
 /* Regular Right Collapsed Styles */
-.ndl-side-navigation:not(.expanded):not(.ndl-icon-menu).right .ndl-side-navigation-drawer-button{
+.ndl-side-navigation:not(.ndl-expanded):not(.ndl-icon-menu).ndl-right .ndl-side-navigation-drawer-button{
   right: 0px;
   left: unset;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   border-right-width: 0px;
 }
-.ndl-side-navigation:not(.expanded):not(.ndl-icon-menu).right .ndl-side-navigation-drawer-button:not(.ndl-icon-btn-border) {
+.ndl-side-navigation:not(.ndl-expanded):not(.ndl-icon-menu).ndl-right .ndl-side-navigation-drawer-button:not(.ndl-icon-btn-border) {
             /* Offset 1px from icon border on sibling item */
             bottom: calc(0.5rem + 1px);
           }
 /* Regular Left Collapsed Styles */
-.ndl-side-navigation:not(.expanded):not(.ndl-icon-menu).left .ndl-side-navigation-drawer-button{
+.ndl-side-navigation:not(.ndl-expanded):not(.ndl-icon-menu).ndl-left .ndl-side-navigation-drawer-button{
   left: 0px;
   right: unset;
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
   border-left-width: 0px;
 }
-.ndl-side-navigation:not(.expanded):not(.ndl-icon-menu).left .ndl-side-navigation-drawer-button:not(.ndl-icon-btn-border) {
+.ndl-side-navigation:not(.ndl-expanded):not(.ndl-icon-menu).ndl-left .ndl-side-navigation-drawer-button:not(.ndl-icon-btn-border) {
             /* Offset 1px from icon border on sibling item */
             bottom: calc(0.5rem + 1px);
           }
 /* Icon Collapsed Styled */
-.ndl-side-navigation:not(.expanded).ndl-icon-menu{
+.ndl-side-navigation:not(.ndl-expanded).ndl-icon-menu{
   width: unset;
   min-width: unset;
 }
 /* Icon Left Collapsed Styles */
-.ndl-side-navigation:not(.expanded).ndl-icon-menu .ndl-side-navigation-drawer-button {
+.ndl-side-navigation:not(.ndl-expanded).ndl-icon-menu .ndl-side-navigation-drawer-button {
         /* This is important because we can't rely on
           * `right` to be accurate due to the scrollbar
           * on the child <nav /> element. So we switch
@@ -4065,32 +4093,32 @@ a.ndl-btn{
         left: 0.5rem;
         right: unset;
       }
-.ndl-side-navigation:not(.expanded).ndl-icon-menu .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item{
+.ndl-side-navigation:not(.ndl-expanded).ndl-icon-menu .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item{
   display: flex;
   width: 3rem;
   justify-content: center;
 }
-.ndl-side-navigation:not(.expanded).ndl-icon-menu .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item .ndl-icon{
+.ndl-side-navigation:not(.ndl-expanded).ndl-icon-menu .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item .ndl-icon{
   margin-right: 0px;
 }
-.ndl-side-navigation.right{
+.ndl-side-navigation.ndl-right{
   border-left-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
   border-color: rgb(238 241 246 / var(--tw-border-opacity));
 }
-.ndl-side-navigation.right .ndl-side-navigation-drawer-button{
+.ndl-side-navigation.ndl-right .ndl-side-navigation-drawer-button{
   bottom: 0.5rem;
   left: 0.5rem;
   right: unset;
 }
-.ndl-side-navigation.left{
+.ndl-side-navigation.ndl-left{
   border-right-width: 1px;
   border-style: solid;
   --tw-border-opacity: 1;
   border-color: rgb(238 241 246 / var(--tw-border-opacity));
 }
-.ndl-side-navigation.left .ndl-side-navigation-drawer-button{
+.ndl-side-navigation.ndl-left .ndl-side-navigation-drawer-button{
   bottom: 0.5rem;
   right: 0.5rem;
   left: unset;
@@ -4139,31 +4167,31 @@ a.ndl-btn{
   --tw-text-opacity: 1;
   color: rgb(113 119 128 / var(--tw-text-opacity));
 }
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.selected{
+.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selected{
   --tw-bg-opacity: 1;
   background-color: rgb(230 248 255 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: rgb(0 111 214 / var(--tw-text-opacity));
 }
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.selected .ndl-icon{
+.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selected .ndl-icon{
   --tw-text-opacity: 1;
   color: rgb(0 111 214 / var(--tw-text-opacity));
 }
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.selectable{
+.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable{
   cursor: pointer;
 }
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.selectable:hover:not(.selected){
+.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:hover:not(.selected){
   --tw-bg-opacity: 1;
   background-color: rgb(245 247 250 / var(--tw-bg-opacity));
 }
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.selectable:focus-visible{
+.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:focus-visible{
   --tw-bg-opacity: 1;
   background-color: rgb(230 248 255 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: rgb(0 111 214 / var(--tw-text-opacity));
           outline: auto;
 }
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.selectable:active{
+.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:active{
   --tw-bg-opacity: 1;
   background-color: rgb(230 248 255 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;

package/lib/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jan 2023 13:21:29 GMT
+ * Generated on Thu, 26 Jan 2023 14:29:20 GMT
  */
 
 :root {

package/lib/tokens/js/tokens-raw.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Jan 2023 13:21:29 GMT
+ * Generated on Thu, 26 Jan 2023 14:29:20 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 20 Jan 2023 13:21:29 GMT
+* Generated on Thu, 26 Jan 2023 14:29:20 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 20 Jan 2023 13:21:29 GMT
+// Generated on Thu, 26 Jan 2023 14:29:20 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-default: 100ms;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "1.0.0-alpha-e2de802",
+  "version": "1.0.0-alpha-fafbc08",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "",