@box/blueprint-web 12.115.2 → 12.116.0

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 (8) hide show
  1. package/dist/lib-esm/actionable-inline-notice/types.d.ts +3 -3
  2. package/dist/lib-esm/index.css +43 -33
  3. package/dist/lib-esm/inline-notice-list-item/index.d.ts +17 -0
  4. package/dist/lib-esm/inline-notice-list-item/inline-notice-list-item.d.ts +2 -0
  5. package/dist/lib-esm/inline-notice-list-item/types.d.ts +16 -0
  6. package/dist/lib-esm/primitives/base-inline-notice/base-inline-notice.module.js +1 -1
  7. package/dist/lib-esm/primitives/base-inline-notice/types.d.ts +1 -1
  8. package/package.json +3 -3
package/dist/lib-esm/actionable-inline-notice/types.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- import { type ReactElement } from 'react';
1
+ import { type FunctionComponent, type PropsWithChildren, type ReactElement, type SVGProps } from 'react';
2
2
  import { type RequireAllOrNone } from 'type-fest';
3
3
  import { type BaseInlineNoticeProps, type ButtonProps } from '../primitives/base-inline-notice';
4
4
  export type ActionableInlineNoticeProps = {
5
5
  /** Governs background color for inline notice
6
6
  * @default backgroundBlue
7
7
  */
8
- backgroundColor?: Extract<BaseInlineNoticeProps['backgroundColor'], 'backgroundBlue' | 'backgroundPurple' | 'backgroundRed'>;
8
+ backgroundColor?: Extract<BaseInlineNoticeProps['backgroundColor'], 'backgroundBlue' | 'backgroundPurple' | 'backgroundRed' | 'backgroundWhite'>;
9
9
  /** Text for the body of the inline notice */
10
10
  text: string;
11
11
  /** Optional children buttons for the inline notice CTA. Specify either PrimaryAction OR both TertiaryAction and PrimaryAction. */
@@ -15,7 +15,7 @@ export type ActionableInlineNoticeProps = {
15
15
  } & RequireAllOrNone<Icon, keyof Icon>;
16
16
  export interface Icon {
17
17
  /** Icon for notice */
18
- icon: React.FunctionComponent<React.PropsWithChildren<React.SVGProps<SVGSVGElement>>>;
18
+ icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
19
19
  /** Icon aria label for notice when icon is provided */
20
20
  iconAriaLabel: string;
21
21
  }
package/dist/lib-esm/index.css CHANGED
@@ -49,7 +49,9 @@
49
49
  background-color:var(--ghost-background-color);
50
50
  }
51
51
  }
