@phillips/seldon 1.182.0 → 1.183.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 (10) hide show
  1. package/dist/assets/formatted/IconBlueCircle.d.ts +9 -0
  2. package/dist/assets/formatted/IconBlueCircle.js +29 -0
  3. package/dist/assets/formatted/index.d.ts +1 -0
  4. package/dist/assets/formatted/index.js +84 -82
  5. package/dist/components/ComboBox/ComboBox.js +1 -0
  6. package/dist/components/NotificationBanner/NotificationBanner.stories.d.ts +12 -0
  7. package/dist/scss/_vars.scss +4 -0
  8. package/dist/scss/_vars.scss.js +4 -0
  9. package/dist/scss/components/NotificationBanner/_notificationBanner.scss +35 -0
  10. package/package.json +1 -1
package/dist/assets/formatted/IconBlueCircle.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ interface IconBlueCircleProps extends React.HTMLAttributes<SVGSVGElement> {
2
+ color?: string;
3
+ height?: number | string;
4
+ width?: number | string;
5
+ title?: string;
6
+ titleId?: string;
7
+ }
8
+ declare const IconBlueCircle: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<IconBlueCircleProps & import('react').RefAttributes<SVGSVGElement>>>;
9
+ export default IconBlueCircle;
package/dist/assets/formatted/IconBlueCircle.js ADDED
@@ -0,0 +1,29 @@
1
+ import { jsxs as s, jsx as i } from "react/jsx-runtime";
2
+ import { memo as d, forwardRef as m } from "react";
3
+ import { kebabCase as a } from "../../node_modules/change-case/dist/index.js";
4
+ const x = d(
5
+ m((l, r) => {
6
+ const { height: o, width: c, title: e, titleId: n } = l, t = n || a(e || "");
7
+ return /* @__PURE__ */ s(
8
+ "svg",
9
+ {
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ fill: "none",
12
+ viewBox: "0 0 12 13",
13
+ height: o,
14
+ width: c,
15
+ role: "img",
16
+ ref: r,
17
+ "aria-labelledby": t,
18
+ ...l,
19
+ children: [
20
+ e ? /* @__PURE__ */ i("title", { id: t, children: e }) : null,
21
+ /* @__PURE__ */ i("circle", { cx: 6, cy: 6.125, r: 6, fill: "#0065FC" })
22
+ ]
23
+ }
24
+ );
25
+ })
26
+ );
27
+ export {
28
+ x as default
29
+ };
package/dist/assets/formatted/index.d.ts CHANGED
@@ -48,6 +48,7 @@ export { default as Hide } from './Hide';
48
48
  export { default as HomeActive } from './HomeActive';
49
49
  export { default as Home } from './Home';
50
50
  export { default as IconGreenCircle } from './IconGreenCircle';
51
+ export { default as IconBlueCircle } from './IconBlueCircle';
51
52
  export { default as IconRedCircle } from './IconRedCircle';
52
53
  export { default as Icon } from './Icon';
53
54
  export { default as Instagram } from './Instagram';
package/dist/assets/formatted/index.js CHANGED
@@ -2,21 +2,21 @@ import { default as r } from "./AccountActive.js";
2
2
  import { default as a } from "./Account.js";
3
3
  import { default as l } from "./Add.js";
4
4
  import { default as m } from "./AdminGavel.js";
5
- import { default as u } from "./AdminLiveOnline.js";
5
+ import { default as s } from "./AdminLiveOnline.js";
6
6
  import { default as x } from "./AdminPerson.js";
7
7
  import { default as n } from "./AdminTelephone.js";
8
- import { default as c } from "./AdminPlay.js";
8
+ import { default as A } from "./AdminPlay.js";
9
9
  import { default as v } from "./AdminFullscreen.js";
10
10
  import { default as w } from "./AdminFullscreenExit.js";
11
11
  import { default as S } from "./AdminCheck.js";
12
12
  import { default as F } from "./AdminChevronLeft.js";
13
- import { default as R } from "./AdminChevronRight.js";
14
- import { default as I } from "./AdminChevronUp.js";
13
+ import { default as P } from "./AdminChevronRight.js";
14
+ import { default as E } from "./AdminChevronUp.js";
15
15
  import { default as k } from "./AdminClose.js";
16
16
  import { default as D } from "./AdminHome.js";
17
17
  import { default as U } from "./AdminPencil.js";
18
- import { default as T } from "./AdminSearch.js";
19
- import { default as y } from "./AppleAppStoreBadge.js";
18
+ import { default as B } from "./AdminSearch.js";
19
+ import { default as b } from "./AppleAppStoreBadge.js";
20
20
  import { default as X } from "./ArrowDown.js";
21
21
  import { default as W } from "./ArrowLeft.js";
