@sproutsocial/seeds-react-loader-button 1.0.0 → 1.0.2

package/.turbo/turbo-build.log

@@ -1,21 +1,21 @@
 yarn run v1.22.22
 $ tsup --dts
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.0.2
-CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-loader-button/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-CJS dist/index.js     3.61 KB
-CJS dist/index.js.map 3.09 KB
-CJS ⚡️ Build success in 202ms
-ESM dist/esm/index.js     1.62 KB
-ESM dist/esm/index.js.map 2.96 KB
-ESM ⚡️ Build success in 203ms
-DTS Build start
-DTS ⚡️ Build success in 27350ms
-DTS dist/index.d.ts  470.00 B
-DTS dist/index.d.mts 470.00 B
-Done in 32.92s.
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-loader-button/tsup.config.ts
+CLI Target: es2022
+CLI Cleaning output folder
+CJS Build start
+ESM Build start
+ESM dist/esm/index.js     1.62 KB
+ESM dist/esm/index.js.map 2.96 KB
+ESM ⚡️ Build success in 158ms
+CJS dist/index.js     3.62 KB
+CJS dist/index.js.map 3.09 KB
+CJS ⚡️ Build success in 170ms
+DTS Build start
+DTS ⚡️ Build success in 25632ms
+DTS dist/index.d.ts  470.00 B
+DTS dist/index.d.mts 470.00 B
+Done in 33.88s.

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @sproutsocial/seeds-react-loader-button
 
+## 1.0.2
+
+### Patch Changes
+
+- Updated dependencies [22e1111]
+  - @sproutsocial/seeds-react-button@1.2.2
+  - @sproutsocial/seeds-react-theme@3.0.1
+  - @sproutsocial/seeds-react-box@1.1.3
+  - @sproutsocial/seeds-react-loader@1.0.2
+
+## 1.0.1
+
+### Patch Changes
+
+- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
+- Updated dependencies [9fd8bac]
+  - @sproutsocial/seeds-react-system-props@3.0.2
+  - @sproutsocial/seeds-react-button@1.2.1
+  - @sproutsocial/seeds-react-loader@1.0.1
+  - @sproutsocial/seeds-react-theme@2.2.1
+  - @sproutsocial/seeds-react-box@1.1.2
+
 ## 1.0.0
 
 ### Major Changes

package/dist/esm/index.js

