@sps-woodland/growler 8.53.7 → 8.53.8
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.umd.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +3 -3
- package/vite.config.mjs +17 -14
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(t,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@sps-woodland/core/growler"),require("react"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","@sps-woodland/core/growler","react","@spscommerce/utils"],r):(t=typeof globalThis<"u"?globalThis:t||self,r(t.Growler={},t.
|
|
1
|
+
(function(t,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@sps-woodland/core/growler"),require("react"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","@sps-woodland/core/growler","react","@spscommerce/utils"],r):(t=typeof globalThis<"u"?globalThis:t||self,r(t.Growler={},t.spsWoodlandCoreGrowler,t.react,t.spscommerceUtils))})(this,(function(t,r,i,o){"use strict";function c(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(s,l,a.get?a:{enumerable:!0,get:()=>n[l]})}}return s.default=n,Object.freeze(s)}const e=c(i),d={Growlers:{description:()=>e.createElement("p",null,"Use Growlers for dynamic messages in response to a user's action. All Growlers have a Primary Message, and may optionally have a Secondary Message as needed. Growlers may also contain Hyperlinks in the Secondary Message."),components:[r.GrowlerEmitter,r.growl,r.Growler,r.GrowlerListProvider],examples:{general:{label:"General Usage",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"Use the following guidelines to write an effective Growler message."),e.createElement("ul",null,e.createElement("li",null,"Write all messages in sentence case.",e.createElement("ul",null,e.createElement("li",null,"Capitalize the first word of the message."),e.createElement("li",null,"Add punctuation, such as a period, at the end of the message."))),e.createElement("li",null,"Keep messages as succinct as possible while also providing sufficient information to the customer."),e.createElement("li",null,"If you can clearly convey your message in a single statement, use only the Primary Message."),e.createElement("li",null,"If the message requires additional details, such as further information or instructions, use both the Primary and Secondary Messages.")),e.createElement("p",null,"For more examples of effective feedback message writing, refer to"," ",e.createElement("a",{href:"https://atlassian.design/content/messaging-guidelines",target:"_blank"},"Atlassian's Messaging Guidelines"),"."))},emitter:{label:"Growler Emitter",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,e.createElement("code",null,"GrowlerEmitter")," is a component that displays growlers. It should be placed in the root of your application. It is not a provider and does not take any props."))},growlerKinds:{label:"Growler Kinds",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"Growlers come in five different kinds: ",e.createElement("code",null,"success"),", ",e.createElement("code",null,"error"),","," ",e.createElement("code",null,"info"),", ",e.createElement("code",null,"warning"),", and ",e.createElement("code",null,"progress"),". Each kind has a unique icon and color scheme.")),examples:{success:{description:"Success",react:o.code`
|
|
2
2
|
import { growl } from "@sps-woodland/growler";
|
|
3
3
|
import { Button } from "@sps-woodland/buttons";
|
|
4
4
|
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes pkg_sps-
|
|
1
|
+
@keyframes pkg_sps-woodland_core__version_8_53_8__hash_1mxbt450{0%{opacity:1}to{opacity:0}}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt451{border-radius:.25rem;box-shadow:0 0 .3125rem #00000040;display:flex;margin-bottom:1rem;overflow:hidden;width:25rem}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt452{background:#e9e9ea;border:.0625rem #717779ff solid}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt453{background:#007db8;border:.0625rem #007db8ff solid}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt454{background:#91467f;border:.0625rem #91467fff solid}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt455{background:#de002e;border:.0625rem #de002eff solid}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt456{background:#0b8940;border:.0625rem #0b8940ff solid}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt457{background:#e7760b;border:.0625rem #e7760bff solid}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt458{animation-name:pkg_sps-woodland_core__version_8_53_8__hash_1mxbt450;animation-duration:2s}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt459{opacity:1}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt45a{display:flex;flex-direction:column;position:fixed;right:1.875rem;top:5.625rem;width:25rem}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt45b{align-items:center;display:flex;flex-grow:0;flex-shrink:0;flex-basis:4.375rem;justify-content:center}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt45c{color:#fff;font-size:1.875rem}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt45d{background-color:#fff;padding:1rem 2.625rem 1rem 1rem;position:relative;display:flex;flex-grow:1}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt45e{flex-grow:1;font-size:.75rem;line-height:1.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt45f{font-weight:600}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt45g{color:#4b5356;overflow-wrap:break-word;width:16.5rem}.pkg_sps-woodland_core__version_8_53_8__hash_1mxbt45h{position:absolute;right:.5rem;top:.5rem}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k0{border-radius:.25rem;box-shadow:0 0 .3125rem #00000040;display:flex;overflow:hidden;width:25rem;outline:none}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k0:focus{outline:none}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k1{background:#e9e9ea;border:.0625rem #717779ff solid}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k2{background:#007db8;border:.0625rem #007db8ff solid}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k3{background:#91467f;border:.0625rem #91467fff solid}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k4{background:#de002e;border:.0625rem #de002eff solid}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k5{background:#0b8940;border:.0625rem #0b8940ff solid}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k6{background:#e7760b;border:.0625rem #e7760bff solid}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k7{right:1.875rem;top:5.625rem;width:25rem}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k8{align-items:center;display:flex;flex-grow:0;flex-shrink:0;flex-basis:4.375rem;justify-content:center}.pkg_sps-woodland_core__version_8_53_8__hash_198p00k9{color:#fff;font-size:1.875rem}.pkg_sps-woodland_core__version_8_53_8__hash_198p00ka{background-color:#fff;padding:1rem 2.625rem 1rem 1rem;position:relative;display:flex;flex-grow:1}.pkg_sps-woodland_core__version_8_53_8__hash_198p00kb{flex-grow:1;font-size:.75rem;line-height:1.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_198p00kc{font-weight:600}.pkg_sps-woodland_core__version_8_53_8__hash_198p00kd{color:#4b5356;overflow-wrap:break-word;width:16.5rem}.pkg_sps-woodland_core__version_8_53_8__hash_198p00ke{position:absolute;right:.5rem;top:.5rem}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/growler",
|
|
3
3
|
"description": "SPS Woodland Design System growler component and hook",
|
|
4
|
-
"version": "8.53.
|
|
4
|
+
"version": "8.53.8",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/growler",
|
|
@@ -30,13 +30,13 @@
|
|
|
30
30
|
"@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
|
|
31
31
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
32
32
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
33
|
-
"@sps-woodland/core": "8.53.
|
|
33
|
+
"@sps-woodland/core": "8.53.8"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@spscommerce/utils": "9.0.3",
|
|
37
37
|
"react": "16.14.0",
|
|
38
38
|
"react-dom": "16.14.0",
|
|
39
|
-
"@sps-woodland/core": "8.53.
|
|
39
|
+
"@sps-woodland/core": "8.53.8"
|
|
40
40
|
},
|
|
41
41
|
"scripts": {
|
|
42
42
|
"build": "pnpm run build:js && pnpm run build:types && pnpm run build:css",
|
package/vite.config.mjs
CHANGED
|
@@ -2,22 +2,25 @@ import path from "node:path";
|
|
|
2
2
|
import { defineConfig } from "vite";
|
|
3
3
|
import pkg from "./package.json";
|
|
4
4
|
import { getPeerDepsExternal } from "../../../scripts/get-peer-deps-external.mjs";
|
|
5
|
+
import { withOutputGlobals } from "../../../scripts/with-output-globals.mjs";
|
|
5
6
|
|
|
6
7
|
// Growler is now a wrapper package that re-exports from @sps-woodland/core.
|
|
7
8
|
// No vanilla-extract needed - CSS is provided by the mono-package.
|
|
8
9
|
|
|
9
|
-
export default defineConfig(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
export default defineConfig(
|
|
11
|
+
withOutputGlobals({
|
|
12
|
+
build: {
|
|
13
|
+
lib: {
|
|
14
|
+
entry: path.resolve(__dirname, "src/index.ts"),
|
|
15
|
+
name: "Growler",
|
|
16
|
+
fileName: "index",
|
|
17
|
+
},
|
|
18
|
+
outDir: path.resolve(__dirname, "./lib"),
|
|
19
|
+
emptyOutDir: false,
|
|
20
|
+
rollupOptions: {
|
|
21
|
+
// External must match subpath imports like @sps-woodland/core/growler
|
|
22
|
+
external: getPeerDepsExternal(pkg),
|
|
23
|
+
},
|
|
15
24
|
},
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
rollupOptions: {
|
|
19
|
-
// External must match subpath imports like @sps-woodland/core/growler
|
|
20
|
-
external: getPeerDepsExternal(pkg),
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
});
|
|
25
|
+
})
|
|
26
|
+
);
|