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

package/.turbo/turbo-build.log

@@ -8,14 +8,14 @@ CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist/index.js     3.61 KB
+CJS dist/index.js     3.62 KB
 CJS dist/index.js.map 3.09 KB
-CJS ⚡️ Build success in 202ms
+CJS ⚡️ Build success in 204ms
 ESM dist/esm/index.js     1.62 KB
 ESM dist/esm/index.js.map 2.96 KB
-ESM ⚡️ Build success in 203ms
+ESM ⚡️ Build success in 204ms
 DTS Build start
-DTS ⚡️ Build success in 27350ms
+DTS ⚡️ Build success in 38065ms
 DTS dist/index.d.ts  470.00 B
 DTS dist/index.d.mts 470.00 B
-Done in 32.92s.
+Done in 46.20s.

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @sproutsocial/seeds-react-loader-button
 
+## 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.1",
   "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": "^2.2.0",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-box": "^1.1.1",
+    "@sproutsocial/seeds-react-button": "^1.2.0",
+    "@sproutsocial/seeds-react-loader": "^1.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",