@@ -38,9 +38,9 @@ var LoaderButton = ({
 var LoaderButton_default = LoaderButton;
 
 // src/index.ts
-var src_default = LoaderButton_default;
+var index_default = LoaderButton_default;
 export {
   LoaderButton_default as LoaderButton,
-  src_default as default
+  index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LoaderButton.tsx","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport styled from \"styled-components\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport Button from \"@sproutsocial/seeds-react-button\";\nimport Loader from \"@sproutsocial/seeds-react-loader\";\nimport type { TypeLoaderButtonProps } from \"./LoaderButtonTypes\";\n\nconst StyledLoaderButton = styled(Button)`\n  background-color: ${({ theme, appearance, disabled }) => {\n    const buttonBackgroundColor =\n      theme.colors.button[appearance as keyof typeof theme.colors.button]\n        ?.background?.base;\n\n    const isBackgroundColorTransparent =\n      buttonBackgroundColor === \"transparent\";\n\n    // If the button is disabled we want to check what the buttonBackgroundColor is, if it is transparent we want to return transparent, otherwise we want to return the buttonBackgroundColor with an opacity of 0.4. If the button is not disabled we want to return the buttonBackgroundColor.\n    return disabled\n      ? isBackgroundColorTransparent\n        ? \"transparent\"\n        : `${buttonBackgroundColor}66`\n      : buttonBackgroundColor;\n  }};\n  ${({ disabled }) => disabled && \"opacity: 1;\"}\n`;\n\nexport const LoaderButton = ({\n  isLoading = false,\n  disabled,\n  loaderLabel,\n  children,\n  appearance = \"unstyled\",\n  ...rest\n}: TypeLoaderButtonProps) => {\n  return (\n    <StyledLoaderButton\n      disabled={disabled || isLoading}\n      appearance={appearance}\n      data-qa-button-isloading={isLoading === true}\n      {...rest}\n    >\n      <Box position=\"relative\">\n        <Box opacity={isLoading ? 0 : 1} aria-hidden={isLoading}>\n          {children}\n        </Box>\n        {isLoading && (\n          <Box position=\"absolute\" top={-2} left={0} right={0} bottom={0}>\n            <Loader text={loaderLabel} size=\"small\" delay={false} />\n          </Box>\n        )}\n      </Box>\n    </StyledLoaderButton>\n  );\n};\n\nexport default LoaderButton;\n","import LoaderButton from \"./LoaderButton\";\n\nexport default LoaderButton;\nexport { LoaderButton };\nexport * from \"./LoaderButtonTypes\";\n"],"mappings":";AAAA,OAAuB;AACvB,OAAO,YAAY;AACnB,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,YAAY;AAqCb,SACE,KADF;AAlCN,IAAM,qBAAqB,OAAO,MAAM;AAAA,sBAClB,CAAC,EAAE,OAAO,YAAY,SAAS,MAAM;AACvD,QAAM,wBACJ,MAAM,OAAO,OAAO,UAA8C,GAC9D,YAAY;AAElB,QAAM,+BACJ,0BAA0B;AAG5B,SAAO,WACH,+BACE,gBACA,GAAG,qBAAqB,OAC1B;AACN,CAAC;AAAA,IACC,CAAC,EAAE,SAAS,MAAM,YAAY,aAAa;AAAA;AAGxC,IAAM,eAAe,CAAC;AAAA,EAC3B,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAA6B;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,YAAY;AAAA,MACtB;AAAA,MACA,4BAA0B,cAAc;AAAA,MACvC,GAAG;AAAA,MAEJ,+BAAC,OAAI,UAAS,YACZ;AAAA,4BAAC,OAAI,SAAS,YAAY,IAAI,GAAG,eAAa,WAC3C,UACH;AAAA,QACC,aACC,oBAAC,OAAI,UAAS,YAAW,KAAK,IAAI,MAAM,GAAG,OAAO,GAAG,QAAQ,GAC3D,8BAAC,UAAO,MAAM,aAAa,MAAK,SAAQ,OAAO,OAAO,GACxD;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ;;;ACrDf,IAAO,cAAQ;","names":[]}
+{"version":3,"sources":["../../src/LoaderButton.tsx","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport styled from \"styled-components\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport Button from \"@sproutsocial/seeds-react-button\";\nimport Loader from \"@sproutsocial/seeds-react-loader\";\nimport type { TypeLoaderButtonProps } from \"./LoaderButtonTypes\";\n\nconst StyledLoaderButton = styled(Button)`\n  background-color: ${({ theme, appearance, disabled }) => {\n    const buttonBackgroundColor =\n      theme.colors.button[appearance as keyof typeof theme.colors.button]\n        ?.background?.base;\n\n    const isBackgroundColorTransparent =\n      buttonBackgroundColor === \"transparent\";\n\n    // If the button is disabled we want to check what the buttonBackgroundColor is, if it is transparent we want to return transparent, otherwise we want to return the buttonBackgroundColor with an opacity of 0.4. If the button is not disabled we want to return the buttonBackgroundColor.\n    return disabled\n      ? isBackgroundColorTransparent\n        ? \"transparent\"\n        : `${buttonBackgroundColor}66`\n      : buttonBackgroundColor;\n  }};\n  ${({ disabled }) => disabled && \"opacity: 1;\"}\n`;\n\nexport const LoaderButton = ({\n  isLoading = false,\n  disabled,\n  loaderLabel,\n  children,\n  appearance = \"unstyled\",\n  ...rest\n}: TypeLoaderButtonProps) => {\n  return (\n    <StyledLoaderButton\n      disabled={disabled || isLoading}\n      appearance={appearance}\n      data-qa-button-isloading={isLoading === true}\n      {...rest}\n    >\n      <Box position=\"relative\">\n        <Box opacity={isLoading ? 0 : 1} aria-hidden={isLoading}>\n          {children}\n        </Box>\n        {isLoading && (\n          <Box position=\"absolute\" top={-2} left={0} right={0} bottom={0}>\n            <Loader text={loaderLabel} size=\"small\" delay={false} />\n          </Box>\n        )}\n      </Box>\n    </StyledLoaderButton>\n  );\n};\n\nexport default LoaderButton;\n","import LoaderButton from \"./LoaderButton\";\n\nexport default LoaderButton;\nexport { LoaderButton };\nexport * from \"./LoaderButtonTypes\";\n"],"mappings":";AAAA,OAAuB;AACvB,OAAO,YAAY;AACnB,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,YAAY;AAqCb,SACE,KADF;AAlCN,IAAM,qBAAqB,OAAO,MAAM;AAAA,sBAClB,CAAC,EAAE,OAAO,YAAY,SAAS,MAAM;AACvD,QAAM,wBACJ,MAAM,OAAO,OAAO,UAA8C,GAC9D,YAAY;AAElB,QAAM,+BACJ,0BAA0B;AAG5B,SAAO,WACH,+BACE,gBACA,GAAG,qBAAqB,OAC1B;AACN,CAAC;AAAA,IACC,CAAC,EAAE,SAAS,MAAM,YAAY,aAAa;AAAA;AAGxC,IAAM,eAAe,CAAC;AAAA,EAC3B,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAA6B;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,YAAY;AAAA,MACtB;AAAA,MACA,4BAA0B,cAAc;AAAA,MACvC,GAAG;AAAA,MAEJ,+BAAC,OAAI,UAAS,YACZ;AAAA,4BAAC,OAAI,SAAS,YAAY,IAAI,GAAG,eAAa,WAC3C,UACH;AAAA,QACC,aACC,oBAAC,OAAI,UAAS,YAAW,KAAK,IAAI,MAAM,GAAG,OAAO,GAAG,QAAQ,GAC3D,8BAAC,UAAO,MAAM,aAAa,MAAK,SAAQ,OAAO,OAAO,GACxD;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ;;;ACrDf,IAAO,gBAAQ;","names":[]}

package/dist/index.js

@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   LoaderButton: () => LoaderButton_default,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/LoaderButton.tsx
 var React = require("react");
@@ -75,7 +75,7 @@ var LoaderButton = ({
 var LoaderButton_default = LoaderButton;
 
 // src/index.ts
-var src_default = LoaderButton_default;
+var index_default = LoaderButton_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LoaderButton

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/LoaderButton.tsx"],"sourcesContent":["import LoaderButton from \"./LoaderButton\";\n\nexport default LoaderButton;\nexport { LoaderButton };\nexport * from \"./LoaderButtonTypes\";\n","import * as React from \"react\";\nimport styled from \"styled-components\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport Button from \"@sproutsocial/seeds-react-button\";\nimport Loader from \"@sproutsocial/seeds-react-loader\";\nimport type { TypeLoaderButtonProps } from \"./LoaderButtonTypes\";\n\nconst StyledLoaderButton = styled(Button)`\n  background-color: ${({ theme, appearance, disabled }) => {\n    const buttonBackgroundColor =\n      theme.colors.button[appearance as keyof typeof theme.colors.button]\n        ?.background?.base;\n\n    const isBackgroundColorTransparent =\n      buttonBackgroundColor === \"transparent\";\n\n    // If the button is disabled we want to check what the buttonBackgroundColor is, if it is transparent we want to return transparent, otherwise we want to return the buttonBackgroundColor with an opacity of 0.4. If the button is not disabled we want to return the buttonBackgroundColor.\n    return disabled\n      ? isBackgroundColorTransparent\n        ? \"transparent\"\n        : `${buttonBackgroundColor}66`\n      : buttonBackgroundColor;\n  }};\n  ${({ disabled }) => disabled && \"opacity: 1;\"}\n`;\n\nexport const LoaderButton = ({\n  isLoading = false,\n  disabled,\n  loaderLabel,\n  children,\n  appearance = \"unstyled\",\n  ...rest\n}: TypeLoaderButtonProps) => {\n  return (\n    <StyledLoaderButton\n      disabled={disabled || isLoading}\n      appearance={appearance}\n      data-qa-button-isloading={isLoading === true}\n      {...rest}\n    >\n      <Box position=\"relative\">\n        <Box opacity={isLoading ? 0 : 1} aria-hidden={isLoading}>\n          {children}\n        </Box>\n        {isLoading && (\n          <Box position=\"absolute\" top={-2} left={0} right={0} bottom={0}>\n            <Loader text={loaderLabel} size=\"small\" delay={false} />\n          </Box>\n        )}\n      </Box>\n    </StyledLoaderButton>\n  );\n};\n\nexport default LoaderButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,+BAAmB;AACnB,6BAAgB;AAChB,gCAAmB;AACnB,gCAAmB;AAqCb;AAlCN,IAAM,yBAAqB,yBAAAA,SAAO,0BAAAC,OAAM;AAAA,sBAClB,CAAC,EAAE,OAAO,YAAY,SAAS,MAAM;AACvD,QAAM,wBACJ,MAAM,OAAO,OAAO,UAA8C,GAC9D,YAAY;AAElB,QAAM,+BACJ,0BAA0B;AAG5B,SAAO,WACH,+BACE,gBACA,GAAG,qBAAqB,OAC1B;AACN,CAAC;AAAA,IACC,CAAC,EAAE,SAAS,MAAM,YAAY,aAAa;AAAA;AAGxC,IAAM,eAAe,CAAC;AAAA,EAC3B,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAA6B;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,YAAY;AAAA,MACtB;AAAA,MACA,4BAA0B,cAAc;AAAA,MACvC,GAAG;AAAA,MAEJ,uDAAC,uBAAAC,SAAA,EAAI,UAAS,YACZ;AAAA,oDAAC,uBAAAA,SAAA,EAAI,SAAS,YAAY,IAAI,GAAG,eAAa,WAC3C,UACH;AAAA,QACC,aACC,4CAAC,uBAAAA,SAAA,EAAI,UAAS,YAAW,KAAK,IAAI,MAAM,GAAG,OAAO,GAAG,QAAQ,GAC3D,sDAAC,0BAAAC,SAAA,EAAO,MAAM,aAAa,MAAK,SAAQ,OAAO,OAAO,GACxD;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ;;;ADrDf,IAAO,cAAQ;","names":["styled","Button","Box","Loader"]}
+{"version":3,"sources":["../src/index.ts","../src/LoaderButton.tsx"],"sourcesContent":["import LoaderButton from \"./LoaderButton\";\n\nexport default LoaderButton;\nexport { LoaderButton };\nexport * from \"./LoaderButtonTypes\";\n","import * as React from \"react\";\nimport styled from \"styled-components\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport Button from \"@sproutsocial/seeds-react-button\";\nimport Loader from \"@sproutsocial/seeds-react-loader\";\nimport type { TypeLoaderButtonProps } from \"./LoaderButtonTypes\";\n\nconst StyledLoaderButton = styled(Button)`\n  background-color: ${({ theme, appearance, disabled }) => {\n    const buttonBackgroundColor =\n      theme.colors.button[appearance as keyof typeof theme.colors.button]\n        ?.background?.base;\n\n    const isBackgroundColorTransparent =\n      buttonBackgroundColor === \"transparent\";\n\n    // If the button is disabled we want to check what the buttonBackgroundColor is, if it is transparent we want to return transparent, otherwise we want to return the buttonBackgroundColor with an opacity of 0.4. If the button is not disabled we want to return the buttonBackgroundColor.\n    return disabled\n      ? isBackgroundColorTransparent\n        ? \"transparent\"\n        : `${buttonBackgroundColor}66`\n      : buttonBackgroundColor;\n  }};\n  ${({ disabled }) => disabled && \"opacity: 1;\"}\n`;\n\nexport const LoaderButton = ({\n  isLoading = false,\n  disabled,\n  loaderLabel,\n  children,\n  appearance = \"unstyled\",\n  ...rest\n}: TypeLoaderButtonProps) => {\n  return (\n    <StyledLoaderButton\n      disabled={disabled || isLoading}\n      appearance={appearance}\n      data-qa-button-isloading={isLoading === true}\n      {...rest}\n    >\n      <Box position=\"relative\">\n        <Box opacity={isLoading ? 0 : 1} aria-hidden={isLoading}>\n          {children}\n        </Box>\n        {isLoading && (\n          <Box position=\"absolute\" top={-2} left={0} right={0} bottom={0}>\n            <Loader text={loaderLabel} size=\"small\" delay={false} />\n          </Box>\n        )}\n      </Box>\n    </StyledLoaderButton>\n  );\n};\n\nexport default LoaderButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,+BAAmB;AACnB,6BAAgB;AAChB,gCAAmB;AACnB,gCAAmB;AAqCb;AAlCN,IAAM,yBAAqB,yBAAAA,SAAO,0BAAAC,OAAM;AAAA,sBAClB,CAAC,EAAE,OAAO,YAAY,SAAS,MAAM;AACvD,QAAM,wBACJ,MAAM,OAAO,OAAO,UAA8C,GAC9D,YAAY;AAElB,QAAM,+BACJ,0BAA0B;AAG5B,SAAO,WACH,+BACE,gBACA,GAAG,qBAAqB,OAC1B;AACN,CAAC;AAAA,IACC,CAAC,EAAE,SAAS,MAAM,YAAY,aAAa;AAAA;AAGxC,IAAM,eAAe,CAAC;AAAA,EAC3B,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAA6B;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,YAAY;AAAA,MACtB;AAAA,MACA,4BAA0B,cAAc;AAAA,MACvC,GAAG;AAAA,MAEJ,uDAAC,uBAAAC,SAAA,EAAI,UAAS,YACZ;AAAA,oDAAC,uBAAAA,SAAA,EAAI,SAAS,YAAY,IAAI,GAAG,eAAa,WAC3C,UACH;AAAA,QACC,aACC,4CAAC,uBAAAA,SAAA,EAAI,UAAS,YAAW,KAAK,IAAI,MAAM,GAAG,OAAO,GAAG,QAAQ,GAC3D,sDAAC,0BAAAC,SAAA,EAAO,MAAM,aAAa,MAAK,SAAQ,OAAO,OAAO,GACxD;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ;;;ADrDf,IAAO,gBAAQ;","names":["styled","Button","Box","Loader"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-loader-button",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Seeds React LoaderButton",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -18,11 +18,11 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "*",
-    "@sproutsocial/seeds-react-system-props": "*",
-    "@sproutsocial/seeds-react-box": "*",
-    "@sproutsocial/seeds-react-button": "*",
-    "@sproutsocial/seeds-react-loader": "*"
+    "@sproutsocial/seeds-react-theme": "^3.0.1",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-box": "^1.1.3",
+    "@sproutsocial/seeds-react-button": "^1.2.2",
+    "@sproutsocial/seeds-react-loader": "^1.0.2"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
@@ -30,7 +30,7 @@
     "@sproutsocial/eslint-config-seeds": "*",
     "react": "^18.0.0",
     "styled-components": "^5.2.3",
-    "tsup": "^8.0.2",
+    "tsup": "^8.3.4",
     "typescript": "^5.6.2",
     "@sproutsocial/seeds-tsconfig": "*",
     "@sproutsocial/seeds-testing": "*",

package/tsconfig.json

@@ -5,5 +5,11 @@
     "module": "esnext"
   },
   "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist", "coverage"]
+  "exclude": [
+    "node_modules",
+    "dist",
+    "coverage",
+    "**/*.stories.tsx",
+    "**/*.stories.ts"
+  ]
 }