@box/blueprint-web 12.78.5 → 12.78.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.
Files changed (4) hide show
  1. package/dist/lib-esm/index.css +27 -26
  2. package/dist/lib-esm/trigger-button/trigger-button.js +7 -3
  3. package/dist/lib-esm/trigger-button/trigger-button.module.js +1 -1
  4. package/package.json +3 -3
package/dist/lib-esm/index.css CHANGED
@@ -9080,7 +9080,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9080
9080
  width:fit-content;
9081
9081
  }
9082
9082
 
9083
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=false].bp_trigger_button_module_secondary--d2fa6{
9083
+ .bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_secondary--eb52b{
9084
9084
  --trigger-button-background:var(--surface-dropdown-secondary-surface);
9085
9085
  --trigger-button-border:var(--border-1) solid var(--border-cta-border-secondary);
9086
9086
  --trigger-button-focus-or-hover-background:var(--surface-dropdown-secondary-surface-hover);
@@ -9088,79 +9088,80 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9088
9088
  --trigger-button-active-background:var(--surface-dropdown-secondary-surface-pressed);
9089
9089
  --trigger-button-active-border:var(--border-1) solid var(--border-cta-border-secondary);
9090
9090
  }
9091
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=false].bp_trigger_button_module_tertiary--d2fa6{
9091
+ .bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_tertiary--eb52b{
9092
9092
  --trigger-button-focus-or-hover-background:var(--surface-dropdown-primary-surface-hover);
9093
9093
  --trigger-button-active-background:var(--surface-dropdown-primary-surface-pressed);
9094
9094
  }
9095
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=false].bp_trigger_button_module_extraSmall--d2fa6{
9095
+ .bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_extraSmall--eb52b{
9096
9096
  --button-xsmall-gap:var(--space-1);
9097
9097
  --button-xsmall-height:var(--size-6);
9098
9098
  --button-xsmall-padding:0.375rem var(--space-1);
9099
9099
  }
9100
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=false].bp_trigger_button_module_small--d2fa6{
9100
+ .bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_small--eb52b{
9101
9101
  --button-small-padding:0.375rem var(--space-2);
9102
9102
  }
9103
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=false].bp_trigger_button_module_large--d2fa6{
9103
+ .bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_large--eb52b{
9104
9104
  --button-large-padding:0.375rem var(--space-3) 0.375rem var(--space-2);
9105
9105
  }
9106
9106
 
9107
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=true].bp_trigger_button_module_secondary--d2fa6{
9108
- --trigger-button-background:var(--bp-surface-dropdown-surface-secondary);
9107
+ .bp_trigger_button_module_triggerButton--eb52b[data-modern=true].bp_trigger_button_module_secondary--eb52b{
9108
+ --trigger-button-background:var(--bp-surface-dropdown-secondary-surface);
9109
9109
  --trigger-button-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
9110
9110
  --trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-secondary-surface-hover);
9111
9111
  --trigger-button-focus-or-hover-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
9112
9112
  --trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
9113
9113
  --trigger-button-active-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
9114
9114
  }
9115
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=true].bp_trigger_button_module_tertiary--d2fa6{
9115
+ .bp_trigger_button_module_triggerButton--eb52b[data-modern=true].bp_trigger_button_module_tertiary--eb52b{
9116
9116
  --trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-tertiary-surface-hover);
9117
9117
  --trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
9118
9118
  }
9119
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=true].bp_trigger_button_module_extraSmall--d2fa6{
9119
+ .bp_trigger_button_module_triggerButton--eb52b[data-modern=true].bp_trigger_button_module_extraSmall--eb52b{
9120
9120
  --button-xsmall-gap:var(--bp-space-010);
9121
9121
  --button-xsmall-height:var(--bp-size-060);
9122
- --button-xsmall-padding:0.375rem var(--bp-space-010);
9123
- }
9124
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=true].bp_trigger_button_module_small--d2fa6{
9125
- --button-small-padding:0.375rem var(--bp-space-020);
9126
- }
9127
- .bp_trigger_button_module_triggerButton--d2fa6[data-modern=true].bp_trigger_button_module_large--d2fa6{
9128
- --button-large-padding:0.375rem var(--bp-space-030) 0.375rem var(--bp-space-020);
9129
9122
  }
9130
9123
 
