@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 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:0;
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.32.2",
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": "e29d0f1bed5c3fb3451d85cd5e480cd906a9f48c",
60
+ "gitHead": "b65063c168da9ab8c5c630ac94332b5dacb83ad2",
61
61
  "module": "lib-esm/index.js",
62
62
  "type": "module",
63
63
  "main": "lib-esm/index.js",