@box/blueprint-web 14.30.4 → 14.31.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.
Files changed (5) hide show
  1. package/dist/lib-esm/index.css +32 -32
  2. package/dist/lib-esm/radio-group/radio-group.figma.d.ts +1 -0
  3. package/dist/lib-esm/radio-group/radio-item.figma.d.ts +1 -0
  4. package/dist/lib-esm/search-input/search.module.js +1 -1
  5. package/package.json +3 -3
package/dist/lib-esm/index.css CHANGED
@@ -12063,7 +12063,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12063
12063
  .bp_radio_tiles_module_inlineError--1020c{
12064
12064
  margin-block-start:var(--bp-space-020);
12065
12065
  }
12066
- .bp_search_module_search--6d7ac[data-modern=false]{
12066
+ .bp_search_module_search--0e98e[data-modern=false]{
12067
12067
  --search-default-padding:var(--space-2);
12068
12068
  --search-input-height:var(--size-10);
12069
12069
  --search-input-with-start-icon-padding:var(--space-8);
@@ -12100,7 +12100,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12100
12100
  --search-global-clear-icon-spacing:calc(var(--space-12) + var(--space-1));
12101
12101
  --search-global-clear-icon-spacing-without-action:var(--space-3);
12102
12102
  }
12103
- .bp_search_module_search--6d7ac[data-modern=false] .bp_search_module_searchInput--6d7ac{
12103
+ .bp_search_module_search--0e98e[data-modern=false] .bp_search_module_searchInput--0e98e{
12104
12104
  font-family:var(--body-default-font-family);
12105
12105
  font-size:var(--body-default-font-size);
12106
12106
  font-weight:var(--body-default-font-weight);
@@ -12110,7 +12110,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12110
12110
  text-transform:var(--body-default-text-case);
12111
12111
  }
12112
12112
 
12113
- .bp_search_module_search--6d7ac[data-modern=true]{
12113
+ .bp_search_module_search--0e98e[data-modern=true]{
12114
12114
  --search-default-padding:var(--bp-space-030);
12115
12115
  --search-input-height:var(--bp-size-100);
12116
12116
  --search-input-with-start-icon-padding:calc(var(--search-default-padding) + var(--bp-space-040) + var(--bp-space-020));
@@ -12147,7 +12147,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12147
12147
  --search-global-clear-icon-spacing:calc(var(--action-icon-button-size) + var(--bp-space-030) + var(--bp-space-010));
12148
12148
  --search-global-clear-icon-spacing-without-action:var(--bp-space-030);
12149
12149
  }
12150
- .bp_search_module_search--6d7ac[data-modern=true] .bp_search_module_searchInput--6d7ac{
12150
+ .bp_search_module_search--0e98e[data-modern=true] .bp_search_module_searchInput--0e98e{
12151
12151
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
12152
12152
  font-size:var(--bp-font-size-05);
12153
12153
  font-style:normal;
@@ -12156,15 +12156,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12156
12156
  line-height:var(--bp-font-line-height-04);
12157
12157
  }
12158
12158
 
12159
- .bp_search_module_search--6d7ac{
12159
+ .bp_search_module_search--0e98e{
12160
12160
  height:fit-content;
12161
12161
  position:relative;
12162
12162
  width:100%;
12163
12163
  }
12164
- .bp_search_module_search--6d7ac.bp_search_module_disabled--6d7ac{
12164
+ .bp_search_module_search--0e98e.bp_search_module_disabled--0e98e{
12165
12165
  opacity:.3;
12166
12166
  }
12167
- .bp_search_module_search--6d7ac .bp_search_module_searchIcon--6d7ac{
12167
+ .bp_search_module_search--0e98e .bp_search_module_searchIcon--0e98e{
12168
12168
  height:var(--search-icon-size);
12169
12169
  left:var(--search-default-padding);
12170
12170
  pointer-events:none;
@@ -12173,12 +12173,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12173
12173
  transform:translateY(-50%);
12174
12174
  width:var(--search-icon-size);
12175
12175
  }
12176
- .bp_search_module_search--6d7ac .bp_search_module_searchIcon--6d7ac.bp_search_module_global--6d7ac{
12176
+ .bp_search_module_search--0e98e .bp_search_module_searchIcon--0e98e.bp_search_module_global--0e98e{
12177
12177
  height:var(--search-global-icon-size);
12178
12178
  left:var(--search-global-icon-spacing);
12179
12179
  width:var(--search-global-icon-size);
12180
12180
  }
12181
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac{
12181
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]{
12182
12182
  -webkit-font-smoothing:auto;
12183
12183
  background-color:var(--search-input-background);
12184
12184
  border:var(--search-input-border-width) solid var(--search-input-border);
@@ -12193,54 +12193,54 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12193
12193
  transition:border-color .15s ease,background-color .15s ease;
12194
12194
  width:100%;
12195
12195
  }
12196
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac.bp_search_module_global--6d7ac{
12196
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search].bp_search_module_global--0e98e{
12197
12197
  border-radius:var(--search-global-radius);
12198
12198
  height:var(--search-global-height);
12199
12199
  padding-inline:var(--search-global-padding-inline) var(--search-default-padding);
12200
12200
  }
12201
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac::-webkit-search-cancel-button,.bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac::-webkit-search-decoration,.bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac::-webkit-search-results-button,.bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac::-webkit-search-results-decoration{
12201
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]::-webkit-search-cancel-button,.bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]::-webkit-search-decoration,.bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]::-webkit-search-results-button,.bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]::-webkit-search-results-decoration{
12202
12202
  appearance:none;
12203
12203
  }
12204
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac:disabled{
12204
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]:disabled{
12205
12205
  background-color:var(--search-input-background);
12206
12206
  border-color:#0000;
12207
12207
  box-shadow:unset;
12208
12208
  color:var(--search-input-color);
12209
12209
  }
12210
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac:hover{
12210
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]:hover{
12211
12211
  box-shadow:unset;
12212
12212
  }
12213
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac .bp_search_module_firefoxDefaultOpacityFix--6d7ac,.bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac .bp_search_module_searchInput--6d7ac::placeholder{
12213
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search] .bp_search_module_firefoxDefaultOpacityFix--0e98e,.bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search] .bp_search_module_searchInput--0e98e[type=search]::placeholder{
12214
12214
  opacity:1;
12215
12215
  }
12216
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac::placeholder{
12216
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]::placeholder{
12217
12217
  color:var(--placeholder-color);
12218
12218
  }
12219
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac:not(:placeholder-shown){
12219
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]:not(:placeholder-shown){
12220
12220
  padding-inline-end:var(--search-input-with-start-icon-padding);
12221
12221
  }
12222
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac:not(:placeholder-shown).bp_search_module_global--6d7ac{
12222
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]:not(:placeholder-shown).bp_search_module_global--0e98e{
12223
12223
  padding-inline-end:var(--search-global-padding-inline-end-with-action);
12224
12224
  }
12225
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac:not(:placeholder-shown).bp_search_module_global--6d7ac.bp_search_module_withoutActionButton--6d7ac{
12225
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]:not(:placeholder-shown).bp_search_module_global--0e98e.bp_search_module_withoutActionButton--0e98e{
12226
12226
  padding-inline-end:var(--search-global-padding-inline-end-without-action);
12227
12227
  }
12228
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac:placeholder-shown.bp_search_module_global--6d7ac.bp_search_module_withActionButton--6d7ac{
12228
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]:placeholder-shown.bp_search_module_global--0e98e.bp_search_module_withActionButton--0e98e{
12229
12229
  padding-inline-end:var(--search-global-padding-inline);
12230
12230
  }
12231
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac:focus-visible{
12231
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]:focus-visible{
12232
12232
  background-color:var(--search-input-background-focused);
12233
12233
  border:var(--search-input-border-width-focused) solid var(--search-input-focus-outline);
12234
12234
  padding-inline:var(--search-input-padding-inline-start-focused) calc(var(--search-input-with-start-icon-padding) - var(--bp-border-01));
12235
12235
  }
12236
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac:focus-visible.bp_search_module_global--6d7ac{
12236
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]:focus-visible.bp_search_module_global--0e98e{
12237
12237
  padding-inline:var(--search-global-padding-inline-start-focused) calc(var(--search-global-padding-inline-end-with-action) - var(--bp-border-01));
12238
12238
  }
12239
- .bp_search_module_search--6d7ac .bp_search_module_searchInput--6d7ac:not(:focus-visible, :disabled):hover{
12239
+ .bp_search_module_search--0e98e .bp_search_module_searchInput--0e98e[type=search]:not(:focus-visible, :disabled):hover{
12240
12240
  background-color:var(--search-input-background-hovered);
12241
12241
  border-color:var(--search-input-border-hover);
12242
12242
  }
12243
- .bp_search_module_search--6d7ac .bp_search_module_clearSearchIcon--6d7ac{
12243
+ .bp_search_module_search--0e98e .bp_search_module_clearSearchIcon--0e98e{
12244
12244
  height:var(--search-clear-button-size);
12245
12245
  position:absolute;
12246
12246
  right:var(--search-default-padding);
@@ -12248,34 +12248,34 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12248
12248
  transform:translateY(-50%);
12249
12249
  width:var(--search-clear-button-size);
12250
12250
  }
12251
- .bp_search_module_search--6d7ac .bp_search_module_clearSearchIcon--6d7ac.bp_search_module_global--6d7ac{
12251
+ .bp_search_module_search--0e98e .bp_search_module_clearSearchIcon--0e98e.bp_search_module_global--0e98e{
12252
12252
  height:var(--action-icon-button-size);
12253
12253
  right:var(--search-global-clear-icon-spacing);
12254
12254
  width:var(--action-icon-button-size);
12255
12255
  }
12256
- .bp_search_module_search--6d7ac .bp_search_module_clearSearchIcon--6d7ac.bp_search_module_withoutActionButton--6d7ac{
12256
+ .bp_search_module_search--0e98e .bp_search_module_clearSearchIcon--0e98e.bp_search_module_withoutActionButton--0e98e{
12257
12257
  right:var(--search-global-clear-icon-spacing-without-action);
12258
12258
  }
12259
- .bp_search_module_search--6d7ac .bp_search_module_clearSearchIcon--6d7ac{
12259
+ .bp_search_module_search--0e98e .bp_search_module_clearSearchIcon--0e98e{
12260
12260
  background:var(--clear-search-button-background);
12261
12261
  }
12262
- .bp_search_module_search--6d7ac .bp_search_module_clearSearchIcon--6d7ac *{
12262
+ .bp_search_module_search--0e98e .bp_search_module_clearSearchIcon--0e98e *{
12263
12263
  fill:var(--clear-search-icon-fill);
12264
12264
  }
12265
- .bp_search_module_search--6d7ac .bp_search_module_clearSearchIcon--6d7ac:focus-visible{
12265
+ .bp_search_module_search--0e98e .bp_search_module_clearSearchIcon--0e98e:focus-visible{
12266
12266
  background:var(--clear-search-button-background-hover);
12267
12267
  outline:var(--clear-search-focus-outline);
12268
12268
  }
12269
- .bp_search_module_search--6d7ac .bp_search_module_clearSearchIcon--6d7ac:focus-visible *{
12269
+ .bp_search_module_search--0e98e .bp_search_module_clearSearchIcon--0e98e:focus-visible *{
12270
12270
  fill:var(--clear-search-icon-fill-hover);
12271
12271
  }
12272
- .bp_search_module_search--6d7ac .bp_search_module_clearSearchIcon--6d7ac:hover{
12272
+ .bp_search_module_search--0e98e .bp_search_module_clearSearchIcon--0e98e:hover{
12273
12273
  background:var(--clear-search-button-background-hover);
12274
12274
  }
12275
- .bp_search_module_search--6d7ac .bp_search_module_clearSearchIcon--6d7ac:hover *{
12275
+ .bp_search_module_search--0e98e .bp_search_module_clearSearchIcon--0e98e:hover *{
12276
12276
  fill:var(--clear-search-icon-fill-hover);
12277
12277
  }
12278
- .bp_search_module_search--6d7ac .bp_search_module_actionButton--6d7ac{
12278
+ .bp_search_module_search--0e98e .bp_search_module_actionButton--0e98e{
12279
12279
  position:absolute;
12280
12280
  right:var(--search-action-button-spacing);
12281
12281
  top:50%;
package/dist/lib-esm/radio-group/radio-group.figma.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/lib-esm/radio-group/radio-item.figma.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/lib-esm/search-input/search.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"search":"bp_search_module_search--6d7ac","searchInput":"bp_search_module_searchInput--6d7ac","disabled":"bp_search_module_disabled--6d7ac","searchIcon":"bp_search_module_searchIcon--6d7ac","global":"bp_search_module_global--6d7ac","withoutActionButton":"bp_search_module_withoutActionButton--6d7ac","withActionButton":"bp_search_module_withActionButton--6d7ac","clearSearchIcon":"bp_search_module_clearSearchIcon--6d7ac","actionButton":"bp_search_module_actionButton--6d7ac"};
2
+ var styles = {"search":"bp_search_module_search--0e98e","searchInput":"bp_search_module_searchInput--0e98e","disabled":"bp_search_module_disabled--0e98e","searchIcon":"bp_search_module_searchIcon--0e98e","global":"bp_search_module_global--0e98e","withoutActionButton":"bp_search_module_withoutActionButton--0e98e","withActionButton":"bp_search_module_withActionButton--0e98e","clearSearchIcon":"bp_search_module_clearSearchIcon--0e98e","actionButton":"bp_search_module_actionButton--0e98e"};
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": "14.30.4",
3
+ "version": "14.31.1",
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.21",
49
49
  "@ariakit/react-core": "0.4.21",
50
- "@box/blueprint-web-assets": "^4.118.2",
50
+ "@box/blueprint-web-assets": "^4.118.4",
51
51
  "@internationalized/date": "^3.12.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.19.6",
80
+ "@box/storybook-utils": "^0.19.8",
81
81
  "@figma/code-connect": "1.4.4",
82
82
  "@types/react": "^18.0.0",
83
83
  "@types/react-dom": "^18.0.0",