9131
- .bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_secondary--d2fa6{
9124
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_secondary--eb52b{
9132
9125
  background:var(--trigger-button-background);
9133
9126
  border:var(--trigger-button-border);
9134
9127
  }
9135
- .bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_secondary--d2fa6:not(:disabled):hover,.bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_secondary--d2fa6:not(:disabled)[data-focus-visible]{
9128
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_secondary--eb52b:not(:disabled):hover,.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_secondary--eb52b:not(:disabled)[data-focus-visible]{
9136
9129
  background:var(--trigger-button-focus-or-hover-background);
9137
9130
  border:var(--trigger-button-focus-or-hover-border);
9138
9131
  }
9139
- .bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_secondary--d2fa6:not(:disabled):active{
9132
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_secondary--eb52b:not(:disabled):active{
9140
9133
  background:var(--trigger-button-active-background);
9141
9134
  border:var(--trigger-button-active-border);
9142
9135
  }
9143
- .bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_tertiary--d2fa6{
9136
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_tertiary--eb52b{
9144
9137
  background:var(--trigger-button-background);
9145
9138
  border:var(--trigger-button-border);
9146
9139
  }
9147
- .bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_tertiary--d2fa6:not(:disabled):hover,.bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_tertiary--d2fa6:not(:disabled)[data-focus-visible]{
9140
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_tertiary--eb52b:not(:disabled):hover,.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_tertiary--eb52b:not(:disabled)[data-focus-visible]{
9148
9141
  background:var(--trigger-button-focus-or-hover-background);
9149
9142
  }
9150
- .bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_tertiary--d2fa6:not(:disabled):active{
9143
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_tertiary--eb52b:not(:disabled):active{
9151
9144
  background:var(--trigger-button-active-background);
9152
9145
  }
9153
- .bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_extraSmall--d2fa6{
9146
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_extraSmall--eb52b{
9154
9147
  gap:var(--button-xsmall-gap);
9155
9148
  height:var(--button-xsmall-height);
9156
- padding:var(--button-xsmall-padding);
9157
9149
  }
9158
- .bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_small--d2fa6{
9150
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_extraSmall--eb52b.bp_trigger_button_module_startIcon--eb52b{
9151
+ padding-left:.625rem;
9152
+ }
9153
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_small--eb52b{
9159
9154
  padding:var(--button-small-padding);
9160
9155
  }
9161
- .bp_trigger_button_module_triggerButton--d2fa6.bp_trigger_button_module_large--d2fa6{
9156
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_small--eb52b.bp_trigger_button_module_startIcon--eb52b{
9157
+ padding-left:.625rem;
9158
+ }
9159
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_large--eb52b{
9162
9160
  padding:var(--button-large-padding);
9163
9161
  }
9162
+ .bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_large--eb52b.bp_trigger_button_module_startIcon--eb52b{
9163
+ padding-left:.625rem;
9164
+ }
9164
9165
  .bp_styles_module_splitButton--75e0b[data-modern=false]{
9165
9166
  --split-button-left-width:100%;
9166
9167
  --split-button-left-gap-margin-inline-end:calc(var(--space-05)/2);
package/dist/lib-esm/trigger-button/trigger-button.js CHANGED
@@ -9,7 +9,7 @@ import styles from './trigger-button.module.js';
9
9
 
10
10
  const buttonSizeToStartIconSizeMap = {
11
11
  extraSmall: 16,
12
- small: 16,
12
+ small: 12,
13
13
  large: 24
14
14
  };
15
15
  /**
@@ -34,15 +34,19 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
34
34
  const baseButtonSize = size === 'extraSmall' ? 'small' : size;
35
35
  return jsxs(BaseButton, {
36
36
  ref: forwardedRef,
37
- className: clsx(styles.triggerButton, styles[size], styles[variant], className),
37
+ className: clsx(styles.triggerButton, styles[size], styles[variant], {
38
+ [styles.startIcon]: !!startIcon
39
+ }, className),
38
40
  "data-modern": enableModernizedComponents,
39
41
  size: baseButtonSize,
40
42
  variant: variant,
41
43
  ...rest,
42
44
  children: [startIcon && jsx(BaseButton.Icon, {
45
+ className: styles.startIcon,
43
46
  icon: startIcon,
44
47
  iconProps: {
45
- height: startIconSize
48
+ height: startIconSize,
49
+ width: startIconSize
46
50
  }
47
51
  }), label && jsx(BaseButton.Label, {
48
52
  children: label
package/dist/lib-esm/trigger-button/trigger-button.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"triggerButton":"bp_trigger_button_module_triggerButton--d2fa6","secondary":"bp_trigger_button_module_secondary--d2fa6","tertiary":"bp_trigger_button_module_tertiary--d2fa6","extraSmall":"bp_trigger_button_module_extraSmall--d2fa6","small":"bp_trigger_button_module_small--d2fa6","large":"bp_trigger_button_module_large--d2fa6"};
2
+ var styles = {"triggerButton":"bp_trigger_button_module_triggerButton--eb52b","secondary":"bp_trigger_button_module_secondary--eb52b","tertiary":"bp_trigger_button_module_tertiary--eb52b","extraSmall":"bp_trigger_button_module_extraSmall--eb52b","small":"bp_trigger_button_module_small--eb52b","large":"bp_trigger_button_module_large--eb52b","startIcon":"bp_trigger_button_module_startIcon--eb52b"};
3
3
 
4
4
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.78.5",
3
+ "version": "12.78.6",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -47,7 +47,7 @@
47
47
  "dependencies": {
48
48
  "@ariakit/react": "0.4.15",
49
49
  "@ariakit/react-core": "0.4.15",
50
- "@box/blueprint-web-assets": "^4.70.0",
50
+ "@box/blueprint-web-assets": "^4.71.0",
51
51
  "@internationalized/date": "^3.7.0",
52
52
  "@radix-ui/react-accordion": "1.1.2",
53
53
  "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
77
77
  "type-fest": "^3.2.0"
78
78
  },
79
79
  "devDependencies": {
80
- "@box/storybook-utils": "^0.14.6",
80
+ "@box/storybook-utils": "^0.14.7",
81
81
  "@types/react": "^18.0.0",
82
82
  "@types/react-dom": "^18.0.0",
83
83
  "react": "^18.3.0",