@neo4j-ndl/base 0.8.4 → 0.8.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log
 
+## 0.8.6
+
+### Patch Changes
+
+- 38a8692: add container property to Modal component
+
+## 0.8.5
+
+### Patch Changes
+
+- ad51925: fix text input placeholder color
+- 36432c7: Removes gap after checkbox if no label is specified
+- 299dccc: fixed css for tag component
+
 ## 0.8.4
 
 ### Patch Changes

package/lib/neo4j-ds-styles.css

@@ -420,7 +420,7 @@ Ensure the default browser behavior of the `hidden` attribute.
  */
 /**
  * Do not edit directly
- * Generated on Tue, 04 Oct 2022 09:34:59 GMT
+ * Generated on Mon, 24 Oct 2022 09:13:22 GMT
  */
 :root {
   --border-radius-sm: 4px;
@@ -1802,6 +1802,18 @@ a.ndl-btn{
   position: relative;
   width: 100%;
 }
+.ndl-form-item input::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+}
+.ndl-form-item input:-ms-input-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+}
+.ndl-form-item input::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+}
 .ndl-form-item input[type='text'], .ndl-form-item input[type='email'], .ndl-form-item input[type='password'], .ndl-form-item input[type='url']{
   height: 2.25rem;
   width: 100%;
@@ -2084,10 +2096,10 @@ a.ndl-btn{
   border-radius: 4px;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(238 241 246 / var(--tw-bg-opacity));
+  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
   font-size: var(--font-size-body-medium);
   font-weight: var(--font-weight-normal);
   letter-spacing: 0.25px;
@@ -2419,8 +2431,13 @@ a.ndl-btn{
   bottom: 0;
   right: 0;
 
-  background-color: rgba(0,0,0,0.4);
+  background-color: rgba(0, 0, 0, 0.4);
   cursor: default;
+}
+.ndl-modal-root.ndl-modal-container {
+    position: absolute;
+  }
+.ndl-modal-root{
   z-index: 1000;
 }
 .ndl-modal {
@@ -3371,18 +3388,28 @@ a.ndl-btn{
 .ndl-code-block-container .highlight-wrapper:not(.focused){
   overflow-y: hidden;
 }
-/* Component's title */
-.ndl-code-block-container .ndl-code-block-title{
+/* Component's header */
+.ndl-code-block-container .ndl-code-block-header{
   margin-left: 1rem;
   margin-right: 1rem;
   margin-top: 1rem;
   display: flex;
-  align-items: center;
   justify-content: space-between;
 }
-.ndl-code-block-container .ndl-code-block-title.disabled{
+.ndl-code-block-container .ndl-code-block-header.disabled{
   opacity: 0.5;
 }
+.ndl-code-block-container .ndl-code-block-header .ndl-code-block-title{
+  display: flex;
+  align-items: center;
+}
+.ndl-code-block-container .ndl-code-block-header .ndl-code-block-title.disabled{
+  pointer-events: none;
+}
+/* Component's header icons */
+.ndl-code-block-container .ndl-code-block-header .ndl-code-block-actions{
+  display: flex;
+}
 .n-sr-only{
   position: absolute;
   width: 1px;
@@ -3394,9 +3421,6 @@ a.ndl-btn{
   white-space: nowrap;
   border-width: 0;
 }
-.n-pointer-events-none{
-  pointer-events: none;
-}
 .n-fixed{
   position: fixed;
 }
@@ -3406,9 +3430,6 @@ a.ndl-btn{
 .n-relative{
   position: relative;
 }
-.n-left-full{
-  left: 100%;
-}
 .n-top-1{
   top: 0.25rem;
 }
@@ -3444,6 +3465,9 @@ a.ndl-btn{
 .n-mt-7{
   margin-top: 1.75rem;
 }
+.n-mt-2{
+  margin-top: 0.5rem;
+}
 .n-mr-1{
   margin-right: 0.25rem;
 }
@@ -3486,6 +3510,9 @@ a.ndl-btn{
 .n-h-6{
   height: 1.5rem;
 }
+.n-h-\[400px\]{
+  height: 400px;
+}
 .n-h-full{
   height: 100%;
 }
@@ -3522,6 +3549,9 @@ a.ndl-btn{
 .n-w-6{
   width: 1.5rem;
 }
+.n-w-\[400px\]{
+  width: 400px;
+}
 .n-w-32{
   width: 8rem;
 }
@@ -3675,6 +3705,9 @@ a.ndl-btn{
 .n-border-b{
   border-bottom-width: 1px;
 }
+.n-border-solid{
+  border-style: solid;
+}
 .n-border-light-neutral-text-weakest{
   --tw-border-opacity: 1;
   border-color: rgb(178 183 189 / var(--tw-border-opacity));

package/lib/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 04 Oct 2022 09:34:59 GMT
+ * Generated on Mon, 24 Oct 2022 09:13:22 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 04 Oct 2022 09:34:59 GMT
+ * Generated on Mon, 24 Oct 2022 09:13:22 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 04 Oct 2022 09:34:59 GMT
+* Generated on Mon, 24 Oct 2022 09:13:22 GMT
 */
 module.exports = {
     "borderRadius": {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 04 Oct 2022 09:34:59 GMT
+// Generated on Mon, 24 Oct 2022 09:13:22 GMT
 
 $border-radius-sm: 4px;
 $border-radius-md: 6px;

package/package.json

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