@neo4j-ndl/base 1.0.0-alpha-5a0ff3c → 1.0.0-alpha-e2de802

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.
Files changed (10) hide show
  1. package/lib/cjs/tokens/js/tokens-esm.js +1 -1
  2. package/lib/cjs/tokens/js/tokens.js +1 -1
  3. package/lib/esm/tokens/js/tokens-esm.js +1 -1
  4. package/lib/esm/tokens/js/tokens.js +1 -1
  5. package/lib/neo4j-ds-styles.css +71 -34
  6. package/lib/tokens/css/tokens.css +1 -1
  7. package/lib/tokens/js/tokens-raw.js +1 -1
  8. package/lib/tokens/js/tokens.js +1 -1
  9. package/lib/tokens/scss/tokens.scss +1 -1
  10. package/package.json +1 -1
package/lib/cjs/tokens/js/tokens-esm.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Mon, 16 Jan 2023 12:02:29 GMT
4
+ * Generated on Fri, 20 Jan 2023 13:21:29 GMT
5
5
  */
6
6
  exports.__esModule = true;
7
7
  exports.tokens = void 0;
package/lib/cjs/tokens/js/tokens.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Mon, 16 Jan 2023 12:02:29 GMT
4
+ * Generated on Fri, 20 Jan 2023 13:21:29 GMT
5
5
  */
