@neo4j-ndl/base 4.0.0-alpha.0.c6243ce → 4.0.1

package/lib/tokens/css/tokens.css

@@ -287,27 +287,27 @@
   --theme-dark-color-danger-hover-strong: #f96746ff; /** Only used for hover states in critical filled buttons */
   --theme-dark-color-danger-pressed-weak: #ffaa971f; /** Used for pressed states for critical buttons where the background is either transparent or use Neutral-bg-weak */
   --theme-dark-color-danger-strong: #e84e2cff; /** Only used for pressed states in critical filled buttons */
-  --theme-dark-warning-text: #ffd600ff; /** Used for warning state texts and icons. Do not use for other semantic states, visualization or graph colors */
-  --theme-dark-warning-icon: #ffd600ff; /** Used for warning state texts and icons. Do not use for other semantic states, visualization or graph colors */
-  --theme-dark-warning-bg-strong: #ffd600ff; /** Use sparsely. Only used for filled labels */
-  --theme-dark-warning-bg-weak: #312e1aff; /** Used as backgrounds for warning components states such as banner and semi-filled labels */
-  --theme-dark-warning-bg-status: #d7aa0aff;
-  --theme-dark-warning-border-strong: #ffd600ff; /** Use sparsely. Only used for outlined labels */
-  --theme-dark-warning-border-weak: #765500ff; /** Use sparsely. Mainly used in combination with elements that use the Warning-bg-weak to stand out more from the background */
-  --theme-dark-success-text: #90cb62ff; /** Used for success state texts and icons. Do not use for other semantic states, visualization or graph colors */
-  --theme-dark-success-icon: #90cb62ff; /** Used for success state texts and icons. Do not use for other semantic states, visualization or graph colors */
-  --theme-dark-success-bg-strong: #90cb62ff; /** Use sparsely. Only used for filled labels */
-  --theme-dark-success-bg-weak: #262d24ff; /** Used as backgrounds for success components states such as banner and semi-filled labels */
-  --theme-dark-success-bg-status: #6fa646ff;
-  --theme-dark-success-border-strong: #90cb62ff; /** Use sparsely. Only used for outlined labels */
-  --theme-dark-success-border-weak: #296127ff; /** Use sparsely. Mainly used in combination with elements that use the Success-bg-weak to stand out more from the background */
-  --theme-dark-discovery-text: #ccb4ffff; /** Used for success state texts and icons. Do not use for other semantic states, visualization or graph colors */
-  --theme-dark-discovery-icon: #ccb4ffff; /** Used for success state texts and icons. Do not use for other semantic states, visualization or graph colors */
-  --theme-dark-discovery-bg-strong: #ccb4ffff; /** Use sparsely. Only used for filled labels */
-  --theme-dark-discovery-bg-weak: #2c2a34ff; /** Used as backgrounds for success components states such as banner and semi-filled labels */
-  --theme-dark-discovery-bg-status: #a07becff;
-  --theme-dark-discovery-border-strong: #ccb4ffff; /** Use sparsely. Only used for outlined labels */
-  --theme-dark-discovery-border-weak: #4b2894ff; /** Use sparsely. Mainly used in combination with elements that use the Success-bg-weak to stand out more from the background */
+  --theme-dark-color-warning-text: #ffd600ff; /** Used for warning state texts and icons. Do not use for other semantic states, visualization or graph colors */
+  --theme-dark-color-warning-icon: #ffd600ff; /** Used for warning state texts and icons. Do not use for other semantic states, visualization or graph colors */
+  --theme-dark-color-warning-bg-strong: #ffd600ff; /** Use sparsely. Only used for filled labels */
+  --theme-dark-color-warning-bg-weak: #312e1aff; /** Used as backgrounds for warning components states such as banner and semi-filled labels */
+  --theme-dark-color-warning-bg-status: #d7aa0aff;
+  --theme-dark-color-warning-border-strong: #ffd600ff; /** Use sparsely. Only used for outlined labels */
+  --theme-dark-color-warning-border-weak: #765500ff; /** Use sparsely. Mainly used in combination with elements that use the Warning-bg-weak to stand out more from the background */
+  --theme-dark-color-success-text: #90cb62ff; /** Used for success state texts and icons. Do not use for other semantic states, visualization or graph colors */
+  --theme-dark-color-success-icon: #90cb62ff; /** Used for success state texts and icons. Do not use for other semantic states, visualization or graph colors */
+  --theme-dark-color-success-bg-strong: #90cb62ff; /** Use sparsely. Only used for filled labels */
+  --theme-dark-color-success-bg-weak: #262d24ff; /** Used as backgrounds for success components states such as banner and semi-filled labels */
+  --theme-dark-color-success-bg-status: #6fa646ff;
+  --theme-dark-color-success-border-strong: #90cb62ff; /** Use sparsely. Only used for outlined labels */
+  --theme-dark-color-success-border-weak: #296127ff; /** Use sparsely. Mainly used in combination with elements that use the Success-bg-weak to stand out more from the background */
+  --theme-dark-color-discovery-text: #ccb4ffff; /** Used for success state texts and icons. Do not use for other semantic states, visualization or graph colors */
+  --theme-dark-color-discovery-icon: #ccb4ffff; /** Used for success state texts and icons. Do not use for other semantic states, visualization or graph colors */
+  --theme-dark-color-discovery-bg-strong: #ccb4ffff; /** Use sparsely. Only used for filled labels */
+  --theme-dark-color-discovery-bg-weak: #2c2a34ff; /** Used as backgrounds for success components states such as banner and semi-filled labels */
+  --theme-dark-color-discovery-bg-status: #a07becff;
+  --theme-dark-color-discovery-border-strong: #ccb4ffff; /** Use sparsely. Only used for outlined labels */
+  --theme-dark-color-discovery-border-weak: #4b2894ff; /** Use sparsely. Mainly used in combination with elements that use the Success-bg-weak to stand out more from the background */
   --theme-light-box-shadow-raised: 0px 1px 2px 0px rgb(from #1a1b1dff r g b / 0.18); /** Used for small components that need sharper shadows to illustrate elevation. */
   --theme-light-box-shadow-overlay: 0px 4px 8px 0px rgb(from #1a1b1dff r g b / 0.12); /** Used for most mid/large sized components with floating states. Components include banner, button, card, drop down, progress bar and view selector */
   --theme-light-color-neutral-text-weakest: #a8acb2ff; /** Should be used mainly for disabled text */

package/lib/types/tokens/js/tokens-esm.d.ts

@@ -424,72 +424,72 @@ export namespace tokens {
                     let strong_8: string;
                     export { strong_8 as strong };
                 }
-            }
-            namespace warning {
-                let text_3: string;
-                export { text_3 as text };
-                let icon_3: string;
-                export { icon_3 as icon };
-                export namespace bg_3 {
-                    let strong_9: string;
-                    export { strong_9 as strong };
-                    let weak_10: string;
-                    export { weak_10 as weak };
-                    let status_2: string;
-                    export { status_2 as status };
-                }
-                export { bg_3 as bg };
-                export namespace border_3 {
-                    let strong_10: string;
-                    export { strong_10 as strong };
-                    let weak_11: string;
-                    export { weak_11 as weak };
-                }
-                export { border_3 as border };
-            }
-            namespace success {
-                let text_4: string;
-                export { text_4 as text };
-                let icon_4: string;
-                export { icon_4 as icon };
-                export namespace bg_4 {
-                    let strong_11: string;
-                    export { strong_11 as strong };
-                    let weak_12: string;
-                    export { weak_12 as weak };
-                    let status_3: string;
-                    export { status_3 as status };
-                }
-                export { bg_4 as bg };
-                export namespace border_4 {
-                    let strong_12: string;
-                    export { strong_12 as strong };
-                    let weak_13: string;
-                    export { weak_13 as weak };
+                export namespace warning {
+                    let text_3: string;
+                    export { text_3 as text };
+                    let icon_3: string;
+                    export { icon_3 as icon };
+                    export namespace bg_3 {
+                        let strong_9: string;
+                        export { strong_9 as strong };
+                        let weak_10: string;
+                        export { weak_10 as weak };
+                        let status_2: string;
+                        export { status_2 as status };
+                    }
+                    export { bg_3 as bg };
+                    export namespace border_3 {
+                        let strong_10: string;
+                        export { strong_10 as strong };
+                        let weak_11: string;
+                        export { weak_11 as weak };
+                    }
+                    export { border_3 as border };
                 }
-                export { border_4 as border };
-            }
-            namespace discovery {
-                let text_5: string;
-                export { text_5 as text };
-                let icon_5: string;
-                export { icon_5 as icon };
-                export namespace bg_5 {
-                    let strong_13: string;
-                    export { strong_13 as strong };
-                    let weak_14: string;
-                    export { weak_14 as weak };
-                    let status_4: string;
-                    export { status_4 as status };
+                export namespace success {
+                    let text_4: string;
+                    export { text_4 as text };
+                    let icon_4: string;
+                    export { icon_4 as icon };
+                    export namespace bg_4 {
+                        let strong_11: string;
+                        export { strong_11 as strong };
+                        let weak_12: string;
+                        export { weak_12 as weak };
+                        let status_3: string;
+                        export { status_3 as status };
+                    }
+                    export { bg_4 as bg };
+                    export namespace border_4 {
+                        let strong_12: string;
+                        export { strong_12 as strong };
+                        let weak_13: string;
+                        export { weak_13 as weak };
+                    }
+                    export { border_4 as border };
                 }
-                export { bg_5 as bg };
-                export namespace border_5 {
-                    let strong_14: string;
-                    export { strong_14 as strong };
-                    let weak_15: string;
-                    export { weak_15 as weak };
+                export namespace discovery {
+                    let text_5: string;
+                    export { text_5 as text };
+                    let icon_5: string;
+                    export { icon_5 as icon };
+                    export namespace bg_5 {
+                        let strong_13: string;
+                        export { strong_13 as strong };
+                        let weak_14: string;
+                        export { weak_14 as weak };
+                        let status_4: string;
+                        export { status_4 as status };
+                    }
+                    export { bg_5 as bg };
+                    export namespace border_5 {
+                        let strong_14: string;
+                        export { strong_14 as strong };
+                        let weak_15: string;
+                        export { weak_15 as weak };
+                    }
+                    export { border_5 as border };
                 }
-                export { border_5 as border };
             }
         }
         export { dark_1 as dark };

package/lib/types/tokens/js/tokens.d.ts

@@ -424,72 +424,72 @@ export namespace tokens {
                     let strong_8: string;
                     export { strong_8 as strong };
                 }
-            }
-            namespace warning {
-                let text_3: string;
-                export { text_3 as text };
-                let icon_3: string;
-                export { icon_3 as icon };
-                export namespace bg_3 {
-                    let strong_9: string;
-                    export { strong_9 as strong };
-                    let weak_10: string;
-                    export { weak_10 as weak };
-                    let status_2: string;
-                    export { status_2 as status };
-                }
-                export { bg_3 as bg };
-                export namespace border_3 {
-                    let strong_10: string;
-                    export { strong_10 as strong };
-                    let weak_11: string;
-                    export { weak_11 as weak };
-                }
-                export { border_3 as border };
-            }
-            namespace success {
-                let text_4: string;
-                export { text_4 as text };
-                let icon_4: string;
-                export { icon_4 as icon };
-                export namespace bg_4 {
-                    let strong_11: string;
-                    export { strong_11 as strong };
-                    let weak_12: string;
-                    export { weak_12 as weak };
-                    let status_3: string;
-                    export { status_3 as status };
-                }
-                export { bg_4 as bg };
-                export namespace border_4 {
-                    let strong_12: string;
-                    export { strong_12 as strong };
-                    let weak_13: string;
-                    export { weak_13 as weak };
+                export namespace warning {
+                    let text_3: string;
+                    export { text_3 as text };
+                    let icon_3: string;
+                    export { icon_3 as icon };
+                    export namespace bg_3 {
+                        let strong_9: string;
+                        export { strong_9 as strong };
+                        let weak_10: string;
+                        export { weak_10 as weak };
+                        let status_2: string;
+                        export { status_2 as status };
+                    }
+                    export { bg_3 as bg };
+                    export namespace border_3 {
+                        let strong_10: string;
+                        export { strong_10 as strong };
+                        let weak_11: string;
+                        export { weak_11 as weak };
+                    }
+                    export { border_3 as border };
                 }
-                export { border_4 as border };
-            }
-            namespace discovery {
-                let text_5: string;
-                export { text_5 as text };
-                let icon_5: string;
-                export { icon_5 as icon };
-                export namespace bg_5 {
-                    let strong_13: string;
-                    export { strong_13 as strong };
-                    let weak_14: string;
-                    export { weak_14 as weak };
-                    let status_4: string;
-                    export { status_4 as status };
+                export namespace success {
+                    let text_4: string;
+                    export { text_4 as text };
+                    let icon_4: string;
+                    export { icon_4 as icon };
+                    export namespace bg_4 {
+                        let strong_11: string;
+                        export { strong_11 as strong };
+                        let weak_12: string;
+                        export { weak_12 as weak };
+                        let status_3: string;
+                        export { status_3 as status };
+                    }
+                    export { bg_4 as bg };
+                    export namespace border_4 {
+                        let strong_12: string;
+                        export { strong_12 as strong };
+                        let weak_13: string;
+                        export { weak_13 as weak };
+                    }
+                    export { border_4 as border };
                 }
-                export { bg_5 as bg };
-                export namespace border_5 {
-                    let strong_14: string;
-                    export { strong_14 as strong };
-                    let weak_15: string;
-                    export { weak_15 as weak };
+                export namespace discovery {
+                    let text_5: string;
+                    export { text_5 as text };
+                    let icon_5: string;
+                    export { icon_5 as icon };
+                    export namespace bg_5 {
+                        let strong_13: string;
+                        export { strong_13 as strong };
+                        let weak_14: string;
+                        export { weak_14 as weak };
+                        let status_4: string;
+                        export { status_4 as status };
+                    }
+                    export { bg_5 as bg };
+                    export namespace border_5 {
+                        let strong_14: string;
+                        export { strong_14 as strong };
+                        let weak_15: string;
+                        export { weak_15 as weak };
+                    }
+                    export { border_5 as border };
                 }
-                export { border_5 as border };
             }
         }
         export { dark_1 as dark };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "4.0.0-alpha.0.c6243ce",
+  "version": "4.0.1",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "https://www.neo4j.design",