@neo4j-ndl/base 1.8.6 → 1.8.8
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 +12 -0
- package/lib/cjs/tokens/js/storybook-design-token.js +1 -1
- package/lib/cjs/tokens/js/tokens-esm.js +1 -1
- package/lib/cjs/tokens/js/tokens.js +1 -1
- package/lib/esm/tokens/js/storybook-design-token.js +1 -1
- package/lib/esm/tokens/js/tokens-esm.js +1 -1
- package/lib/esm/tokens/js/tokens.js +1 -1
- package/lib/neo4j-ds-styles.css +16 -13
- package/lib/tokens/css/tokens.css +1 -1
- package/lib/tokens/js/tokens-raw.js +1 -1
- package/lib/tokens/js/tokens.js +1 -1
- package/lib/tokens/scss/tokens.scss +1 -1
- package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
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 Wed, 12 Jul 2023
|
|
462
|
+
* Generated on Wed, 12 Jul 2023 09:05:21 GMT
|
|
463
463
|
*/
|
|
464
464
|
:root {
|
|
465
465
|
--transitions-values-properties-default: all;
|
|
@@ -1944,40 +1944,40 @@ a.ndl-btn{
|
|
|
1944
1944
|
box-sizing: content-box;
|
|
1945
1945
|
transition: background-color var(--transitions-stripped);
|
|
1946
1946
|
}
|
|
1947
|
-
.ndl-form-item input[type='checkbox'][role='switch']:
|
|
1947
|
+
.ndl-form-item input[type='checkbox'][role='switch']:active:checked{
|
|
1948
1948
|
outline: 2px solid transparent;
|
|
1949
1949
|
outline-offset: 2px;
|
|
1950
1950
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1951
1951
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1952
1952
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1953
|
-
--tw-ring-color: var(--palette-primary-
|
|
1953
|
+
--tw-ring-color: var(--palette-primary-pressed-weak);
|
|
1954
1954
|
--tw-ring-offset-width: 1px;
|
|
1955
1955
|
}
|
|
1956
|
-
.ndl-form-item input[type='checkbox'][role='switch']:
|
|
1956
|
+
.ndl-form-item input[type='checkbox'][role='switch']:active:not(:checked){
|
|
1957
1957
|
outline: 2px solid transparent;
|
|
1958
1958
|
outline-offset: 2px;
|
|
1959
1959
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1960
1960
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1961
1961
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1962
|
-
--tw-ring-color: var(--palette-neutral-
|
|
1962
|
+
--tw-ring-color: var(--palette-neutral-pressed);
|
|
1963
1963
|
--tw-ring-offset-width: 1px;
|
|
1964
1964
|
}
|
|
1965
|
-
.ndl-form-item input[type='checkbox'][role='switch']:
|
|
1965
|
+
.ndl-form-item input[type='checkbox'][role='switch']:hover:checked:not(:disabled):not(:active){
|
|
1966
1966
|
outline: 2px solid transparent;
|
|
1967
1967
|
outline-offset: 2px;
|
|
1968
1968
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1969
1969
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1970
1970
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1971
|
-
--tw-ring-color: var(--palette-primary-
|
|
1971
|
+
--tw-ring-color: var(--palette-primary-hover-weak);
|
|
1972
1972
|
--tw-ring-offset-width: 1px;
|
|
1973
1973
|
}
|
|
1974
|
-
.ndl-form-item input[type='checkbox'][role='switch']:
|
|
1974
|
+
.ndl-form-item input[type='checkbox'][role='switch']:hover:not(:checked):not(:disabled):not(:active){
|
|
1975
1975
|
outline: 2px solid transparent;
|
|
1976
1976
|
outline-offset: 2px;
|
|
1977
1977
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1978
1978
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1979
1979
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1980
|
-
--tw-ring-color: var(--palette-neutral-
|
|
1980
|
+
--tw-ring-color: var(--palette-neutral-hover);
|
|
1981
1981
|
--tw-ring-offset-width: 1px;
|
|
1982
1982
|
}
|
|
1983
1983
|
.ndl-form-item input[type='checkbox'][role='switch']:focus-visible:enabled:not(:disabled){
|
|
@@ -2112,11 +2112,14 @@ a.ndl-btn{
|
|
|
2112
2112
|
outline-offset: -1px;
|
|
2113
2113
|
outline-color: rgb(var(--palette-primary-focus));
|
|
2114
2114
|
}
|
|
2115
|
-
.ndl-form-item input[type='text']:disabled,
|
|
2116
|
-
|
|
2117
|
-
|
|
2115
|
+
.ndl-form-item input[type='text']:disabled, .ndl-form-item input[type='email']:disabled, .ndl-form-item input[type='password']:disabled, .ndl-form-item input[type='number']:disabled, .ndl-form-item input[type='url']:disabled {
|
|
2116
|
+
/* Bug: https://stackoverflow.com/a/4648315/3247715 */
|
|
2117
|
+
/* https://trello.com/c/2TlnxUcS/331-textinput-disabled-incorrect-color-in-safari-vs-chrome */
|
|
2118
|
+
-webkit-text-fill-color: rgb(var(--palette-neutral-text-weakest));
|
|
2119
|
+
cursor: not-allowed;
|
|
2120
|
+
color: rgb(var(--palette-neutral-text-weakest));
|
|
2118
2121
|
background-color: inherit;
|
|
2119
|
-
}
|
|
2122
|
+
}
|
|
2120
2123
|
.ndl-form-item input[type='text']:disabled:active,
|
|
2121
2124
|
.ndl-form-item input[type='text']:disabled:focus,
|
|
2122
2125
|
.ndl-form-item input[type='email']:disabled:active,
|
package/lib/tokens/js/tokens.js
CHANGED