@neo4j-ndl/base 1.5.5 → 1.5.6
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 +6 -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 +40 -22
- 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 Thu, 15 Jun 2023
|
|
462
|
+
* Generated on Thu, 15 Jun 2023 11:25:47 GMT
|
|
463
463
|
*/
|
|
464
464
|
:root {
|
|
465
465
|
--transitions-values-properties-default: all;
|
|
@@ -1983,6 +1983,7 @@ a.ndl-btn{
|
|
|
1983
1983
|
.ndl-form-item input[type='text'],
|
|
1984
1984
|
.ndl-form-item input[type='email'],
|
|
1985
1985
|
.ndl-form-item input[type='password'],
|
|
1986
|
+
.ndl-form-item input[type='number'],
|
|
1986
1987
|
.ndl-form-item input[type='url']{
|
|
1987
1988
|
width: 100%;
|
|
1988
1989
|
border-radius: 4px;
|
|
@@ -2003,6 +2004,8 @@ a.ndl-btn{
|
|
|
2003
2004
|
.ndl-form-item input[type='email']:focus,
|
|
2004
2005
|
.ndl-form-item input[type='password']:active,
|
|
2005
2006
|
.ndl-form-item input[type='password']:focus,
|
|
2007
|
+
.ndl-form-item input[type='number']:active,
|
|
2008
|
+
.ndl-form-item input[type='number']:focus,
|
|
2006
2009
|
.ndl-form-item input[type='url']:active,
|
|
2007
2010
|
.ndl-form-item input[type='url']:focus{
|
|
2008
2011
|
outline-style: solid;
|
|
@@ -2010,35 +2013,35 @@ a.ndl-btn{
|
|
|
2010
2013
|
outline-offset: -1px;
|
|
2011
2014
|
outline-color: rgb(var(--palette-primary-focus));
|
|
2012
2015
|
}
|
|
2013
|
-
.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='url']:disabled{
|
|
2016
|
+
.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{
|
|
2014
2017
|
cursor: not-allowed;
|
|
2015
2018
|
color: rgb(var(--palette-neutral-text-weakest));
|
|
2016
2019
|
background-color: inherit;
|
|
2017
2020
|
}
|
|
2018
|
-
.ndl-form-item input[type='text']:disabled:active, .ndl-form-item input[type='email']:disabled:active, .ndl-form-item input[type='password']:disabled:active, .ndl-form-item input[type='url']:disabled:active{
|
|
2021
|
+
.ndl-form-item input[type='text']:disabled:active, .ndl-form-item input[type='email']:disabled:active, .ndl-form-item input[type='password']:disabled:active, .ndl-form-item input[type='number']:disabled:active, .ndl-form-item input[type='url']:disabled:active{
|
|
2019
2022
|
outline: 2px solid transparent;
|
|
2020
2023
|
outline-offset: 2px;
|
|
2021
2024
|
}
|
|
2022
2025
|
/* disabled will also pick up readonly css rule; thats why not disabled */
|
|
2023
|
-
.ndl-form-item input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item input[type='url']:-moz-read-only:not(:disabled){
|
|
2026
|
+
.ndl-form-item input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item input[type='url']:-moz-read-only:not(:disabled){
|
|
2024
2027
|
border-style: none;
|
|
2025
2028
|
background-color: transparent;
|
|
2026
2029
|
outline: 2px solid transparent;
|
|
2027
2030
|
outline-offset: 2px;
|
|
2028
2031
|
padding: 0px;
|
|
2029
2032
|
}
|
|
2030
|
-
.ndl-form-item input[type='text']:read-only:not(:disabled), .ndl-form-item input[type='email']:read-only:not(:disabled), .ndl-form-item input[type='password']:read-only:not(:disabled), .ndl-form-item input[type='url']:read-only:not(:disabled){
|
|
2033
|
+
.ndl-form-item input[type='text']:read-only:not(:disabled), .ndl-form-item input[type='email']:read-only:not(:disabled), .ndl-form-item input[type='password']:read-only:not(:disabled), .ndl-form-item input[type='number']:read-only:not(:disabled), .ndl-form-item input[type='url']:read-only:not(:disabled){
|
|
2031
2034
|
border-style: none;
|
|
2032
2035
|
background-color: transparent;
|
|
2033
2036
|
outline: 2px solid transparent;
|
|
2034
2037
|
outline-offset: 2px;
|
|
2035
2038
|
padding: 0px;
|
|
2036
2039
|
}
|
|
2037
|
-
.ndl-form-item input[type='text']:-moz-read-only:focus, .ndl-form-item input[type='email']:-moz-read-only:focus, .ndl-form-item input[type='password']:-moz-read-only:focus, .ndl-form-item input[type='url']:-moz-read-only:focus{
|
|
2040
|
+
.ndl-form-item input[type='text']:-moz-read-only:focus, .ndl-form-item input[type='email']:-moz-read-only:focus, .ndl-form-item input[type='password']:-moz-read-only:focus, .ndl-form-item input[type='number']:-moz-read-only:focus, .ndl-form-item input[type='url']:-moz-read-only:focus{
|
|
2038
2041
|
outline: 2px solid transparent;
|
|
2039
2042
|
outline-offset: 2px;
|
|
2040
2043
|
}
|
|
2041
|
-
.ndl-form-item input[type='text']:read-only:focus, .ndl-form-item input[type='email']:read-only:focus, .ndl-form-item input[type='password']:read-only:focus, .ndl-form-item input[type='url']:read-only:focus{
|
|
2044
|
+
.ndl-form-item input[type='text']:read-only:focus, .ndl-form-item input[type='email']:read-only:focus, .ndl-form-item input[type='password']:read-only:focus, .ndl-form-item input[type='number']:read-only:focus, .ndl-form-item input[type='url']:read-only:focus{
|
|
2042
2045
|
outline: 2px solid transparent;
|
|
2043
2046
|
outline-offset: 2px;
|
|
2044
2047
|
}
|
|
@@ -2133,12 +2136,14 @@ a.ndl-btn{
|
|
|
2133
2136
|
.ndl-form-item.ndl-has-left-icon input[type='text'],
|
|
2134
2137
|
.ndl-form-item.ndl-has-left-icon input[type='email'],
|
|
2135
2138
|
.ndl-form-item.ndl-has-left-icon input[type='password'],
|
|
2139
|
+
.ndl-form-item.ndl-has-left-icon input[type='number'],
|
|
2136
2140
|
.ndl-form-item.ndl-has-left-icon input[type='url']{
|
|
2137
2141
|
padding-left: 2.25rem;
|
|
2138
2142
|
}
|
|
2139
2143
|
.ndl-form-item.ndl-has-right-icon input[type='text'],
|
|
2140
2144
|
.ndl-form-item.ndl-has-right-icon input[type='email'],
|
|
2141
2145
|
.ndl-form-item.ndl-has-right-icon input[type='password'],
|
|
2146
|
+
.ndl-form-item.ndl-has-right-icon input[type='number'],
|
|
2142
2147
|
.ndl-form-item.ndl-has-right-icon input[type='url']{
|
|
2143
2148
|
padding-right: 2.25rem;
|
|
2144
2149
|
}
|
|
@@ -2148,23 +2153,23 @@ a.ndl-btn{
|
|
|
2148
2153
|
color: rgb(var(--palette-danger-text));
|
|
2149
2154
|
}
|
|
2150
2155
|
/* Size */
|
|
2151
|
-
.ndl-form-item.ndl-large input[type='text'],
|
|
2152
|
-
.ndl-form-item.ndl-large input[type='email'],
|
|
2153
|
-
.ndl-form-item.ndl-large input[type='password'],
|
|
2154
|
-
.ndl-form-item.ndl-large input[type='
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2156
|
+
.ndl-form-item.ndl-large input[type='text'],
|
|
2157
|
+
.ndl-form-item.ndl-large input[type='email'],
|
|
2158
|
+
.ndl-form-item.ndl-large input[type='password'],
|
|
2159
|
+
.ndl-form-item.ndl-large input[type='number'],
|
|
2160
|
+
.ndl-form-item.ndl-large input[type='url']{
|
|
2161
|
+
height: 3rem;
|
|
2162
|
+
padding-top: 0.75rem;
|
|
2163
|
+
padding-bottom: 0.75rem;
|
|
2159
2164
|
font-size: var(--font-size-body-large);
|
|
2160
2165
|
font-weight: var(--font-weight-normal);
|
|
2161
2166
|
letter-spacing: 0.016rem;
|
|
2162
2167
|
line-height: 1.5rem;
|
|
2163
|
-
|
|
2164
|
-
.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){
|
|
2168
|
+
}
|
|
2169
|
+
.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='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:-moz-read-only:not(:disabled){
|
|
2165
2170
|
height: 1.5rem;
|
|
2166
2171
|
}
|
|
2167
|
-
.ndl-form-item.ndl-large input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:read-only:not(:disabled){
|
|
2172
|
+
.ndl-form-item.ndl-large input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:read-only:not(:disabled){
|
|
2168
2173
|
height: 1.5rem;
|
|
2169
2174
|
}
|
|
2170
2175
|
.ndl-form-item.ndl-large .ndl-form-item-label {
|
|
@@ -2179,9 +2184,17 @@ a.ndl-btn{
|
|
|
2179
2184
|
letter-spacing: 0.016rem;
|
|
2180
2185
|
line-height: 1.25rem;
|
|
2181
2186
|
}
|
|
2187
|
+
.ndl-form-item.ndl-large.ndl-has-right-icon input[type='text'],
|
|
2188
|
+
.ndl-form-item.ndl-large.ndl-has-right-icon input[type='email'],
|
|
2189
|
+
.ndl-form-item.ndl-large.ndl-has-right-icon input[type='password'],
|
|
2190
|
+
.ndl-form-item.ndl-large.ndl-has-right-icon input[type='number'],
|
|
2191
|
+
.ndl-form-item.ndl-large.ndl-has-right-icon input[type='url'] {
|
|
2192
|
+
padding-right: 42px;
|
|
2193
|
+
}
|
|
2182
2194
|
.ndl-form-item.ndl-large.ndl-has-left-icon input[type='text'],
|
|
2183
2195
|
.ndl-form-item.ndl-large.ndl-has-left-icon input[type='email'],
|
|
2184
2196
|
.ndl-form-item.ndl-large.ndl-has-left-icon input[type='password'],
|
|
2197
|
+
.ndl-form-item.ndl-large.ndl-has-left-icon input[type='number'],
|
|
2185
2198
|
.ndl-form-item.ndl-large.ndl-has-left-icon input[type='url'] {
|
|
2186
2199
|
padding-left: 42px;
|
|
2187
2200
|
}
|
|
@@ -2206,6 +2219,7 @@ a.ndl-btn{
|
|
|
2206
2219
|
.ndl-form-item.ndl-small input[type='text'],
|
|
2207
2220
|
.ndl-form-item.ndl-small input[type='email'],
|
|
2208
2221
|
.ndl-form-item.ndl-small input[type='password'],
|
|
2222
|
+
.ndl-form-item.ndl-small input[type='number'],
|
|
2209
2223
|
.ndl-form-item.ndl-small input[type='url']{
|
|
2210
2224
|
height: 2.25rem;
|
|
2211
2225
|
padding-top: 0.5rem;
|
|
@@ -2215,10 +2229,10 @@ a.ndl-btn{
|
|
|
2215
2229
|
letter-spacing: 0.016rem;
|
|
2216
2230
|
line-height: 1.25rem;
|
|
2217
2231
|
}
|
|
2218
|
-
.ndl-form-item.ndl-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:-moz-read-only:not(:disabled){
|
|
2232
|
+
.ndl-form-item.ndl-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:-moz-read-only:not(:disabled){
|
|
2219
2233
|
height: 1.25rem;
|
|
2220
2234
|
}
|
|
2221
|
-
.ndl-form-item.ndl-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:read-only:not(:disabled){
|
|
2235
|
+
.ndl-form-item.ndl-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:read-only:not(:disabled){
|
|
2222
2236
|
height: 1.25rem;
|
|
2223
2237
|
}
|
|
2224
2238
|
.ndl-form-item.ndl-small .ndl-form-item-label {
|
|
@@ -2230,6 +2244,7 @@ a.ndl-btn{
|
|
|
2230
2244
|
.ndl-form-item.ndl-small.ndl-has-left-icon input[type='text'],
|
|
2231
2245
|
.ndl-form-item.ndl-small.ndl-has-left-icon input[type='email'],
|
|
2232
2246
|
.ndl-form-item.ndl-small.ndl-has-left-icon input[type='password'],
|
|
2247
|
+
.ndl-form-item.ndl-small.ndl-has-left-icon input[type='number'],
|
|
2233
2248
|
.ndl-form-item.ndl-small.ndl-has-left-icon input[type='url']{
|
|
2234
2249
|
padding-left: 2.25rem;
|
|
2235
2250
|
}
|
|
@@ -2258,6 +2273,7 @@ a.ndl-btn{
|
|
|
2258
2273
|
.ndl-form-item.ndl-extra-small input[type='text'],
|
|
2259
2274
|
.ndl-form-item.ndl-extra-small input[type='email'],
|
|
2260
2275
|
.ndl-form-item.ndl-extra-small input[type='password'],
|
|
2276
|
+
.ndl-form-item.ndl-extra-small input[type='number'],
|
|
2261
2277
|
.ndl-form-item.ndl-extra-small input[type='url']{
|
|
2262
2278
|
height: 1.5rem;
|
|
2263
2279
|
padding-top: 0.125rem;
|
|
@@ -2269,10 +2285,10 @@ a.ndl-btn{
|
|
|
2269
2285
|
letter-spacing: 0.016rem;
|
|
2270
2286
|
line-height: 1.25rem;
|
|
2271
2287
|
}
|
|
2272
|
-
.ndl-form-item.ndl-extra-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='url']:-moz-read-only:not(:disabled){
|
|
2288
|
+
.ndl-form-item.ndl-extra-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='url']:-moz-read-only:not(:disabled){
|
|
2273
2289
|
height: 1.5rem;
|
|
2274
2290
|
}
|
|
2275
|
-
.ndl-form-item.ndl-extra-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='url']:read-only:not(:disabled){
|
|
2291
|
+
.ndl-form-item.ndl-extra-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='url']:read-only:not(:disabled){
|
|
2276
2292
|
height: 1.5rem;
|
|
2277
2293
|
}
|
|
2278
2294
|
.ndl-form-item.ndl-extra-small .ndl-form-item-label {
|
|
@@ -2284,12 +2300,14 @@ a.ndl-btn{
|
|
|
2284
2300
|
.ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='text'],
|
|
2285
2301
|
.ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='email'],
|
|
2286
2302
|
.ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='password'],
|
|
2303
|
+
.ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='number'],
|
|
2287
2304
|
.ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='url']{
|
|
2288
2305
|
padding-left: 1.75rem;
|
|
2289
2306
|
}
|
|
2290
2307
|
.ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='text'],
|
|
2291
2308
|
.ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='email'],
|
|
2292
2309
|
.ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='password'],
|
|
2310
|
+
.ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='number'],
|
|
2293
2311
|
.ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='url']{
|
|
2294
2312
|
padding-right: 1.75rem;
|
|
2295
2313
|
}
|
package/lib/tokens/js/tokens.js
CHANGED