@neo4j-ndl/base 1.7.0 → 1.7.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 1.7.2
+
+### Patch Changes
+
+- e71e7ee: Fix cursor behavior
+
+## 1.7.1
+
+### Patch Changes
+
+- 630ce6f: Fix right side Drawer styling
+
 ## 1.7.0
 
 ### Minor Changes

package/lib/cjs/tokens/js/storybook-design-token.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Fri, 16 Jun 2023 09:51:08 GMT
+* Generated on Tue, 20 Jun 2023 08:49:26 GMT
 */
 exports.__esModule = true;
 exports.tokens = void 0;

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

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Fri, 16 Jun 2023 09:51:08 GMT
+* Generated on Tue, 20 Jun 2023 08:49:26 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, 16 Jun 2023 09:51:08 GMT
+* Generated on Tue, 20 Jun 2023 08:49:26 GMT
 */
 module.exports = {
     "transitions": {

package/lib/esm/tokens/js/storybook-design-token.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 16 Jun 2023 09:51:08 GMT
+* Generated on Tue, 20 Jun 2023 08:49:26 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 16 Jun 2023 09:51:08 GMT
+* Generated on Tue, 20 Jun 2023 08:49:26 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, 16 Jun 2023 09:51:08 GMT
+* Generated on Tue, 20 Jun 2023 08:49:26 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -459,7 +459,7 @@ video {
  */
 /**
  * Do not edit directly
- * Generated on Fri, 16 Jun 2023 09:51:08 GMT
+ * Generated on Tue, 20 Jun 2023 08:49:26 GMT
  */
 :root {
   --transitions-values-properties-default: all;
@@ -1039,13 +1039,15 @@ h6,
   letter-spacing: 0.016rem;
   line-height: 1.5rem;
 }
+.ndl-btn.ndl-disabled{
+  cursor: not-allowed;
+}
 /* State: Filled */
 .ndl-btn.ndl-filled{
   border-width: 0px;
   color: rgb(var(--palette-neutral-text-inverse));
 }
 .ndl-btn.ndl-filled.ndl-disabled{
-  cursor: default;
   background-color: rgb(var(--palette-neutral-bg-strong));
   color: rgb(var(--palette-neutral-text-weakest));
 }
@@ -1056,7 +1058,6 @@ h6,
   background-color: rgb(var(--palette-neutral-bg-weak));
 }
 .ndl-btn.ndl-outlined.ndl-disabled{
-  cursor: default;
   border-color: rgb(var(--palette-neutral-text-weakest));
   background-color: rgb(var(--palette-neutral-bg-weak));
   color: rgb(var(--palette-neutral-text-weakest));
@@ -1067,7 +1068,6 @@ h6,
   background-color: transparent;
 }
 .ndl-btn.ndl-text.ndl-disabled{
-  cursor: default;
   color: rgb(var(--palette-neutral-text-weakest));
 }
 .ndl-btn.ndl-floating-btn:not(.ndl-disabled):not(.ndl-text){
@@ -1415,7 +1415,7 @@ a.ndl-btn{
   margin-right: 0.5rem;
 }
 .ndl-tabs .ndl-tab.ndl-disabled{
-  cursor: default;
+  cursor: not-allowed;
   color: rgb(var(--palette-neutral-text-weakest));
 }
 .ndl-tabs .ndl-tab.ndl-underline-tab {
@@ -1822,7 +1822,7 @@ a.ndl-btn{
       z-index: 1;
       background-color: var(--palette-neutral-hover);
     }
-.ndl-form-item input[type='checkbox'][role='checkbox']:active:before, .ndl-form-item input[type='radio']:active:before {
+.ndl-form-item input[type='checkbox'][role='checkbox']:not(:disabled):active:before, .ndl-form-item input[type='radio']:not(:disabled):active:before {
       content: '';
       position: absolute;
       width: calc(100% + 22px);
@@ -1854,7 +1854,7 @@ a.ndl-btn{
         z-index: 1;
         background-color: var(--palette-primary-hover-weak);
       }
-.ndl-form-item input[type='checkbox'][role='checkbox']:checked:active:before, .ndl-form-item input[type='radio']:checked:active:before {
+.ndl-form-item input[type='checkbox'][role='checkbox']:checked:not(:disabled):active:before, .ndl-form-item input[type='radio']:checked:not(:disabled):active:before {
         content: '';
         position: absolute;
         width: calc(100% + 22px);
@@ -1956,7 +1956,7 @@ a.ndl-btn{
   --tw-ring-color: var(--palette-neutral-pressed);
   --tw-ring-offset-width: 1px;
 }
-.ndl-form-item input[type='checkbox'][role='switch']:focus-visible:enabled{
+.ndl-form-item input[type='checkbox'][role='switch']:focus-visible:enabled:not(:disabled){
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 1px;
@@ -1998,7 +1998,15 @@ a.ndl-btn{
         );
       }
 .ndl-form-item input[type='checkbox'][role='switch']:disabled{
+  cursor: not-allowed;
   background-color: rgb(var(--palette-neutral-bg-strong));
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.ndl-form-item input[type='checkbox'][role='switch']:active:disabled{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 /* Radio */
 .ndl-form-item input[type='radio']{
@@ -2066,7 +2074,16 @@ a.ndl-btn{
   color: rgb(var(--palette-neutral-text-weakest));
       background-color: inherit;
 }
-.ndl-form-item input[type='text']:disabled:active,  .ndl-form-item input[type='email']:disabled:active,  .ndl-form-item input[type='password']:disabled:active,  .ndl-form-item input[type='number']:disabled:active,  .ndl-form-item input[type='url']:disabled:active{
+.ndl-form-item input[type='text']:disabled:active, 
+    .ndl-form-item input[type='text']:disabled:focus, 
+    .ndl-form-item input[type='email']:disabled:active, 
+    .ndl-form-item input[type='email']:disabled:focus, 
+    .ndl-form-item input[type='password']:disabled:active, 
+    .ndl-form-item input[type='password']:disabled:focus, 
+    .ndl-form-item input[type='number']:disabled:active, 
+    .ndl-form-item input[type='number']:disabled:focus, 
+    .ndl-form-item input[type='url']:disabled:active, 
+    .ndl-form-item input[type='url']:disabled:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
@@ -2634,14 +2651,13 @@ a.ndl-btn{
   line-height: 1.25rem;
 }
 .ndl-menu .ndl-menu-item:hover:not(.ndl-disabled),
-    .ndl-menu .ndl-menu-item:focus {
+    .ndl-menu .ndl-menu-item:focus:not(.ndl-disabled) {
       /* Was :focus-visible, changed to support Safari */
       border-radius: 8px;
       background-color: rgb(var(--palette-neutral-bg-default));
     }
 .ndl-menu .ndl-menu-item.ndl-disabled{
-  pointer-events: none;
-  cursor: default;
+  cursor: not-allowed;
 }
 .ndl-menu .ndl-menu-item.ndl-disabled .ndl-menu-item-title{
   color: rgb(var(--palette-neutral-text-weaker));
@@ -2852,20 +2868,20 @@ a.ndl-btn{
   border-color: rgb(var(--palette-neutral-border-weak));
 }
 .ndl-drawer.ndl-drawer-right .ndl-drawer-header{
-  margin-left: 3rem;
+  margin-right: 3rem;
   padding-bottom: 1rem;
-  text-align: right;
+  text-align: left;
 }
 .ndl-drawer.ndl-drawer-right .ndl-drawer-actions{
   margin-top: auto;
   display: flex;
-  justify-content: flex-start;
+  justify-content: flex-end;
   gap: 1rem;
   padding-top: 1rem;
 }
 .ndl-drawer.ndl-drawer-right .ndl-drawer-close-button{
-  right: unset;
-  left: 1rem;
+  left: unset;
+  right: 1rem;
 }
 .ndl-drawer.ndl-drawer-overlay{
   position: absolute;
@@ -3781,6 +3797,7 @@ a.ndl-btn{
   margin-right: auto;
 }
 .ndl-drag-and-drop.ndl-drag-disabled{
+  cursor: not-allowed;
   color: rgb(var(--palette-neutral-text-weakest));
 }
 .ndl-drag-and-drop.ndl-drag-active{
@@ -3891,6 +3908,13 @@ a.ndl-btn{
   letter-spacing: 0.016rem;
   line-height: 1.25rem;
 }
+.ndl-dropdown div{
+  cursor: pointer;
+}
+.ndl-dropdown.ndl-creatable div, 
+  .ndl-dropdown.ndl-multi div{
+  cursor: text;
+}
 .ndl-dropdown .ndl-sub-text{
   color: rgb(var(--palette-neutral-text-weaker));
   font-size: var(--font-size-body-small);
@@ -3931,6 +3955,7 @@ a.ndl-btn{
   line-height: 1.25rem;
 }
 .ndl-dropdown .ndl-dropdown-icon{
+  cursor: pointer;
   color: rgb(var(--palette-neutral-text-weak));
 }
 .ndl-dropdown .ndl-dropdown-icon.ndl-extra-small{
@@ -4638,12 +4663,14 @@ a.ndl-btn{
   letter-spacing: 0.016rem;
   line-height: 1.5rem;
 }
+.cm-editor .cm-button.ndl-disabled{
+  cursor: not-allowed;
+}
 .cm-editor .cm-button.ndl-filled{
   border-width: 0px;
   color: rgb(var(--palette-neutral-text-inverse));
 }
 .cm-editor .cm-button.ndl-filled.ndl-disabled{
-  cursor: default;
   background-color: rgb(var(--palette-neutral-bg-strong));
   color: rgb(var(--palette-neutral-text-weakest));
 }
@@ -4653,7 +4680,6 @@ a.ndl-btn{
   background-color: rgb(var(--palette-neutral-bg-weak));
 }
 .cm-editor .cm-button.ndl-outlined.ndl-disabled{
-  cursor: default;
   border-color: rgb(var(--palette-neutral-text-weakest));
   background-color: rgb(var(--palette-neutral-bg-weak));
   color: rgb(var(--palette-neutral-text-weakest));
@@ -4663,7 +4689,6 @@ a.ndl-btn{
   background-color: transparent;
 }
 .cm-editor .cm-button.ndl-text.ndl-disabled{
-  cursor: default;
   color: rgb(var(--palette-neutral-text-weakest));
 }
 .cm-editor .cm-button.ndl-floating-btn:not(.ndl-disabled):not(.ndl-text){

package/lib/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 16 Jun 2023 09:51:08 GMT
+ * Generated on Tue, 20 Jun 2023 08:49:26 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 16 Jun 2023 09:51:08 GMT
+ * Generated on Tue, 20 Jun 2023 08:49:26 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 16 Jun 2023 09:51:08 GMT
+* Generated on Tue, 20 Jun 2023 08:49:26 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 16 Jun 2023 09:51:08 GMT
+// Generated on Tue, 20 Jun 2023 08:49:26 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-default: 100ms;

package/lib/types/tokens/js/storybook-design-token.d.ts

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 16 Jun 2023 09:51:08 GMT
+* Generated on Tue, 20 Jun 2023 08:49:26 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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