52
- .bp_base_inline_notice_module_noticeWrapper--4bac9[data-modern=false]{
52
+ .bp_base_inline_notice_module_noticeWrapper--683b5[data-modern=false]{
53
+ --notice-border-color:var(--bp-border-inline-notice-border);
54
+ --notice-border-width:var(--border-1);
53
55
  --notice-radius:var(--radius-2);
54
56
  --notice-gap:var(--space-3);
55
57
  --notice-padding-block:var(--space-3);
@@ -60,6 +62,7 @@
60
62
  --notice-surface-error:var(--surface-message-surface-error-secondary);
61
63
  --notice-surface-success:var(--surface-message-surface-success-secondary);
62
64
  --notice-surface-promo:var(--surface-message-surface-promo-secondary);
65
+ --notice-surface-note:var(--bp-surface-inline-notice-surface-note);
63
66
  --notice-btn-text-promo:var(--text-cta-promo);
64
67
  --notice-btn-surface-promo:var(--surface-cta-surface-promo);
65
68
  --notice-btn-surface-promo-pressed:var(--surface-cta-surface-promo-pressed);
@@ -74,7 +77,7 @@
74
77
  --notice-content-align:center;
75
78
  --notice-icon-padding-top:0;
76
79
  }
77
- .bp_base_inline_notice_module_noticeWrapper--4bac9[data-modern=false] .bp_base_inline_notice_module_content--4bac9{
80
+ .bp_base_inline_notice_module_noticeWrapper--683b5[data-modern=false] .bp_base_inline_notice_module_content--683b5{
78
81
  font-family:var(--body-default-font-family);
79
82
  font-size:var(--body-default-font-size);
80
83
  font-weight:var(--body-default-font-weight);
@@ -84,7 +87,7 @@
84
87
  text-decoration:var(--body-default-text-decoration);
85
88
  text-transform:var(--body-default-text-case);
86
89
  }
87
- .bp_base_inline_notice_module_noticeWrapper--4bac9[data-modern=false] .bp_base_inline_notice_module_title--4bac9{
90
+ .bp_base_inline_notice_module_noticeWrapper--683b5[data-modern=false] .bp_base_inline_notice_module_title--683b5{
88
91
  font-family:var(--body-default-bold-font-family);
89
92
  font-size:var(--body-default-bold-font-size);
90
93
  font-weight:var(--body-default-bold-font-weight);
@@ -95,7 +98,9 @@
95
98
  text-transform:var(--body-default-bold-text-case);
96
99
  }
97
100
 
98
- .bp_base_inline_notice_module_noticeWrapper--4bac9[data-modern=true]{
101
+ .bp_base_inline_notice_module_noticeWrapper--683b5[data-modern=true]{
102
+ --notice-border-color:var(--bp-border-inline-notice-border);
103
+ --notice-border-width:var(--bp-border-01);
99
104
  --notice-radius:var(--bp-radius-10);
100
105
  --notice-gap:var(--bp-space-030);
101
106
  --notice-padding-block:var(--bp-space-030);
@@ -106,6 +111,7 @@
106
111
  --notice-surface-error:var(--bp-surface-inline-notice-surface-error);
107
112
  --notice-surface-success:var(--bp-surface-inline-notice-surface-success);
108
113
  --notice-surface-promo:var(--bp-grimace-10);
114
+ --notice-surface-note:var(--bp-surface-inline-notice-surface-note);
109
115
  --notice-btn-text-promo:var(--bp-text-cta-promo);
110
116
  --notice-btn-surface-promo:var(--bp-surface-cta-surface-promo);
111
117
  --notice-btn-surface-promo-pressed:var(--bp-surface-cta-surface-promo-pressed);
@@ -120,111 +126,115 @@
120
126
  --notice-content-align:top;
121
127
  --notice-icon-padding-top:var(--bp-space-005);
122
128
  }
123
- .bp_base_inline_notice_module_noticeWrapper--4bac9[data-modern=true] .bp_base_inline_notice_module_content--4bac9{
129
+ .bp_base_inline_notice_module_noticeWrapper--683b5[data-modern=true] .bp_base_inline_notice_module_content--683b5{
124
130
  font-weight:var(--bp-font-weight-regular);
125
131
  }
126
- .bp_base_inline_notice_module_noticeWrapper--4bac9[data-modern=true] .bp_base_inline_notice_module_content--4bac9,.bp_base_inline_notice_module_noticeWrapper--4bac9[data-modern=true] .bp_base_inline_notice_module_title--4bac9{
132
+ .bp_base_inline_notice_module_noticeWrapper--683b5[data-modern=true] .bp_base_inline_notice_module_content--683b5,.bp_base_inline_notice_module_noticeWrapper--683b5[data-modern=true] .bp_base_inline_notice_module_title--683b5{
127
133
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
128
134
  font-size:var(--bp-font-size-05);
129
135
  font-style:normal;
130
136
  letter-spacing:var(--bp-font-letter-spacing-01);
131
137
  line-height:var(--bp-font-line-height-04);
132
138
  }
133
- .bp_base_inline_notice_module_noticeWrapper--4bac9[data-modern=true] .bp_base_inline_notice_module_title--4bac9{
139
+ .bp_base_inline_notice_module_noticeWrapper--683b5[data-modern=true] .bp_base_inline_notice_module_title--683b5{
134
140
  font-weight:var(--bp-font-weight-bold);
135
141
  }
136
142
 
137
- .bp_base_inline_notice_module_noticeWrapper--4bac9{
143
+ .bp_base_inline_notice_module_noticeWrapper--683b5{
138
144
  border-radius:var(--notice-radius);
139
145
  display:flex;
140
146
  gap:var(--notice-gap);
141
147
  justify-content:space-between;
142
148
  padding:var(--notice-padding-block) var(--notice-padding-inline);
143
149
  }
144
- .bp_base_inline_notice_module_noticeWrapper--4bac9 .bp_base_inline_notice_module_actions--4bac9{
150
+ .bp_base_inline_notice_module_noticeWrapper--683b5 .bp_base_inline_notice_module_actions--683b5{
145
151
  align-self:center;
146
152
  display:flex;
147
153
  gap:var(--notice-gap);
148
154
  justify-content:flex-end;
149
155
  }
150
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundYellow--4bac9{
156
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundYellow--683b5{
151
157
  background:var(--notice-surface-warning);
152
158
  }
153
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundBlue--4bac9{
159
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundBlue--683b5{
154
160
  background:var(--notice-surface-info);
155
161
  }
156
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundRed--4bac9{
162
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundRed--683b5{
157
163
  background:var(--notice-surface-error);
158
164
  }
159
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundRed--4bac9 .bp_base_inline_notice_module_actionButtonTertiary--4bac9{
165
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundRed--683b5 .bp_base_inline_notice_module_actionButtonTertiary--683b5{
160
166
  color:var(--notice-btn-text-error);
161
167
  }
162
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundRed--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9{
168
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundRed--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5{
163
169
  background:var(--notice-btn-surface-error);
164
170
  border-color:var(--notice-btn-surface-error);
165
171
  }
166
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundRed--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled):active{
172
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundRed--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled):active{
167
173
  background:var(--notice-btn-surface-error-pressed);
168
174
  }
169
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundRed--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled)[data-focus-visible]{
175
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundRed--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled)[data-focus-visible]{
170
176
  background:var(--notice-btn-surface-error-hover);
171
177
  }
172
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundRed--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled):hover{
178
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundRed--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled):hover{
173
179
  background:var(--notice-btn-surface-error-hover);
174
180
  border-color:var(--notice-btn-surface-error-hover);
175
181
  }
176
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundRed--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled):focus:active,.bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundRed--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled):hover:active{
182
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundRed--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled):focus:active,.bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundRed--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled):hover:active{
177
183
  background:var(--notice-btn-surface-error-pressed);
178
184
  }
179
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundGreen--4bac9{
185
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundGreen--683b5{
180
186
  background:var(--notice-surface-success);
181
187
  }
182
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundPurple--4bac9{
188
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundPurple--683b5{
183
189
  background:var(--notice-surface-promo);
184
190
  }
185
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundPurple--4bac9 .bp_base_inline_notice_module_actionButtonTertiary--4bac9{
191
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundPurple--683b5 .bp_base_inline_notice_module_actionButtonTertiary--683b5{
186
192
  color:var(--notice-btn-text-promo);
187
193
  }
188
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundPurple--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9{
194
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundPurple--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5{
189
195
  background:var(--notice-btn-surface-promo);
190
196
  border-color:var(--notice-btn-surface-promo);
191
197
  }
192
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundPurple--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled):active{
198
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundPurple--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled):active{
193
199
  background:var(--notice-btn-surface-promo-pressed);
194
200
  }
195
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundPurple--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled)[data-focus-visible]{
201
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundPurple--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled)[data-focus-visible]{
196
202
  background:var(--notice-btn-surface-promo-focus);
197
203
  }
198
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundPurple--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled):hover{
204
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundPurple--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled):hover{
199
205
  background:var(--notice-btn-surface-promo-hover);
200
206
  border-color:var(--notice-btn-surface-promo-hover);
201
207
  }
202
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundPurple--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled):focus:active{
208
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundPurple--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled):focus:active{
203
209
  background:var(--notice-btn-surface-promo-focus-pressed);
204
210
  }
205
- .bp_base_inline_notice_module_noticeWrapper--4bac9.bp_base_inline_notice_module_backgroundPurple--4bac9 .bp_base_inline_notice_module_actionButtonPrimary--4bac9:not(:disabled):hover:active{
211
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundPurple--683b5 .bp_base_inline_notice_module_actionButtonPrimary--683b5:not(:disabled):hover:active{
206
212
  background:var(--notice-btn-surface-promo-pressed);
207
213
  }
208
- .bp_base_inline_notice_module_noticeWrapper--4bac9 .bp_base_inline_notice_module_contentContainer--4bac9{
214
+ .bp_base_inline_notice_module_noticeWrapper--683b5.bp_base_inline_notice_module_backgroundWhite--683b5{
215
+ background:var(--notice-surface-note);
216
+ border:var(--notice-border-width) solid var(--notice-border-color);
217
+ }
218
+ .bp_base_inline_notice_module_noticeWrapper--683b5 .bp_base_inline_notice_module_contentContainer--683b5{
209
219
  align-items:var(--notice-content-align);
210
220
  display:flex;
211
221
  gap:var(--notice-gap);
212
222
  }
213
- .bp_base_inline_notice_module_noticeWrapper--4bac9 .bp_base_inline_notice_module_content--4bac9{
223
+ .bp_base_inline_notice_module_noticeWrapper--683b5 .bp_base_inline_notice_module_content--683b5{
214
224
  color:var(--notice-content-text-color);
215
225
  }
216
- .bp_base_inline_notice_module_noticeWrapper--4bac9 .bp_base_inline_notice_module_icon--4bac9{
226
+ .bp_base_inline_notice_module_noticeWrapper--683b5 .bp_base_inline_notice_module_icon--683b5{
217
227
  padding-top:var(--notice-icon-padding-top);
218
228
  }
219
- .bp_base_inline_notice_module_noticeWrapper--4bac9 svg{
229
+ .bp_base_inline_notice_module_noticeWrapper--683b5 svg{
220
230
  display:block;
221
231
  }
222
232
 
223
233
  @media (max-width: 1023px){
224
- .bp_base_inline_notice_module_actions--4bac9{
234
+ .bp_base_inline_notice_module_actions--683b5{
225
235
  margin-top:var(--notice-space-3);
226
236
  }
227
- .bp_base_inline_notice_module_noticeWrapper--4bac9{
237
+ .bp_base_inline_notice_module_noticeWrapper--683b5{
228
238
  display:block;
229
239
  }
230
240
  }
package/dist/lib-esm/inline-notice-list-item/index.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ export declare const InlineNoticeListItem: import("react").ForwardRefExoticComponent<import("./types").InlineNoticeListItemProps & import("react").RefAttributes<HTMLDivElement>> & {
2
+ PrimaryAction: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
3
+ children: string;
4
+ className?: string;
5
+ }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
6
+ children: string;
7
+ className?: string;
8
+ }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
9
+ TertiaryAction: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
10
+ children: string;
11
+ className?: string;
12
+ }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
13
+ children: string;
14
+ className?: string;
15
+ }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
16
+ };
17
+ export * from './types';
package/dist/lib-esm/inline-notice-list-item/inline-notice-list-item.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { type InlineNoticeListItemProps } from './types';
2
+ export declare const InlineNoticeListItem: import("react").ForwardRefExoticComponent<InlineNoticeListItemProps & import("react").RefAttributes<HTMLDivElement>>;
package/dist/lib-esm/inline-notice-list-item/types.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import { type ReactNode } from 'react';
2
+ import { type RequireAllOrNone } from 'type-fest';
3
+ export type InlineNoticeListItemProps = RequireAllOrNone<{
4
+ /** Required title for the inline notice */
5
+ title: string;
6
+ /** Optional subtitle that appears after the title on the same line (non-bold) */
7
+ subtitle?: string;
8
+ /** Optional text that appears below the title */
9
+ text?: string;
10
+ /** Optional children buttons for the inline notice CTA. Specify either PrimaryAction OR both TertiaryAction and PrimaryAction. */
11
+ children?: ReactNode;
12
+ /** Icon for notice */
13
+ icon?: React.FunctionComponent<React.PropsWithChildren<React.SVGProps<SVGSVGElement>>>;
14
+ /** Icon aria label for notice when icon is provided */
15
+ iconAriaLabel?: string;
16
+ }, 'icon' | 'iconAriaLabel'>;
package/dist/lib-esm/primitives/base-inline-notice/base-inline-notice.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"noticeWrapper":"bp_base_inline_notice_module_noticeWrapper--4bac9","content":"bp_base_inline_notice_module_content--4bac9","title":"bp_base_inline_notice_module_title--4bac9","actions":"bp_base_inline_notice_module_actions--4bac9","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--4bac9","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--4bac9","backgroundRed":"bp_base_inline_notice_module_backgroundRed--4bac9","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--4bac9","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--4bac9","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--4bac9","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--4bac9","contentContainer":"bp_base_inline_notice_module_contentContainer--4bac9","icon":"bp_base_inline_notice_module_icon--4bac9"};
2
+ var styles = {"noticeWrapper":"bp_base_inline_notice_module_noticeWrapper--683b5","content":"bp_base_inline_notice_module_content--683b5","title":"bp_base_inline_notice_module_title--683b5","actions":"bp_base_inline_notice_module_actions--683b5","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--683b5","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--683b5","backgroundRed":"bp_base_inline_notice_module_backgroundRed--683b5","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--683b5","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--683b5","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--683b5","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--683b5","backgroundWhite":"bp_base_inline_notice_module_backgroundWhite--683b5","contentContainer":"bp_base_inline_notice_module_contentContainer--683b5","icon":"bp_base_inline_notice_module_icon--683b5"};
3
3
 
4
4
  export { styles as default };
package/dist/lib-esm/primitives/base-inline-notice/types.d.ts CHANGED
@@ -28,7 +28,7 @@ export interface BaseInlineNoticeContentContainerProps {
28
28
  /** Children within the container */
29
29
  children: ReactNode;
30
30
  }
31
- export type BaseInlineNoticeBackgroundColor = 'backgroundBlue' | 'backgroundYellow' | 'backgroundGreen' | 'backgroundRed' | 'backgroundPurple';
31
+ export type BaseInlineNoticeBackgroundColor = 'backgroundBlue' | 'backgroundYellow' | 'backgroundGreen' | 'backgroundRed' | 'backgroundPurple' | 'backgroundWhite';
32
32
  export interface BaseInlineNoticeProps extends HTMLAttributes<HTMLDivElement> {
33
33
  /** Governs the background color displayed. */
34
34
  backgroundColor: BaseInlineNoticeBackgroundColor;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.115.2",
3
+ "version": "12.116.0",
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.93.0",
50
+ "@box/blueprint-web-assets": "^4.93.1",
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.15.8",
80
+ "@box/storybook-utils": "^0.15.9",
81
81
  "@types/react": "^18.0.0",
82
82
  "@types/react-dom": "^18.0.0",
83
83
  "react": "^18.3.0",