@sps-woodland/product-bar 8.56.2 → 8.56.4
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.
- package/lib/index.js +49 -72
- package/lib/index.umd.cjs +7 -7
- package/lib/style.css +2 -1
- package/package.json +4 -4
package/lib/index.js
CHANGED
|
@@ -1,22 +1,23 @@
|
|
|
1
|
-
import { ProductBar as
|
|
2
|
-
export * from "@sps-woodland/core/product-bar";
|
|
1
|
+
import { ProductBar as e } from "@sps-woodland/core/product-bar";
|
|
3
2
|
import { code as t } from "@spscommerce/utils";
|
|
4
|
-
import { ProductBarName as
|
|
3
|
+
import { ProductBarName as n } from "@sps-woodland/core/product-bar-name";
|
|
5
4
|
import { ProductBarTab as r } from "@sps-woodland/core/product-bar-tab";
|
|
6
|
-
import { SlackLink as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
5
|
+
import { SlackLink as i } from "@sps-woodland/core/slack-link";
|
|
6
|
+
export * from "@sps-woodland/core/product-bar";
|
|
7
|
+
//#endregion
|
|
8
|
+
//#region src/manifest.ts
|
|
9
|
+
var a = {
|
|
10
|
+
"Product Bar": {
|
|
11
|
+
components: [
|
|
12
|
+
e,
|
|
13
|
+
n,
|
|
14
|
+
r
|
|
15
|
+
],
|
|
16
|
+
examples: {
|
|
17
|
+
basic: {
|
|
18
|
+
label: "Basic",
|
|
19
|
+
description: "Product navigation bar",
|
|
20
|
+
examples: { basic: { react: t`
|
|
20
21
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
21
22
|
import { Button } from "@sps-woodland/buttons";
|
|
22
23
|
|
|
@@ -63,15 +64,11 @@ const c = {
|
|
|
63
64
|
</ProductBar>
|
|
64
65
|
)
|
|
65
66
|
}
|
|
66
|
-
`
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
label: "Action",
|
|
72
|
-
examples: {
|
|
73
|
-
basic: {
|
|
74
|
-
react: t`
|
|
67
|
+
` } }
|
|
68
|
+
},
|
|
69
|
+
action: {
|
|
70
|
+
label: "Action",
|
|
71
|
+
examples: { basic: { react: t`
|
|
75
72
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
76
73
|
import { Button } from "@sps-woodland/buttons";
|
|
77
74
|
|
|
@@ -119,15 +116,11 @@ const c = {
|
|
|
119
116
|
</ProductBar>
|
|
120
117
|
)
|
|
121
118
|
}
|
|
122
|
-
`
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
label: "Link",
|
|
128
|
-
examples: {
|
|
129
|
-
basic: {
|
|
130
|
-
react: t`
|
|
119
|
+
` } }
|
|
120
|
+
},
|
|
121
|
+
link: {
|
|
122
|
+
label: "Link",
|
|
123
|
+
examples: { basic: { react: t`
|
|
131
124
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
132
125
|
import { Button } from "@sps-woodland/buttons";
|
|
133
126
|
|
|
@@ -175,16 +168,13 @@ const c = {
|
|
|
175
168
|
</ProductBar>
|
|
176
169
|
)
|
|
177
170
|
}
|
|
178
|
-
`
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
examples: {
|
|
186
|
-
basic: {
|
|
187
|
-
react: t`
|
|
171
|
+
` } }
|
|
172
|
+
},
|
|
173
|
+
priorityPlus: {
|
|
174
|
+
label: "Priority+ (Responsive Overflow)",
|
|
175
|
+
description: "Tabs that don't fit collapse into a 'More' dropdown menu. Resize the window to see the effect.",
|
|
176
|
+
examples: {
|
|
177
|
+
basic: { react: t`
|
|
188
178
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
189
179
|
import { Button } from "@sps-woodland/buttons";
|
|
190
180
|
|
|
@@ -240,10 +230,8 @@ const c = {
|
|
|
240
230
|
</ProductBar>
|
|
241
231
|
)
|
|
242
232
|
}
|
|
243
|
-
`
|
|
244
|
-
|
|
245
|
-
withPriority: {
|
|
246
|
-
react: t`
|
|
233
|
+
` },
|
|
234
|
+
withPriority: { react: t`
|
|
247
235
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
248
236
|
import { Button } from "@sps-woodland/buttons";
|
|
249
237
|
|
|
@@ -299,18 +287,14 @@ const c = {
|
|
|
299
287
|
</ProductBar>
|
|
300
288
|
)
|
|
301
289
|
}
|
|
302
|
-
`
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
basic: {
|
|
311
|
-
examples: {
|
|
312
|
-
basic: {
|
|
313
|
-
react: t`
|
|
290
|
+
` }
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
},
|
|
295
|
+
"Slack Link": {
|
|
296
|
+
components: [i],
|
|
297
|
+
examples: { basic: { examples: { basic: { react: t`
|
|
314
298
|
import { SlackLink } from "@sps-woodland/slack-link";
|
|
315
299
|
import { ProductBar } from "@sps-woodland/product-bar";
|
|
316
300
|
|
|
@@ -325,15 +309,8 @@ const c = {
|
|
|
325
309
|
><SlackLink channelId="CELEGDK4Y" /></ProductBar>
|
|
326
310
|
);
|
|
327
311
|
}
|
|
328
|
-
`
|
|
329
|
-
|
|
330
|
-
}
|
|
331
|
-
}
|
|
332
|
-
}
|
|
333
|
-
}, B = {
|
|
334
|
-
"Product Bar": c,
|
|
335
|
-
"Slack Link": s
|
|
336
|
-
};
|
|
337
|
-
export {
|
|
338
|
-
B as MANIFEST
|
|
312
|
+
` } } } }
|
|
313
|
+
}
|
|
339
314
|
};
|
|
315
|
+
//#endregion
|
|
316
|
+
export { a as MANIFEST };
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(t
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@sps-woodland/core/product-bar"),require("@spscommerce/utils"),require("@sps-woodland/core/product-bar-name"),require("@sps-woodland/core/product-bar-tab"),require("@sps-woodland/core/slack-link")):typeof define==`function`&&define.amd?define([`exports`,`@sps-woodland/core/product-bar`,`@spscommerce/utils`,`@sps-woodland/core/product-bar-name`,`@sps-woodland/core/product-bar-tab`,`@sps-woodland/core/slack-link`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ProductBar={},e.spsWoodlandCoreProductBar,e.spscommerceUtils,e.spsWoodlandCoreProductBarName,e.spsWoodlandCoreProductBarTab,e.spsWoodlandCoreSlackLink))})(this,function(e,t,n,r,i,a){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),e.MANIFEST={"Product Bar":{components:[t.ProductBar,r.ProductBarName,i.ProductBarTab],examples:{basic:{label:`Basic`,description:`Product navigation bar`,examples:{basic:{react:n.code`
|
|
2
2
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
3
3
|
import { Button } from "@sps-woodland/buttons";
|
|
4
4
|
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
</ProductBar>
|
|
46
46
|
)
|
|
47
47
|
}
|
|
48
|
-
`}}},action:{label
|
|
48
|
+
`}}},action:{label:`Action`,examples:{basic:{react:n.code`
|
|
49
49
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
50
50
|
import { Button } from "@sps-woodland/buttons";
|
|
51
51
|
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
</ProductBar>
|
|
94
94
|
)
|
|
95
95
|
}
|
|
96
|
-
`}}},link:{label
|
|
96
|
+
`}}},link:{label:`Link`,examples:{basic:{react:n.code`
|
|
97
97
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
98
98
|
import { Button } from "@sps-woodland/buttons";
|
|
99
99
|
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
</ProductBar>
|
|
142
142
|
)
|
|
143
143
|
}
|
|
144
|
-
`}}},priorityPlus:{label
|
|
144
|
+
`}}},priorityPlus:{label:`Priority+ (Responsive Overflow)`,description:`Tabs that don't fit collapse into a 'More' dropdown menu. Resize the window to see the effect.`,examples:{basic:{react:n.code`
|
|
145
145
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
146
146
|
import { Button } from "@sps-woodland/buttons";
|
|
147
147
|
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
</ProductBar>
|
|
198
198
|
)
|
|
199
199
|
}
|
|
200
|
-
`},withPriority:{react:
|
|
200
|
+
`},withPriority:{react:n.code`
|
|
201
201
|
import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
|
|
202
202
|
import { Button } from "@sps-woodland/buttons";
|
|
203
203
|
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
</ProductBar>
|
|
254
254
|
)
|
|
255
255
|
}
|
|
256
|
-
`}}}}},
|
|
256
|
+
`}}}}},"Slack Link":{components:[a.SlackLink],examples:{basic:{examples:{basic:{react:n.code`
|
|
257
257
|
import { SlackLink } from "@sps-woodland/slack-link";
|
|
258
258
|
import { ProductBar } from "@sps-woodland/product-bar";
|
|
259
259
|
|
|
@@ -268,4 +268,4 @@
|
|
|
268
268
|
><SlackLink channelId="CELEGDK4Y" /></ProductBar>
|
|
269
269
|
);
|
|
270
270
|
}
|
|
271
|
-
`}}}}}
|
|
271
|
+
`}}}}}},Object.keys(t).forEach(function(n){n!=="default"&&!Object.prototype.hasOwnProperty.call(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})});
|
package/lib/style.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
.pkg_sps-woodland_core__family_product-
|
|
1
|
+
.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux0{background-color:#fff;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 2px #00000026}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux1{background-color:#fff;align-items:center;width:1280px;min-height:3.75rem;padding:0 2rem;display:flex}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux2{width:100%}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux4{cursor:pointer;align-content:center;margin-right:2rem;text-decoration:none;display:flex}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux4:hover{text-decoration:none}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux4:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux5{margin-right:.5rem}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux7{align-content:center;width:1.5rem;height:1.5rem;margin-right:.5rem;display:flex}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux8{color:#1f282c;align-content:center;font-size:1rem;font-weight:600;display:flex}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjux9{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxa{text-align:right;flex:1}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxb{cursor:pointer;justify-content:center;align-items:center;height:3.625rem;margin-top:.125rem;padding:0 1rem;text-decoration:none;display:flex;color:#4b5356!important;font-size:.875rem!important}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxb:hover{text-decoration:none}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxb:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxc{box-shadow:inset 0 -.125rem #007db8}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxe{color:#d2d4d4}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxg{font:inherit;background:0 0;border:none}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxg:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxh{background:#d2d4d4;width:.0625rem;height:2.125rem;margin:0 1rem 0 0;display:inline-block}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_g6gjuxi{flex-direction:row;margin-bottom:0;padding-left:0;list-style:none;display:flex}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_5klvkn0{font:inherit;background:0 0;border:none;flex-shrink:0;gap:.25rem}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_5klvkn1{font-size:.75rem;transition:transform .15s}[aria-expanded=true] .pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_5klvkn1{transform:rotate(180deg)}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_5klvkn2{overscroll-behavior:contain;z-index:100;background:#fff;border:.0625rem solid #717779;border-radius:.25rem;min-width:120px;overflow-y:auto;box-shadow:0 2px 8px #00000026}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_5klvkn2:focus{outline-offset:.125rem;outline:.125rem solid #007db8!important}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_5klvkn3{color:#4b5356;cursor:pointer;white-space:nowrap;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:400;text-decoration:none;display:flex}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_5klvkn3:hover{background:#e6f2f8;text-decoration:none}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_5klvkn3:focus{outline-offset:-.125rem;background:#e6f2f8;outline:.125rem solid #007db8!important}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_5klvkn4{font-weight:600;box-shadow:inset 3px 0 #007db8}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_pqijiy0{align-items:center;font-size:.875rem;text-decoration:none;display:inline-flex}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_pqijiy0:hover{border-bottom:.0625rem solid #007db8;text-decoration:none!important}.pkg_sps-woodland_core__family_product-bar__version_8_56_4__hash_pqijiy1{margin-right:.25rem;font-size:1rem}
|
|
2
|
+
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/product-bar",
|
|
3
3
|
"description": "SPS Woodland Design System product bar component",
|
|
4
|
-
"version": "8.56.
|
|
4
|
+
"version": "8.56.4",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/product-bar",
|
|
@@ -31,14 +31,14 @@
|
|
|
31
31
|
"@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
|
|
32
32
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
33
33
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
34
|
-
"@sps-woodland/core": "8.56.
|
|
34
|
+
"@sps-woodland/core": "8.56.4"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@ariakit/react": "0.4.15",
|
|
38
|
-
"@spscommerce/utils": "9.
|
|
38
|
+
"@spscommerce/utils": "9.3.3",
|
|
39
39
|
"react": "16.14.0",
|
|
40
40
|
"react-dom": "16.14.0",
|
|
41
|
-
"@sps-woodland/core": "8.56.
|
|
41
|
+
"@sps-woodland/core": "8.56.4"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
44
|
"build": "pnpm run build:js && pnpm run build:types && pnpm run build:css",
|