@box/blueprint-web 5.32.2 → 5.33.1
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/lib-esm/index.css +7 -3
- package/lib-esm/input-chip/input-chip.js +1 -1
- package/lib-esm/input-chip/input-chip.module.js +1 -1
- package/lib-esm/primitives/link/link.js +2 -1
- package/lib-esm/primitives/link/link.module.js +1 -1
- package/lib-esm/primitives/link/types.d.ts +9 -0
- package/package.json +2 -2
package/lib-esm/index.css
CHANGED
|
@@ -2015,6 +2015,9 @@
|
|
|
2015
2015
|
.link-module_link__Iq789.link-module_inheritFont__FhWUH{
|
|
2016
2016
|
font:inherit;
|
|
2017
2017
|
}
|
|
2018
|
+
.link-module_link__Iq789.link-module_standalone__X749m{
|
|
2019
|
+
text-decoration:none;
|
|
2020
|
+
}
|
|
2018
2021
|
|
|
2019
2022
|
.navigation-menu-module_link__ASnav{
|
|
2020
2023
|
color:var(--text-text-on-light);
|
|
@@ -2351,12 +2354,15 @@
|
|
|
2351
2354
|
max-width:100%;
|
|
2352
2355
|
outline:none;
|
|
2353
2356
|
padding-block:var(--space-05);
|
|
2354
|
-
padding-inline:
|
|
2357
|
+
padding-inline:var(--space-1) var(--space-05);
|
|
2355
2358
|
text-decoration:none;
|
|
2356
2359
|
text-transform:none;
|
|
2357
2360
|
-webkit-user-select:none;
|
|
2358
2361
|
user-select:none;
|
|
2359
2362
|
}
|
|
2363
|
+
.input-chip-module_container__0UUUD.input-chip-module_avatarContainer__ffacr{
|
|
2364
|
+
padding-inline:var(--space-05);
|
|
2365
|
+
}
|
|
2360
2366
|
.input-chip-module_container__0UUUD:not(.input-chip-module_error__TeNOz):focus{
|
|
2361
2367
|
background-color:var(--surface-inputchip-surface-hover);
|
|
2362
2368
|
box-shadow:0 0 0 var(--border-1) var(--outline-focus-on-dark), 0 0 0 calc(var(--border-2) + var(--border-1)) var(--outline-focus-on-light);
|
|
@@ -2370,7 +2376,6 @@
|
|
|
2370
2376
|
}
|
|
2371
2377
|
.input-chip-module_container__0UUUD .input-chip-module_avatar__IHg8x{
|
|
2372
2378
|
flex-shrink:0;
|
|
2373
|
-
margin-inline-start:var(--space-05);
|
|
2374
2379
|
}
|
|
2375
2380
|
.input-chip-module_container__0UUUD .input-chip-module_label__zOuAM{
|
|
2376
2381
|
overflow:hidden;
|
|
@@ -2385,7 +2390,6 @@
|
|
|
2385
2390
|
display:flex;
|
|
2386
2391
|
flex-shrink:0;
|
|
2387
2392
|
justify-content:center;
|
|
2388
|
-
margin-inline-end:var(--space-05);
|
|
2389
2393
|
padding-block:var(--space-1);
|
|
2390
2394
|
padding-inline:var(--space-1);
|
|
2391
2395
|
}
|
|
@@ -34,7 +34,7 @@ const InputChip = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
34
34
|
...buttonProps,
|
|
35
35
|
ref: ref,
|
|
36
36
|
"aria-invalid": hasError,
|
|
37
|
-
className: clsx(styles.container, hasError && styles.error, className),
|
|
37
|
+
className: clsx(styles.container, hasError && styles.error, avatar && styles.avatarContainer, className),
|
|
38
38
|
onKeyDown: handleKeyDown,
|
|
39
39
|
type: "button",
|
|
40
40
|
children: [avatar, jsx(Text, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"input-chip-module_container__0UUUD","error":"input-chip-module_error__TeNOz","avatar":"input-chip-module_avatar__IHg8x","label":"input-chip-module_label__zOuAM","deleteIcon":"input-chip-module_deleteIcon__dnAVD"};
|
|
2
|
+
var styles = {"container":"input-chip-module_container__0UUUD","avatarContainer":"input-chip-module_avatarContainer__ffacr","error":"input-chip-module_error__TeNOz","avatar":"input-chip-module_avatar__IHg8x","label":"input-chip-module_label__zOuAM","deleteIcon":"input-chip-module_deleteIcon__dnAVD"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -10,6 +10,7 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
10
10
|
children,
|
|
11
11
|
className,
|
|
12
12
|
inheritFont,
|
|
13
|
+
variant = 'inline',
|
|
13
14
|
...rest
|
|
14
15
|
} = props;
|
|
15
16
|
return jsx(Component, {
|
|
@@ -17,7 +18,7 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
17
18
|
ref: forwardedRef,
|
|
18
19
|
className: clsx([className, styles.link, {
|
|
19
20
|
[styles.inheritFont]: inheritFont
|
|
20
|
-
}]),
|
|
21
|
+
}, styles[variant]]),
|
|
21
22
|
children: children
|
|
22
23
|
});
|
|
23
24
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"link":"link-module_link__Iq789","inheritFont":"link-module_inheritFont__FhWUH"};
|
|
2
|
+
var styles = {"link":"link-module_link__Iq789","inheritFont":"link-module_inheritFont__FhWUH","standalone":"link-module_standalone__X749m"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -12,6 +12,15 @@ export type LinkOwnProps<E extends React.ElementType> = {
|
|
|
12
12
|
* @default false
|
|
13
13
|
* */
|
|
14
14
|
inheritFont?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Changes the appearance of the link.
|
|
17
|
+
* Currently supported variants:
|
|
18
|
+
* - 'inline' (default)
|
|
19
|
+
* - 'standalone' - displayed without the underline decoration
|
|
20
|
+
*
|
|
21
|
+
* @default 'inline'
|
|
22
|
+
*/
|
|
23
|
+
variant?: 'inline' | 'standalone';
|
|
15
24
|
/** The component used for the root node. Either a string to use a HTML element or a component.
|
|
16
25
|
* @default 'a'
|
|
17
26
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.33.1",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@box/storybook-utils": "^0.0.2"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "b65063c168da9ab8c5c630ac94332b5dacb83ad2",
|
|
61
61
|
"module": "lib-esm/index.js",
|
|
62
62
|
"type": "module",
|
|
63
63
|
"main": "lib-esm/index.js",
|