22
22
  import { default as q } from "./ArrowRight.js";
@@ -29,74 +29,75 @@ import { default as re } from "./ChevronRight.js";
29
29
  import { default as ae } from "./ChevronUp.js";
30
30
  import { default as le } from "./CloseX.js";
31
31
  import { default as me } from "./ConditionReport.js";
32
- import { default as ue } from "./Delete.js";
32
+ import { default as se } from "./Delete.js";
33
33
  import { default as xe } from "./Download.js";
34
34
  import { default as ne } from "./Edit.js";
35
- import { default as ce } from "./Email.js";
35
+ import { default as Ae } from "./Email.js";
36
36
  import { default as ve } from "./Error.js";
37
37
  import { default as we } from "./ExternalLink.js";
38
38
  import { default as Se } from "./Facebook.js";
39
39
  import { default as Fe } from "./FavoriteActive.js";
40
- import { default as Re } from "./Favorite.js";
41
- import { default as Ie } from "./Filters.js";
40
+ import { default as Pe } from "./Favorite.js";
41
+ import { default as Ee } from "./Filters.js";
42
42
  import { default as ke } from "./Fullscreen.js";
43
43
  import { default as De } from "./FullscreenExit.js";
44
44
  import { default as Ue } from "./GavelActive.js";
45
- import { default as Te } from "./Gavel.js";
46
- import { default as ye } from "./Grid.js";
45
+ import { default as Be } from "./Gavel.js";
46
+ import { default as be } from "./Grid.js";
47
47
  import { default as Xe } from "./Hide.js";
48
48
  import { default as We } from "./HomeActive.js";
49
49
  import { default as qe } from "./Home.js";
50
50
  import { default as Je } from "./IconGreenCircle.js";