6
6
  module.exports = {
7
7
  "transitions": {
package/lib/esm/tokens/js/tokens-esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 16 Jan 2023 12:02:29 GMT
3
+ * Generated on Fri, 20 Jan 2023 13:21:29 GMT
4
4
  */
5
5
  export const tokens = {
6
6
  "transitions": {
package/lib/esm/tokens/js/tokens.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Mon, 16 Jan 2023 12:02:29 GMT
4
+ * Generated on Fri, 20 Jan 2023 13:21:29 GMT
5
5
  */
6
6
  module.exports = {
7
7
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -459,7 +459,7 @@ video {
459
459
  */
460
460
  /**
461
461
  * Do not edit directly
462
- * Generated on Mon, 16 Jan 2023 12:02:29 GMT
462
+ * Generated on Fri, 20 Jan 2023 13:21:29 GMT
463
463
  */
464
464
  :root {
465
465
  --transitions-values-properties-default: all;
@@ -1751,7 +1751,7 @@ a.ndl-btn{
1751
1751
  border-radius: 9999px;
1752
1752
 
1753
1753
  transition: transform var(--transitions-stripped),
1754
- box-shadow var(--transitions-stripped);
1754
+ box-shadow var(--transitions-stripped);
1755
1755
  content: '';
1756
1756
  grid-area: track;
1757
1757
  transform: translateX(0);
@@ -1780,7 +1780,7 @@ a.ndl-btn{
1780
1780
  }
1781
1781
  .ndl-form-item input[type='checkbox'][role='switch']:indeterminate::before {
1782
1782
  transform: translateX(
1783
- calc(var(--track-size) - var(--thumb-size) * 1.5)
1783
+ calc(var(--track-size) - var(--thumb-size) * 1.5)
1784
1784
  );
1785
1785
  }
1786
1786
  .ndl-form-item input[type='checkbox'][role='switch']:disabled{
@@ -1953,43 +1953,45 @@ a.ndl-btn{
1953
1953
  .ndl-form-item.ndl-has-right-icon input[type='url']{
1954
1954
  padding-right: 2.25rem;
1955
1955
  }
1956
- .ndl-form-item.ndl-has-icon .ndl-icon{
1957
- position: absolute;
1958
- height: 1rem;
1959
- width: 1rem;
1960
- --tw-text-opacity: 1;
1961
- color: rgb(83 91 102 / var(--tw-text-opacity));
1962
- }
1963
- .ndl-form-item.ndl-has-icon .ndl-icon.ndl-left-icon {
1964
- top: calc(
1965
- 50% - 8px
1966
- ); /* Horizontally absolute center for 16px height icon */ left: 0.75rem;
1967
- }
1968
- .ndl-form-item.ndl-has-icon .ndl-right-icon {
1956
+ .ndl-form-item.ndl-has-icon .ndl-icon {
1957
+ width: 20px;
1958
+ height: 20px;
1969
1959
  position: absolute;
1970
- top: calc(
1971
- 50% - 8px
1972
- ); /* Horizontally absolute center for 16px height icon */ right: 0.75rem;
1960
+ --tw-text-opacity: 1;
1961
+ color: rgb(83 91 102 / var(--tw-text-opacity));
1973
1962
  }
1974
- .ndl-form-item.ndl-has-icon .ndl-error-icon{
1975
- height: 1rem;
1976
- width: 1rem;
1977
- --tw-text-opacity: 1;
1978
- color: rgb(204 37 75 / var(--tw-text-opacity));
1963
+ .ndl-form-item.ndl-has-icon .ndl-icon.ndl-left-icon {
1964
+ /* Horizontally absolute center for 20px height icon */
1965
+ top: calc(50% - 10px);
1966
+ left: 12px;
1967
+ }
1968
+ .ndl-form-item.ndl-has-icon .ndl-right-icon{
1969
+ position: absolute;
1970
+ cursor: pointer;
1971
+ /* Horizontally absolute center for 20px height icon */
1972
+ top: calc(50% - 10px);
1973
+ right: 12px;
1979
1974
  }
1975
+ .ndl-form-item.ndl-has-icon .ndl-error-icon {
1976
+ width: 20px;
1977
+ height: 20px;
1978
+ --tw-text-opacity: 1;
1979
+ color: rgb(204 37 75 / var(--tw-text-opacity));
1980
+ }
1980
1981
  /* Size */
1981
- .ndl-form-item.ndl-large input[type='text'],
1982
- .ndl-form-item.ndl-large input[type='email'],
1983
- .ndl-form-item.ndl-large input[type='password'],
1984
- .ndl-form-item.ndl-large input[type='url']{
1985
- height: 3rem;
1986
- padding-top: 0.75rem;
1987
- padding-bottom: 0.75rem;
1982
+ .ndl-form-item.ndl-large input[type='text'],
1983
+ .ndl-form-item.ndl-large input[type='email'],
1984
+ .ndl-form-item.ndl-large input[type='password'],
1985
+ .ndl-form-item.ndl-large input[type='url'] {
1986
+ padding-right: 42px;
1987
+ height: 3rem;
1988
+ padding-top: 0.75rem;
1989
+ padding-bottom: 0.75rem;
1988
1990
  font-size: var(--font-size-body-large);
1989
1991
  font-weight: var(--font-weight-normal);
1990
1992
  letter-spacing: 0.016rem;
1991
1993
  line-height: 1.5rem;
1992
- }
1994
+ }
1993
1995
  .ndl-form-item.ndl-large input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:-moz-read-only:not(:disabled){
1994
1996
  height: 1.5rem;
1995
1997
  }
@@ -2008,6 +2010,31 @@ a.ndl-btn{
2008
2010
  letter-spacing: 0.016rem;
2009
2011
  line-height: 1.25rem;
2010
2012
  }
2013
+ .ndl-form-item.ndl-large.ndl-has-left-icon input[type='text'],
2014
+ .ndl-form-item.ndl-large.ndl-has-left-icon input[type='email'],
2015
+ .ndl-form-item.ndl-large.ndl-has-left-icon input[type='password'],
2016
+ .ndl-form-item.ndl-large.ndl-has-left-icon input[type='url'] {
2017
+ padding-left: 42px;
2018
+ }
2019
+ .ndl-form-item.ndl-large.ndl-has-icon .ndl-icon {
2020
+ width: 24px;
2021
+ height: 24px;
2022
+ position: absolute;
2023
+ --tw-text-opacity: 1;
2024
+ color: rgb(83 91 102 / var(--tw-text-opacity));
2025
+ }
2026
+ .ndl-form-item.ndl-large.ndl-has-icon .ndl-icon.ndl-left-icon {
2027
+ /* Horizontally absolute center for 24px height icon */
2028
+ top: calc(50% - 12px);
2029
+ left: 16px;
2030
+ }
2031
+ .ndl-form-item.ndl-large.ndl-has-icon .ndl-right-icon{
2032
+ position: absolute;
2033
+ cursor: pointer;
2034
+ /* Horizontally absolute center for 24px height icon */
2035
+ top: calc(50% - 12px);
2036
+ right: 16px;
2037
+ }
2011
2038
  /**
2012
2039
  *
2013
2040
  * Copyright (c) "Neo4j"
@@ -3485,6 +3512,16 @@ a.ndl-btn{
3485
3512
  background-color: rgb(var(--palette-light-neutral-bg-weak));
3486
3513
  overflow-y: scroll;
3487
3514
  }
3515
+ .ndl-table-root .ndl-div-table .ndl-table-tbody .ndl-table-tr:not(:last-child):after {
3516
+ /* Gray border line below */
3517
+ content: '';
3518
+ position: absolute;
3519
+ width: calc(100% - 60px);
3520
+ transform: translateX(-50%);
3521
+ bottom: 0;
3522
+ left: 50%;
3523
+ border-bottom: 1px solid rgb(var(--palette-light-neutral-border-weak));
3524
+ }
3488
3525
  .ndl-table-root .ndl-div-table .ndl-table-tbody .ndl-table-tr:hover {
3489
3526
  background-color: rgb(var(--palette-light-neutral-bg-default));
3490
3527
  }
@@ -3580,8 +3617,8 @@ a.ndl-btn{
3580
3617
  flex-direction: row;
3581
3618
  align-items: center;
3582
3619
  }
3583
- .ndl-table-root .ndl-div-table .ndl-table-th .ndl-header-action-group> * {
3584
- display:none;
3620
+ .ndl-table-root .ndl-div-table .ndl-table-th .ndl-header-action-group > * {
3621
+ display: none;
3585
3622
  }
3586
3623
  .ndl-table-root .ndl-div-table .ndl-table-th .ndl-header-action-group .ndl-header-icon {
3587
3624
  width: 16px;
package/lib/tokens/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 16 Jan 2023 12:02:29 GMT
3
+ * Generated on Fri, 20 Jan 2023 13:21:29 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/tokens/js/tokens-raw.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 16 Jan 2023 12:02:29 GMT
3
+ * Generated on Fri, 20 Jan 2023 13:21:29 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/tokens/js/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 16 Jan 2023 12:02:29 GMT
3
+ * Generated on Fri, 20 Jan 2023 13:21:29 GMT
4
4
  */
5
5
 
6
6
  export const tokens = {
package/lib/tokens/scss/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 16 Jan 2023 12:02:29 GMT
3
+ // Generated on Fri, 20 Jan 2023 13:21:29 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
6
  $transitions-values-duration-default: 100ms;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "1.0.0-alpha-5a0ff3c",
3
+ "version": "1.0.0-alpha-e2de802",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "",