@neo4j-ndl/base 2.5.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Change Log
2
2
 
3
+ ## 2.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#733](https://github.com/neo4j/needle/pull/733) [`6f374de548bbdb0f4fd32a76e49ec85c8118b351`](https://github.com/neo4j/needle/commit/6f374de548bbdb0f4fd32a76e49ec85c8118b351) Thanks [@konsalex](https://github.com/konsalex)! - add new slider component
8
+
3
9
  ## 2.5.0
4
10
 
5
11
  ### Minor Changes
package/lib/LICENSES.txt CHANGED
@@ -17001,7 +17001,7 @@ SOFTWARE.
17001
17001
 
17002
17002
  -----
17003
17003
 
17004
- The following software may be included in this product: react-aria. A copy of the source code may be downloaded from https://github.com/adobe/react-spectrum. This software contains the following license and notice below:
17004
+ The following software may be included in this product: react-aria, react-stately. A copy of the source code may be downloaded from https://github.com/adobe/react-spectrum (react-aria), https://github.com/adobe/react-spectrum (react-stately). This software contains the following license and notice below:
17005
17005
 
17006
17006
  Apache License
17007
17007
  Version 2.0, January 2004
package/lib/NOTICE.txt CHANGED
@@ -333,7 +333,9 @@ Third-party licenses
333
333
  │ │ ├─ URL: https://github.com/krisk/Fuse.git
334
334
  │ │ ├─ VendorName: Kiro Risk
335
335
  │ │ └─ VendorUrl: http://fusejs.io
336
- │ ├─ react-aria@npm:3.31.1 [a2e03] (via npm:^3.25.0 [a2e03])
336
+ │ ├─ react-aria@npm:3.31.0 [a2e03] (via npm:3.31.0 [a2e03])
337
+ │ │ └─ URL: https://github.com/adobe/react-spectrum
338
+ │ ├─ react-stately@npm:3.29.1 [a2e03] (via npm:3.29.1 [a2e03])
337
339
  │ │ └─ URL: https://github.com/adobe/react-spectrum
338
340
  │ ├─ style-dictionary@npm:3.9.2 (via npm:^3.0.3)
339
341
  │ │ ├─ URL: git://github.com/amzn/style-dictionary.git
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
25
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
25
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
25
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
24
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": [
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
24
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": {
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
25
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
@@ -5835,6 +5835,108 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5835
5835
  .ndl-avatar .ndl-avatar-status-svg-unknown-inner{
5836
5836
  fill:rgb(var(--theme-palette-neutral-bg-weak));
5837
5837
  }
5838
+ .ndl-slider{
5839
+ display:flex;
5840
+ width:100%;
5841
+ position:relative;
5842
+
5843
+ --primary-color:var(--theme-palette-primary-bg-strong);
5844
+ }
5845
+ .ndl-slider .ndl-track{
5846
+ height:30px;
5847
+ width:100%;
5848
+ }
5849
+ .ndl-slider .ndl-track:before{
5850
+ content:'';
5851
+ display:block;
5852
+ position:absolute;
5853
+ height:4px;
5854
+ width:100%;
5855
+ top:50%;
5856
+ transform:translateY(-50%);
5857
+ border-radius:9999px;
5858
+ background-color:rgb(var(--theme-palette-neutral-bg-strong));
5859
+ }
5860
+ .ndl-slider .ndl-track.ndl-is-disabled{
5861
+ --primary-color:var(--theme-palette-neutral-text-weakest);
5862
+ cursor:not-allowed;
5863
+ }
5864
+ .ndl-slider .ndl-track .ndl-thumb{
5865
+ position:relative;
5866
+ width:20px;
5867
+ height:20px;
5868
+ border-radius:50%;
5869
+ top:50%;
5870
+ z-index:2;
5871
+ background-color:rgb(var(--primary-color));
5872
+ }
5873
+ .ndl-slider .ndl-track .ndl-thumb input{
5874
+ width:20px;
5875
+ height:20px;
5876
+ }
5877
+ .ndl-slider .ndl-track:not(.ndl-is-disabled) .ndl-thumb:hover{
5878
+ cursor:pointer;
5879
+ }
5880
+ .ndl-slider .ndl-track:not(.ndl-is-disabled) .ndl-thumb:hover:before{
5881
+ content:'';
5882
+ position:absolute;
5883
+ top:calc(50% - 18px);
5884
+ left:calc(50% - 18px);
5885
+ height:36px;
5886
+ width:36px;
5887
+ z-index:-1;
5888
+ pointer-events:none;
5889
+ border-radius:9999px;
5890
+ background-color:rgb(var(--theme-palette-primary-hover-weak));
5891
+ }
5892
+ .ndl-slider .ndl-track:not(.ndl-is-disabled) .ndl-thumb.ndl-is-dragging:before{
5893
+ content:'';
5894
+ position:absolute;
5895
+ top:calc(50% - 18px);
5896
+ left:calc(50% - 18px);
5897
+ height:36px;
5898
+ width:36px;
5899
+ z-index:-1;
5900
+ pointer-events:none;
5901
+ border-radius:9999px;
5902
+ background-color:rgb(var(--theme-palette-primary-pressed-weak));
5903
+ }
5904
+ .ndl-slider .ndl-track .ndl-thumb.ndl-focus{
5905
+ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5906
+ --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5907
+ box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5908
+ --tw-ring-color:rgb(var(--theme-palette-primary-focus));
5909
+ }
5910
+ .ndl-slider .ndl-filled-track{
5911
+ height:4px;
5912
+ position:absolute;
5913
+ top:calc(50% - 2px);
5914
+ left:0;
5915
+ z-index:1;
5916
+ background-color:rgb(var(--primary-color));
5917
+ border-radius:9999px;
5918
+ }
5919
+ .ndl-slider .ndl-track-marks{
5920
+ pointer-events:none;
5921
+ width:calc(100% - 4px);
5922
+ left:50%;
5923
+ translate:-50% 0;
5924
+ position:absolute;
5925
+ top:calc(50% - 1px);
5926
+ z-index:2;
5927
+ }
5928
+ .ndl-slider .ndl-track-mark{
5929
+ height:2px;
5930
+ width:2px;
5931
+ position:absolute;
5932
+ border-radius:100%;
5933
+ background-color:rgb(var(--theme-palette-neutral-bg-stronger));
5934
+ opacity:100%;
5935
+ }
5936
+ .ndl-slider .ndl-track-mark.ndl-on-active-track{
5937
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
5938
+ opacity:40%;
5939
+ }
5838
5940
  .n-sr-only{
5839
5941
  position:absolute;
5840
5942
  width:1px;
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
24
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
25
25
  */
26
26
 
27
27
  :root {
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
24
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
25
25
  */
26
26
 
27
27
  module.exports = {
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
24
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
25
25
  */
26
26
 
27
27
  export const tokens = {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 12 Feb 2024 13:07:19 GMT
3
+ // Generated on Mon, 19 Feb 2024 08:15:08 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
6
  $transitions-values-duration-quick: 100ms;
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 12 Feb 2024 13:07:19 GMT
24
+ * Generated on Mon, 19 Feb 2024 08:15:08 GMT
25
25
  */
26
26
  export const tokens: {
27
27
  transitions: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "2.5.0",
3
+ "version": "2.6.0",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",