51
- import { default as Ne } from "./IconRedCircle.js";
52
- import { default as Ye } from "./Icon.js";
53
- import { default as _e } from "./Instagram.js";
54
- import { default as eo } from "./LinkedIn.js";
55
- import { default as ro } from "./List.js";
56
- import { default as ao } from "./Lock.js";
57
- import { default as lo } from "./MagnificentSeven.js";
58
- import { default as so } from "./Menu.js";
59
- import { default as po } from "./Mute.js";
60
- import { default as io } from "./Pause.js";
61
- import { default as Ao } from "./PhillipsAppIcon.js";
62
- import { default as ho } from "./PhillipsLogo.js";
63
- import { default as Co } from "./Play.js";
64
- import { default as Lo } from "./Red.js";
65
- import { default as go } from "./Refresh.js";
66
- import { default as Po } from "./Search.js";
67
- import { default as Eo } from "./SellActive.js";
68
- import { default as Mo } from "./Sell.js";
69
- import { default as Go } from "./Share.js";
70
- import { default as Ho } from "./Subtract.js";
71
- import { default as Vo } from "./Success.js";
72
- import { default as bo } from "./Tooltip.js";
73
- import { default as Bo } from "./TwitterX.js";
74
- import { default as Oo } from "./Upload.js";
75
- import { default as jo } from "./View.js";
76
- import { default as zo } from "./VolumeMaximum.js";
77
- import { default as Ko } from "./VolumeMid.js";
78
- import { default as Qo } from "./VolumeMinimum.js";
79
- import { default as Zo } from "./WeChat.js";
51
+ import { default as Ne } from "./IconBlueCircle.js";
52
+ import { default as Ye } from "./IconRedCircle.js";
53
+ import { default as _e } from "./Icon.js";
54
+ import { default as eo } from "./Instagram.js";
55
+ import { default as ro } from "./LinkedIn.js";
56
+ import { default as ao } from "./List.js";
57
+ import { default as lo } from "./Lock.js";
58
+ import { default as uo } from "./MagnificentSeven.js";
59
+ import { default as po } from "./Menu.js";
60
+ import { default as io } from "./Mute.js";
61
+ import { default as co } from "./Pause.js";
62
+ import { default as ho } from "./PhillipsAppIcon.js";
63
+ import { default as Co } from "./PhillipsLogo.js";
64
+ import { default as Lo } from "./Play.js";
65
+ import { default as go } from "./Red.js";
66
+ import { default as Io } from "./Refresh.js";
67
+ import { default as Ro } from "./Search.js";
68
+ import { default as Mo } from "./SellActive.js";
69
+ import { default as Go } from "./Sell.js";
70
+ import { default as Ho } from "./Share.js";
71
+ import { default as Vo } from "./Subtract.js";
72
+ import { default as To } from "./Success.js";
73
+ import { default as yo } from "./Tooltip.js";
74
+ import { default as Oo } from "./TwitterX.js";
75
+ import { default as jo } from "./Upload.js";
76
+ import { default as zo } from "./View.js";
77
+ import { default as Ko } from "./VolumeMaximum.js";
78
+ import { default as Qo } from "./VolumeMid.js";
79
+ import { default as Zo } from "./VolumeMinimum.js";
80
+ import { default as $o } from "./WeChat.js";
80
81
  export {
81
82
  a as Account,
82
83
  r as AccountActive,
83
84
  l as Add,
84
85
  S as AdminCheck,
85
86
  F as AdminChevronLeft,
86
- R as AdminChevronRight,
87
- I as AdminChevronUp,
87
+ P as AdminChevronRight,
88
+ E as AdminChevronUp,
88
89
  k as AdminClose,
89
90
  v as AdminFullscreen,
90
91
  w as AdminFullscreenExit,
91
92
  m as AdminGavel,
92
93
  D as AdminHome,
93
- u as AdminLiveOnline,
94
+ s as AdminLiveOnline,
94
95
  U as AdminPencil,
95
96
  x as AdminPerson,
96
- c as AdminPlay,
97
- T as AdminSearch,
97
+ A as AdminPlay,
98
+ B as AdminSearch,
98
99
  n as AdminTelephone,
99
- y as AppleAppStoreBadge,
100
+ b as AppleAppStoreBadge,
100
101
  X as ArrowDown,
101
102
  W as ArrowLeft,
102
103
  q as ArrowRight,
@@ -109,52 +110,53 @@ export {
109
110
  ae as ChevronUp,
110
111
  le as CloseX,
111
112
  me as ConditionReport,
112
- ue as Delete,
113
+ se as Delete,
113
114
  xe as Download,
114
115
  ne as Edit,
115
- ce as Email,
116
+ Ae as Email,
116
117
  ve as Error,
117
118
  we as ExternalLink,
118
119
  Se as Facebook,
119
- Re as Favorite,
120
+ Pe as Favorite,
120
121
  Fe as FavoriteActive,
121
- Ie as Filters,
122
+ Ee as Filters,
122
123
  ke as Fullscreen,
123
124
  De as FullscreenExit,
124
- Te as Gavel,
125
+ Be as Gavel,
125
126
  Ue as GavelActive,
126
- ye as Grid,
127
+ be as Grid,
127
128
  Xe as Hide,
128
129
  qe as Home,
129
130
  We as HomeActive,
130
- Ye as Icon,
131
+ _e as Icon,
132
+ Ne as IconBlueCircle,
131
133
  Je as IconGreenCircle,
132
- Ne as IconRedCircle,
133
- _e as Instagram,
134
- eo as LinkedIn,
135
- ro as List,
136
- ao as Lock,
137
- lo as MagnificentSeven,
138
- so as Menu,
139
- po as Mute,
140
- io as Pause,
141
- Ao as PhillipsAppIcon,
142
- ho as PhillipsLogo,
143
- Co as Play,
144
- Lo as Red,
145
- go as Refresh,
146
- Po as Search,
147
- Mo as Sell,
148
- Eo as SellActive,
149
- Go as Share,
150
- Ho as Subtract,
151
- Vo as Success,
152
- bo as Tooltip,
153
- Bo as TwitterX,
154
- Oo as Upload,
155
- jo as View,
156
- zo as VolumeMaximum,
157
- Ko as VolumeMid,
158
- Qo as VolumeMinimum,
159
- Zo as WeChat
134
+ Ye as IconRedCircle,
135
+ eo as Instagram,
136
+ ro as LinkedIn,
137
+ ao as List,
138
+ lo as Lock,
139
+ uo as MagnificentSeven,
140
+ po as Menu,
141
+ io as Mute,
142
+ co as Pause,
143
+ ho as PhillipsAppIcon,
144
+ Co as PhillipsLogo,
145
+ Lo as Play,
146
+ go as Red,
147
+ Io as Refresh,
148
+ Ro as Search,
149
+ Go as Sell,
150
+ Mo as SellActive,
151
+ Ho as Share,
152
+ Vo as Subtract,
153
+ To as Success,
154
+ yo as Tooltip,
155
+ Oo as TwitterX,
156
+ jo as Upload,
157
+ zo as View,
158
+ Ko as VolumeMaximum,
159
+ Qo as VolumeMid,
160
+ Zo as VolumeMinimum,
161
+ $o as WeChat
160
162
  };
package/dist/components/ComboBox/ComboBox.js CHANGED
@@ -54,6 +54,7 @@ import "../../assets/formatted/Hide.js";
54
54
  import "../../assets/formatted/HomeActive.js";
55
55
  import "../../assets/formatted/Home.js";
56
56
  import "../../assets/formatted/IconGreenCircle.js";
57
+ import "../../assets/formatted/IconBlueCircle.js";
57
58
  import "../../assets/formatted/IconRedCircle.js";
58
59
  import "../../assets/formatted/Icon.js";
59
60
  import "../../assets/formatted/Instagram.js";
package/dist/components/NotificationBanner/NotificationBanner.stories.d.ts CHANGED
@@ -17,3 +17,15 @@ export declare const Playground: {
17
17
  export declare const WithHeader: ({ authState, ...props }: HeaderProps & {
18
18
  authState?: AuthState;
19
19
  }) => import("react/jsx-runtime").JSX.Element;
20
+ export declare const StringMessage: {
21
+ (props: NotificationBannerProps): import("react/jsx-runtime").JSX.Element;
22
+ args: {
23
+ children: string;
24
+ };
25
+ };
26
+ export declare const NestedMessage: {
27
+ (props: NotificationBannerProps): import("react/jsx-runtime").JSX.Element;
28
+ args: {
29
+ children: import("react/jsx-runtime").JSX.Element;
30
+ };
31
+ };
package/dist/scss/_vars.scss CHANGED
@@ -172,6 +172,8 @@ $breakpoint-xl: 1801px;
172
172
  --snw-heading-hero-line-height-size1: 2.375rem;
173
173
  --snw-heading-hero-size2: 1.625rem;
174
174
  --snw-heading-hero-line-height-size2: 1.9375rem;
175
+ --snw-note-size: 0.75rem;
176
+ --snw-note-line-height: 1rem;
175
177
 
176
178
  @media (min-width: $breakpoint-md) {
177
179
  --quote-size: 1.75rem;
@@ -322,6 +324,8 @@ $snw-heading-hero-line-height2: var(--snw-heading-hero-line-height-size2);
322
324
 
323
325
  // SNOWFLAKES
324
326
  $snowflake-menu-padding: 1.25rem;
327
+ $snowflake-note-size: var(--snw-note-size);
328
+ $snowflake-note-line-height: var(--snw-note-line-height);
325
329
 
326
330
  /* stylelint-disable-next-line no-duplicate-selectors */
327
331
  :root {
package/dist/scss/_vars.scss.js CHANGED
@@ -172,6 +172,8 @@ $breakpoint-xl: 1801px;
172
172
  --snw-heading-hero-line-height-size1: 2.375rem;
173
173
  --snw-heading-hero-size2: 1.625rem;
174
174
  --snw-heading-hero-line-height-size2: 1.9375rem;
175
+ --snw-note-size: 0.75rem;
176
+ --snw-note-line-height: 1rem;
175
177
 
176
178
  @media (min-width: $breakpoint-md) {
177
179
  --quote-size: 1.75rem;
@@ -322,6 +324,8 @@ $snw-heading-hero-line-height2: var(--snw-heading-hero-line-height-size2);
322
324
 
323
325
  // SNOWFLAKES
324
326
  $snowflake-menu-padding: 1.25rem;
327
+ $snowflake-note-size: var(--snw-note-size);
328
+ $snowflake-note-line-height: var(--snw-note-line-height);
325
329
 
326
330
  /* stylelint-disable-next-line no-duplicate-selectors */
327
331
  :root {
package/dist/scss/components/NotificationBanner/_notificationBanner.scss CHANGED
@@ -2,10 +2,45 @@
2
2
 
3
3
  .#{$px}-notification-banner {
4
4
  background: $light-gray;
5
+ color: $pure-black;
6
+ font-size: $snowflake-note-size;
7
+ font-variation-settings: 'wght' 600;
5
8
  left: 0;
9
+ line-height: $snowflake-note-line-height;
6
10
  padding: $spacing-sm $spacing-md;
7
11
  position: fixed;
12
+ text-align: center;
8
13
  top: 0;
9
14
  width: 100%;
10
15
  z-index: $z-index-notification-banner;
16
+
17
+ > * {
18
+ font-size: $snowflake-note-size;
19
+ font-variation-settings: 'wght' 600;
20
+ line-height: $snowflake-note-line-height;
21
+ text-align: center;
22
+
23
+ a {
24
+ cursor: pointer;
25
+ text-decoration: underline;
26
+ }
27
+ }
28
+
29
+ > .#{$px}-notification-banner-content {
30
+ color: $pure-black;
31
+ font-size: $snowflake-note-size;
32
+ font-variation-settings: 'wght' 600;
33
+ line-height: $snowflake-note-line-height;
34
+ text-align: center;
35
+
36
+ a {
37
+ cursor: pointer;
38
+ text-decoration: underline;
39
+ }
40
+ }
41
+
42
+ .#{$px}-notification-banner-link {
43
+ cursor: pointer;
44
+ text-decoration: underline;
45
+ }
11
46
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phillips/seldon",
3
- "version": "1.182.0",
3
+ "version": "1.183.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/PhillipsAuctionHouse/seldon"