@neo4j-ndl/base 3.0.0-alpha-4904fb7 → 3.0.0-alpha-9886872

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 14 Oct 2024 15:52:01 GMT
+* Generated on Wed, 16 Oct 2024 12:56:24 GMT
 */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokens = void 0;

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 14 Oct 2024 15:52:01 GMT
+* Generated on Wed, 16 Oct 2024 12:56:24 GMT
 */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokens = void 0;

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 14 Oct 2024 15:52:01 GMT
+* Generated on Wed, 16 Oct 2024 12:56:24 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 14 Oct 2024 15:52:01 GMT
+* Generated on Wed, 16 Oct 2024 12:56:24 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 14 Oct 2024 15:52:01 GMT
+* Generated on Wed, 16 Oct 2024 12:56:24 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 14 Oct 2024 15:52:01 GMT
+* Generated on Wed, 16 Oct 2024 12:56:24 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -1232,8 +1232,8 @@ h6,
 }
 .ndl-btn.ndl-medium {
   height:36px;
-  padding-left:24px;
-  padding-right:24px;
+  padding-left:16px;
+  padding-right:16px;
   padding-top:8px;
   padding-bottom:8px;
   font-family:var(--font-font-family-body-label), sans-serif;
@@ -3148,18 +3148,20 @@ a.ndl-btn {
   padding:4px;
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
+.ndl-segmented-control.ndl-floating {
+  --tw-shadow:var(--theme-shadow-overlay);
+  --tw-shadow-colored:var(--theme-shadow-overlay);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .ndl-segmented-control > button {
   cursor:pointer;
   border-radius:4px;
 }
 .ndl-segmented-control > button:focus-visible {
-  outline:2px solid transparent;
-  outline-offset:2px;
-  --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(2px + 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);
-  --tw-ring-inset:inset;
-  --tw-ring-color:rgb(var(--theme-palette-primary-focus));
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:-2px;
+  outline-color:rgb(var(--theme-palette-primary-focus));
 }
 .ndl-segmented-control > button:hover {
   background-color:rgb(var(--theme-palette-neutral-hover));
@@ -3168,14 +3170,19 @@ a.ndl-btn {
   background-color:rgb(var(--theme-palette-neutral-pressed));
 }
 .ndl-segmented-control .ndl-current {
-  background-color:rgb(var(--theme-palette-primary-bg-strong));
-  color:rgb(var(--theme-palette-neutral-text-inverse));
-  --tw-shadow:var(--theme-shadow-overlay);
-  --tw-shadow-colored:var(--theme-shadow-overlay);
-  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  border-width:1px;
+  border-style:solid;
+  border-color:rgb(var(--theme-palette-primary-border-weak));
+  background-color:rgb(var(--theme-palette-primary-bg-weak));
+  color:rgb(var(--theme-palette-primary-text));
 }
 .ndl-segmented-control .ndl-current:hover {
-  background-color:rgb(var(--theme-palette-primary-icon));
+  border-style:none;
+  background-color:rgb(var(--theme-palette-neutral-hover));
+  color:rgb(var(--theme-neutral-text-weak));
+}
+.ndl-segmented-control .ndl-current:active {
+  background-color:rgb(var(--theme-palette-neutral-pressed));
 }
 .ndl-segmented-control.ndl-large {
   height:48px;
@@ -3194,9 +3201,18 @@ a.ndl-btn {
 .ndl-segmented-control.ndl-large .ndl-segment-icon {
   padding:10px;
 }
+.ndl-segmented-control.ndl-large .ndl-segment-icon.ndl-current:not(:hover) {
+  padding:9px;
+}
 .ndl-segmented-control.ndl-large > button {
   height:40px;
 }
+.ndl-segmented-control.ndl-large .ndl-current.ndl-segment-item:not(:hover) {
+  padding-left:15px;
+  padding-right:15px;
+  padding-top:7px;
+  padding-bottom:7px;
+}
 .ndl-segmented-control.ndl-small {
   height:36px;
   font-family:var(--font-font-family-subheading-small), sans-serif;
@@ -3214,9 +3230,18 @@ a.ndl-btn {
 .ndl-segmented-control.ndl-small .ndl-segment-icon {
   padding:6px;
 }
+.ndl-segmented-control.ndl-small .ndl-segment-icon.ndl-current:not(:hover) {
+  padding:5px;
+}
 .ndl-segmented-control.ndl-small > button {
   height:28px;
 }
+.ndl-segmented-control.ndl-small .ndl-current.ndl-segment-item:not(:hover) {
+  padding-left:11px;
+  padding-right:11px;
+  padding-top:3px;
+  padding-bottom:3px;
+}
 @keyframes ndl-spinner{
   0%{
     transform:translate3d(0%, 0%, 0) rotate(0deg);
@@ -4765,8 +4790,8 @@ a.ndl-btn {
 }
 .ndl-cypher-editor .cm-editor .cm-button.ndl-medium, .ndl-codemirror-editor .cm-editor .cm-button.ndl-medium {
   height:36px;
-  padding-left:24px;
-  padding-right:24px;
+  padding-left:16px;
+  padding-right:16px;
   padding-top:8px;
   padding-bottom:8px;
   font-family:var(--font-font-family-body-label), sans-serif;
@@ -5008,17 +5033,17 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
     border-radius:4px;
     outline-offset:0px;
 }
-.ndl-textarea .ndl-textarea-wrapper {
+.ndl-text-area .ndl-text-area-wrapper {
   position:relative;
   width:100%;
 }
-.ndl-textarea textarea::-moz-placeholder {
+.ndl-text-area textarea::-moz-placeholder {
   color:rgb(var(--theme-palette-neutral-text-weaker));
 }
-.ndl-textarea textarea::placeholder {
+.ndl-text-area textarea::placeholder {
   color:rgb(var(--theme-palette-neutral-text-weaker));
 }
-.ndl-textarea textarea {
+.ndl-text-area textarea {
   width:100%;
   border-radius:4px;
   border-width:1px;
@@ -5034,23 +5059,23 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 
     min-height:80px;
 }
-.ndl-textarea textarea:active,
-    .ndl-textarea textarea:focus {
+.ndl-text-area textarea:active,
+    .ndl-text-area textarea:focus {
   outline-style:solid;
   outline-width:2px;
   outline-offset:-1px;
   outline-color:rgb(var(--theme-palette-primary-focus));
 }
-.ndl-textarea textarea:disabled {
+.ndl-text-area textarea:disabled {
   cursor:not-allowed;
   color:rgb(var(--theme-palette-neutral-text-weakest));
       background-color:inherit;
 }
-.ndl-textarea textarea:disabled:active {
+.ndl-text-area textarea:disabled:active {
   outline:2px solid transparent;
   outline-offset:2px;
 }
-.ndl-textarea .ndl-textarea-label {
+.ndl-text-area .ndl-text-area-label {
   display:inline-flex;
   align-items:flex-start;
   -moz-column-gap:12px;
@@ -5061,57 +5086,57 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-textarea .ndl-textarea-label.ndl-fluid {
+.ndl-text-area .ndl-text-area-label.ndl-fluid {
   display:flex;
   width:100%;
 }
-.ndl-textarea .ndl-textarea-label.ndl-label-before {
+.ndl-text-area .ndl-text-area-label.ndl-label-before {
   flex-direction:row-reverse;
 }
-.ndl-textarea .ndl-textarea-wrapper{
+.ndl-text-area .ndl-text-area-wrapper{
     display:flex;
     width:100%;
   }
-.ndl-textarea .ndl-textarea-wrapper .ndl-textarea-optional {
+.ndl-text-area .ndl-text-area-wrapper .ndl-text-area-optional {
   color:rgb(var(--theme-palette-neutral-text-weaker));
       font-style:italic;
       margin-left:auto;
 }
-.ndl-textarea .ndl-textarea-wrapper .ndl-information-icon-small {
+.ndl-text-area .ndl-text-area-wrapper .ndl-information-icon-small {
   margin-top:2px;
   margin-left:3px;
   width:16px;
   height:16px;
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
-.ndl-textarea .ndl-textarea-wrapper .ndl-information-icon-large {
+.ndl-text-area .ndl-text-area-wrapper .ndl-information-icon-large {
   margin-top:2px;
   margin-left:3px;
   width:20px;
   height:20px;
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
-.ndl-textarea.ndl-type-text .ndl-textarea-label {
+.ndl-text-area.ndl-type-text .ndl-text-area-label {
   flex-direction:column-reverse;
   align-items:flex-start;
   row-gap:5px;
 }
-.ndl-textarea.ndl-type-text .ndl-textarea-label .ndl-textarea-label-text {
+.ndl-text-area.ndl-type-text .ndl-text-area-label .ndl-text-area-label-text {
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
-.ndl-textarea.ndl-type-text .ndl-textarea-no-label {
+.ndl-text-area.ndl-type-text .ndl-text-area-no-label {
   row-gap:0px;
 }
-.ndl-textarea.ndl-type-radio {
+.ndl-text-area.ndl-type-radio {
   display:flex;
   align-items:center;
   color:rgb(var(--theme-palette-neutral-text-default));
 }
-.ndl-textarea.ndl-disabled .ndl-textarea-label {
+.ndl-text-area.ndl-disabled .ndl-text-area-label {
   cursor:not-allowed;
   color:rgb(var(--theme-palette-neutral-text-weakest));
 }
-.ndl-textarea .ndl-textarea-msg {
+.ndl-text-area .ndl-text-area-msg {
   margin-top:4px;
   display:flex;
   flex-direction:row;
@@ -5121,23 +5146,23 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   line-height:1rem;
   color:rgb(var(--theme-palette-neutral-text-weaker));
 }
-.ndl-textarea .ndl-textarea-msg .ndl-error-text{
+.ndl-text-area .ndl-text-area-msg .ndl-error-text{
       display:inline-block;
     }
-.ndl-textarea.ndl-has-error textarea {
+.ndl-text-area.ndl-has-error textarea {
   outline-color:rgb(var(--theme-palette-danger-border-strong));
   border-width:2px;
   border-color:rgb(var(--theme-palette-danger-border-strong));
 }
-.ndl-textarea.ndl-has-error .ndl-textarea-msg {
+.ndl-text-area.ndl-has-error .ndl-text-area-msg {
   color:rgb(var(--theme-palette-danger-text));
 }
-.ndl-textarea.ndl-has-icon .ndl-error-icon {
+.ndl-text-area.ndl-has-icon .ndl-error-icon {
   width:20px;
   height:20px;
   color:rgb(var(--theme-palette-danger-text));
 }
-.ndl-textarea.ndl-large textarea {
+.ndl-text-area.ndl-large textarea {
   padding-top:12px;
   padding-bottom:12px;
   font-family:var(--font-font-family-body-large), sans-serif;
@@ -5147,27 +5172,27 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   line-height:1.5rem;
       min-height:100px;
 }
-.ndl-textarea.ndl-large .ndl-textarea-label{
+.ndl-text-area.ndl-large .ndl-text-area-label{
   font-family:var(--font-font-family-body-large), sans-serif;
   font-size:var(--font-size-body-large);
   font-weight:var(--font-weight-normal);
   letter-spacing:0.016rem;
   line-height:1.5rem;
 }
-.ndl-textarea.ndl-large .ndl-textarea-msg{
+.ndl-text-area.ndl-large .ndl-text-area-msg{
   font-family:var(--font-font-family-body-medium), sans-serif;
   font-size:var(--font-size-body-medium);
   font-weight:var(--font-weight-normal);
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-textarea.ndl-large.ndl-has-icon .ndl-icon {
+.ndl-text-area.ndl-large.ndl-has-icon .ndl-icon {
   position:absolute;
   width:24px;
   height:24px;
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
-.ndl-textarea.ndl-small textarea, .ndl-textarea.ndl-medium textarea {
+.ndl-text-area.ndl-small textarea, .ndl-text-area.ndl-medium textarea {
   padding-top:8px;
   padding-bottom:8px;
   font-family:var(--font-font-family-body-medium), sans-serif;
@@ -5176,14 +5201,14 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-textarea.ndl-small .ndl-textarea-label, .ndl-textarea.ndl-medium .ndl-textarea-label{
+.ndl-text-area.ndl-small .ndl-text-area-label, .ndl-text-area.ndl-medium .ndl-text-area-label{
   font-family:var(--font-font-family-body-medium), sans-serif;
   font-size:var(--font-size-body-medium);
   font-weight:var(--font-weight-normal);
   letter-spacing:0.016rem;
   line-height:1.25rem;
 }
-.ndl-textarea.ndl-small.ndl-has-icon .ndl-icon, .ndl-textarea.ndl-medium.ndl-has-icon .ndl-icon {
+.ndl-text-area.ndl-small.ndl-has-icon .ndl-icon, .ndl-text-area.ndl-medium.ndl-has-icon .ndl-icon {
   width:20px;
   height:20px;
   position:absolute;

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Oct 2024 15:52:01 GMT
+ * Generated on Wed, 16 Oct 2024 12:56:24 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Oct 2024 15:52:01 GMT
+ * Generated on Wed, 16 Oct 2024 12:56:24 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 14 Oct 2024 15:52:01 GMT
+* Generated on Wed, 16 Oct 2024 12:56:24 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 14 Oct 2024 15:52:01 GMT
+// Generated on Wed, 16 Oct 2024 12:56:24 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-quick: 100ms;

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 14 Oct 2024 15:52:01 GMT
+* Generated on Wed, 16 Oct 2024 12:56:24 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "3.0.0-alpha-4904fb7",
+  "version": "3.0.0-alpha-9886872",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "https://www.neo4j.design",