@box/blueprint-web 12.106.0 → 12.106.2

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 (3) hide show
  1. package/dist/lib-esm/index.css +32 -31
  2. package/dist/lib-esm/primitives/icon-button/icon-button.module.js +1 -1
  3. package/package.json +3 -3
package/dist/lib-esm/index.css CHANGED
@@ -2087,7 +2087,7 @@
2087
2087
  .bp_dropdown_menu_module_menuCloseButton--6b9f5{
2088
2088
  grid-area:close;
2089
2089
  }
2090
- .bp_icon_button_module_iconButton--06ef3[data-modern=false]{
2090
+ .bp_icon_button_module_iconButton--3acef[data-modern=false]{
2091
2091
  --icon-button-radius:var(--radius-2);
2092
2092
  --icon-button-surface-disabled:var(--surface-cta-surface-icon-disabled);
2093
2093
  --icon-button-gray:var(--gray-50);
@@ -2113,7 +2113,7 @@
2113
2113
  --icon-button-size-x-small:var(--size-6);
2114
2114
  }
2115
2115
 
2116
- .bp_icon_button_module_iconButton--06ef3[data-modern=true]{
2116
+ .bp_icon_button_module_iconButton--3acef[data-modern=true]{
2117
2117
  --icon-button-radius:var(--bp-radius-10);
2118
2118
  --icon-button-surface-disabled:var(--bp-surface-cta-surface-icon);
2119
2119
  --icon-button-gray:var(--bp-gray-50);
@@ -2139,100 +2139,101 @@
2139
2139
  --icon-button-size-x-small:var(--bp-size-060);
2140
2140
  }
2141
2141
 
2142
- .bp_icon_button_module_iconButton--06ef3{
2142
+ .bp_icon_button_module_iconButton--3acef{
2143
2143
  align-items:center;
2144
2144
  border-radius:var(--icon-button-radius);
2145
2145
  border-style:none;
2146
2146
  cursor:pointer;
2147
2147
  display:flex;
2148
+ flex-shrink:0;
2148
2149
  justify-content:center;
2149
2150
  padding:0;
2150
2151
  }
2151
- .bp_icon_button_module_iconButton--06ef3[aria-disabled=true]{
2152
+ .bp_icon_button_module_iconButton--3acef[aria-disabled=true]{
2152
2153
  background:var(--icon-button-surface-disabled);
2153
2154
  opacity:.3;
2154
2155
  }
2155
- .bp_icon_button_module_iconButton--06ef3[aria-disabled=true] .bp_icon_button_module_icon--06ef3 *{
2156
+ .bp_icon_button_module_iconButton--3acef[aria-disabled=true] .bp_icon_button_module_icon--3acef *{
2156
2157
  fill:var(--icon-button-gray);
2157
2158
  }
2158
- .bp_icon_button_module_iconButton--06ef3:focus-visible{
2159
+ .bp_icon_button_module_iconButton--3acef:focus-visible{
2159
2160
  outline:none;
2160
2161
  }
2161
- .bp_icon_button_module_iconButton--06ef3[data-focus-visible]{
2162
+ .bp_icon_button_module_iconButton--3acef[data-focus-visible]{
2162
2163
  outline:var(--icon-button-border) solid var(--icon-button-outline);
2163
2164
  }
2164
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3{
2165
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef{
2165
2166
  background:var(--icon-button-surface);
2166
2167
  }
2167
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3 .bp_icon_button_module_icon--06ef3 *{
2168
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef .bp_icon_button_module_icon--3acef *{
2168
2169
  fill:var(--icon-button-icon);
2169
2170
  }
2170
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3:hover,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3[data-focus-visible]{
2171
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef:hover,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef[data-focus-visible]{
2171
2172
  background:var(--icon-button-surface-hover);
2172
2173
  }
2173
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3:hover .bp_icon_button_module_icon--06ef3 *,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3[data-focus-visible] .bp_icon_button_module_icon--06ef3 *{
2174
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef:hover .bp_icon_button_module_icon--3acef *,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef[data-focus-visible] .bp_icon_button_module_icon--3acef *{
2174
2175
  fill:var(--icon-button-icon-hover);
2175
2176
  }
2176
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3:active,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3[data-active]{
2177
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef:active,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef[data-active]{
2177
2178
  background:var(--icon-button-surface-pressed);
2178
2179
  }
2179
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3:active .bp_icon_button_module_icon--06ef3 *,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_default--06ef3[data-active] .bp_icon_button_module_icon--06ef3 *{
2180
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef:active .bp_icon_button_module_icon--3acef *,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_default--3acef[data-active] .bp_icon_button_module_icon--3acef *{
2180
2181
  fill:var(--icon-button-icon-pressed);
2181
2182
  }
2182
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_icon-logo--06ef3{
2183
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_icon-logo--3acef{
2183
2184
  background:var(--icon-button-surface);
2184
2185
  }
2185
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_icon-logo--06ef3:hover,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_icon-logo--06ef3[data-focus-visible]{
2186
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_icon-logo--3acef:hover,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_icon-logo--3acef[data-focus-visible]{
2186
2187
  background:var(--icon-button-surface-hover);
2187
2188
  }
2188
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_icon-logo--06ef3:active,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_icon-logo--06ef3[data-active]{
2189
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_icon-logo--3acef:active,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_icon-logo--3acef[data-active]{
2189
2190
  background:var(--icon-button-surface-pressed);
2190
2191
  }
2191
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3{
2192
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef{
2192
2193
  background:var(--icon-button-surface);
2193
2194
  }
2194
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3 .bp_icon_button_module_icon--06ef3 *{
2195
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef .bp_icon_button_module_icon--3acef *{
2195
2196
  fill:var(--icon-button-icon-high-contrast);
2196
2197
  }
2197
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3:hover,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3[data-focus-visible]{
2198
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef:hover,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef[data-focus-visible]{
2198
2199
  background:var(--icon-button-surface-hover);
2199
2200
  }
2200
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3:hover .bp_icon_button_module_icon--06ef3 *,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3[data-focus-visible] .bp_icon_button_module_icon--06ef3 *{
2201
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef:hover .bp_icon_button_module_icon--3acef *,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef[data-focus-visible] .bp_icon_button_module_icon--3acef *{
2201
2202
  fill:var(--icon-button-icon-high-contrast-hover);
2202
2203
  }
2203
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3:active,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3[data-active]{
2204
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef:active,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef[data-active]{
2204
2205
  background:var(--icon-button-surface-pressed);
2205
2206
  }
2206
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3:active .bp_icon_button_module_icon--06ef3 *,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_high-contrast--06ef3[data-active] .bp_icon_button_module_icon--06ef3 *{
2207
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef:active .bp_icon_button_module_icon--3acef *,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_high-contrast--3acef[data-active] .bp_icon_button_module_icon--3acef *{
2207
2208
  fill:var(--icon-button-icon-high-contrast-pressed);
2208
2209
  }
2209
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3{
2210
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef{
2210
2211
  background:var(--icon-button-surface-utility);
2211
2212
  }
2212
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3 .bp_icon_button_module_icon--06ef3 *{
2213
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef .bp_icon_button_module_icon--3acef *{
2213
2214
  fill:var(--icon-button-icon-utility);
2214
2215
  }
2215
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3:hover,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3[data-focus-visible]{
2216
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef:hover,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef[data-focus-visible]{
2216
2217
  background:var(--icon-button-surface-utility-hover);
2217
2218
  }
2218
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3:hover .bp_icon_button_module_icon--06ef3 *,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3[data-focus-visible] .bp_icon_button_module_icon--06ef3 *{
2219
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef:hover .bp_icon_button_module_icon--3acef *,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef[data-focus-visible] .bp_icon_button_module_icon--3acef *{
2219
2220
  fill:var(--icon-button-icon-utility-hover);
2220
2221
  }
2221
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3:active,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3[data-active]{
2222
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef:active,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef[data-active]{
2222
2223
  background:var(--icon-button-surface-utility-pressed);
2223
2224
  }
2224
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3:active .bp_icon_button_module_icon--06ef3 *,.bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small-utility--06ef3[data-active] .bp_icon_button_module_icon--06ef3 *{
2225
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef:active .bp_icon_button_module_icon--3acef *,.bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small-utility--3acef[data-active] .bp_icon_button_module_icon--3acef *{
2225
2226
  fill:var(--icon-button-icon-utility-pressed);
2226
2227
  }
2227
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_large--06ef3{
2228
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_large--3acef{
2228
2229
  height:var(--icon-button-size-large);
2229
2230
  width:var(--icon-button-size-large);
2230
2231
  }
2231
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_small--06ef3{
2232
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_small--3acef{
2232
2233
  height:var(--icon-button-size-small);
2233
2234
  width:var(--icon-button-size-small);
2234
2235
  }
2235
- .bp_icon_button_module_iconButton--06ef3.bp_icon_button_module_x-small--06ef3{
2236
+ .bp_icon_button_module_iconButton--3acef.bp_icon_button_module_x-small--3acef{
2236
2237
  height:var(--icon-button-size-x-small);
2237
2238
  width:var(--icon-button-size-x-small);
2238
2239
  }
package/dist/lib-esm/primitives/icon-button/icon-button.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"iconButton":"bp_icon_button_module_iconButton--06ef3","icon":"bp_icon_button_module_icon--06ef3","default":"bp_icon_button_module_default--06ef3","icon-logo":"bp_icon_button_module_icon-logo--06ef3","high-contrast":"bp_icon_button_module_high-contrast--06ef3","small-utility":"bp_icon_button_module_small-utility--06ef3","large":"bp_icon_button_module_large--06ef3","small":"bp_icon_button_module_small--06ef3","x-small":"bp_icon_button_module_x-small--06ef3"};
2
+ var styles = {"iconButton":"bp_icon_button_module_iconButton--3acef","icon":"bp_icon_button_module_icon--3acef","default":"bp_icon_button_module_default--3acef","icon-logo":"bp_icon_button_module_icon-logo--3acef","high-contrast":"bp_icon_button_module_high-contrast--3acef","small-utility":"bp_icon_button_module_small-utility--3acef","large":"bp_icon_button_module_large--3acef","small":"bp_icon_button_module_small--3acef","x-small":"bp_icon_button_module_x-small--3acef"};
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.106.0",
3
+ "version": "12.106.2",
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.88.1",
50
+ "@box/blueprint-web-assets": "^4.88.3",
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.29",
80
+ "@box/storybook-utils": "^0.14.31",
81
81
  "@types/react": "^18.0.0",
82
82
  "@types/react-dom": "^18.0.0",
83
83
  "react": "^18.3.0",