@neo4j-ndl/base 1.5.4 → 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 +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 +46 -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
|
|
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,36 +2004,44 @@ 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;
|
|
2009
|
-
outline-
|
|
2012
|
+
outline-width: 2px;
|
|
2013
|
+
outline-offset: -1px;
|
|
2014
|
+
outline-color: rgb(var(--palette-primary-focus));
|
|
2010
2015
|
}
|
|
2011
|
-
.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{
|
|
2012
2017
|
cursor: not-allowed;
|
|
2013
2018
|
color: rgb(var(--palette-neutral-text-weakest));
|
|
2014
2019
|
background-color: inherit;
|
|
2015
2020
|
}
|
|
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{
|
|
2022
|
+
outline: 2px solid transparent;
|
|
2023
|
+
outline-offset: 2px;
|
|
2024
|
+
}
|
|
2016
2025
|
/* disabled will also pick up readonly css rule; thats why not disabled */
|
|
2017
|
-
.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){
|
|
2018
2027
|
border-style: none;
|
|
2019
2028
|
background-color: transparent;
|
|
2020
2029
|
outline: 2px solid transparent;
|
|
2021
2030
|
outline-offset: 2px;
|
|
2022
2031
|
padding: 0px;
|
|
2023
2032
|
}
|
|
2024
|
-
.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){
|
|
2025
2034
|
border-style: none;
|
|
2026
2035
|
background-color: transparent;
|
|
2027
2036
|
outline: 2px solid transparent;
|
|
2028
2037
|
outline-offset: 2px;
|
|
2029
2038
|
padding: 0px;
|
|
2030
2039
|
}
|
|
2031
|
-
.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{
|
|
2032
2041
|
outline: 2px solid transparent;
|
|
2033
2042
|
outline-offset: 2px;
|
|
2034
2043
|
}
|
|
2035
|
-
.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{
|
|
2036
2045
|
outline: 2px solid transparent;
|
|
2037
2046
|
outline-offset: 2px;
|
|
2038
2047
|
}
|
|
@@ -2127,12 +2136,14 @@ a.ndl-btn{
|
|
|
2127
2136
|
.ndl-form-item.ndl-has-left-icon input[type='text'],
|
|
2128
2137
|
.ndl-form-item.ndl-has-left-icon input[type='email'],
|
|
2129
2138
|
.ndl-form-item.ndl-has-left-icon input[type='password'],
|
|
2139
|
+
.ndl-form-item.ndl-has-left-icon input[type='number'],
|
|
2130
2140
|
.ndl-form-item.ndl-has-left-icon input[type='url']{
|
|
2131
2141
|
padding-left: 2.25rem;
|
|
2132
2142
|
}
|
|
2133
2143
|
.ndl-form-item.ndl-has-right-icon input[type='text'],
|
|
2134
2144
|
.ndl-form-item.ndl-has-right-icon input[type='email'],
|
|
2135
2145
|
.ndl-form-item.ndl-has-right-icon input[type='password'],
|
|
2146
|
+
.ndl-form-item.ndl-has-right-icon input[type='number'],
|
|
2136
2147
|
.ndl-form-item.ndl-has-right-icon input[type='url']{
|
|
2137
2148
|
padding-right: 2.25rem;
|
|
2138
2149
|
}
|
|
@@ -2142,23 +2153,23 @@ a.ndl-btn{
|
|
|
2142
2153
|
color: rgb(var(--palette-danger-text));
|
|
2143
2154
|
}
|
|
2144
2155
|
/* Size */
|
|
2145
|
-
.ndl-form-item.ndl-large input[type='text'],
|
|
2146
|
-
.ndl-form-item.ndl-large input[type='email'],
|
|
2147
|
-
.ndl-form-item.ndl-large input[type='password'],
|
|
2148
|
-
.ndl-form-item.ndl-large input[type='
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
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;
|
|
2153
2164
|
font-size: var(--font-size-body-large);
|
|
2154
2165
|
font-weight: var(--font-weight-normal);
|
|
2155
2166
|
letter-spacing: 0.016rem;
|
|
2156
2167
|
line-height: 1.5rem;
|
|
2157
|
-
|
|
2158
|
-
.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){
|
|
2159
2170
|
height: 1.5rem;
|
|
2160
2171
|
}
|
|
2161
|
-
.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){
|
|
2162
2173
|
height: 1.5rem;
|
|
2163
2174
|
}
|
|
2164
2175
|
.ndl-form-item.ndl-large .ndl-form-item-label {
|
|
@@ -2173,9 +2184,17 @@ a.ndl-btn{
|
|
|
2173
2184
|
letter-spacing: 0.016rem;
|
|
2174
2185
|
line-height: 1.25rem;
|
|
2175
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
|
+
}
|
|
2176
2194
|
.ndl-form-item.ndl-large.ndl-has-left-icon input[type='text'],
|
|
2177
2195
|
.ndl-form-item.ndl-large.ndl-has-left-icon input[type='email'],
|
|
2178
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'],
|
|
2179
2198
|
.ndl-form-item.ndl-large.ndl-has-left-icon input[type='url'] {
|
|
2180
2199
|
padding-left: 42px;
|
|
2181
2200
|
}
|
|
@@ -2200,6 +2219,7 @@ a.ndl-btn{
|
|
|
2200
2219
|
.ndl-form-item.ndl-small input[type='text'],
|
|
2201
2220
|
.ndl-form-item.ndl-small input[type='email'],
|
|
2202
2221
|
.ndl-form-item.ndl-small input[type='password'],
|
|
2222
|
+
.ndl-form-item.ndl-small input[type='number'],
|
|
2203
2223
|
.ndl-form-item.ndl-small input[type='url']{
|
|
2204
2224
|
height: 2.25rem;
|
|
2205
2225
|
padding-top: 0.5rem;
|
|
@@ -2209,10 +2229,10 @@ a.ndl-btn{
|
|
|
2209
2229
|
letter-spacing: 0.016rem;
|
|
2210
2230
|
line-height: 1.25rem;
|
|
2211
2231
|
}
|
|
2212
|
-
.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){
|
|
2213
2233
|
height: 1.25rem;
|
|
2214
2234
|
}
|
|
2215
|
-
.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){
|
|
2216
2236
|
height: 1.25rem;
|
|
2217
2237
|
}
|
|
2218
2238
|
.ndl-form-item.ndl-small .ndl-form-item-label {
|
|
@@ -2224,6 +2244,7 @@ a.ndl-btn{
|
|
|
2224
2244
|
.ndl-form-item.ndl-small.ndl-has-left-icon input[type='text'],
|
|
2225
2245
|
.ndl-form-item.ndl-small.ndl-has-left-icon input[type='email'],
|
|
2226
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'],
|
|
2227
2248
|
.ndl-form-item.ndl-small.ndl-has-left-icon input[type='url']{
|
|
2228
2249
|
padding-left: 2.25rem;
|
|
2229
2250
|
}
|
|
@@ -2252,6 +2273,7 @@ a.ndl-btn{
|
|
|
2252
2273
|
.ndl-form-item.ndl-extra-small input[type='text'],
|
|
2253
2274
|
.ndl-form-item.ndl-extra-small input[type='email'],
|
|
2254
2275
|
.ndl-form-item.ndl-extra-small input[type='password'],
|
|
2276
|
+
.ndl-form-item.ndl-extra-small input[type='number'],
|
|
2255
2277
|
.ndl-form-item.ndl-extra-small input[type='url']{
|
|
2256
2278
|
height: 1.5rem;
|
|
2257
2279
|
padding-top: 0.125rem;
|
|
@@ -2263,10 +2285,10 @@ a.ndl-btn{
|
|
|
2263
2285
|
letter-spacing: 0.016rem;
|
|
2264
2286
|
line-height: 1.25rem;
|
|
2265
2287
|
}
|
|
2266
|
-
.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){
|
|
2267
2289
|
height: 1.5rem;
|
|
2268
2290
|
}
|
|
2269
|
-
.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){
|
|
2270
2292
|
height: 1.5rem;
|
|
2271
2293
|
}
|
|
2272
2294
|
.ndl-form-item.ndl-extra-small .ndl-form-item-label {
|
|
@@ -2278,12 +2300,14 @@ a.ndl-btn{
|
|
|
2278
2300
|
.ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='text'],
|
|
2279
2301
|
.ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='email'],
|
|
2280
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'],
|
|
2281
2304
|
.ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='url']{
|
|
2282
2305
|
padding-left: 1.75rem;
|
|
2283
2306
|
}
|
|
2284
2307
|
.ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='text'],
|
|
2285
2308
|
.ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='email'],
|
|
2286
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'],
|
|
2287
2311
|
.ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='url']{
|
|
2288
2312
|
padding-right: 1.75rem;
|
|
2289
2313
|
}
|
package/lib/tokens/js/tokens.js
CHANGED