@justfixnyc/component-library 0.25.12 → 0.25.14

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 (3) hide show
  1. package/dist/src/index.d.ts +2 -2
  2. package/dist/src/index.js +2 -2
  3. package/package.json +1 -1
package/dist/src/index.d.ts CHANGED
@@ -221,12 +221,12 @@ var variantStyles = function variantStyles(p) {
221
221
  if (p.loading) {
222
222
  return css(["", "}", " border-width:1px;border-style:solid;border-radius:100px;", ";"], p.variant === 'primary' ? "color: ".concat(JF_COLOR.OFF_WHITE, ";\n background-color: ").concat(JF_COLOR.GREY_600, ";\n border-color: ").concat(JF_COLOR.OFF_WHITE, ";") : "color: ".concat(JF_COLOR.OFF_BLACK, "; \n background-color: ").concat(JF_COLOR.OFF_WHITE, ";\n border-color: ").concat(JF_COLOR.OFF_BLACK, ";"), p.size === 'small' ? "padding: 12px 32px;" : "padding: 22px 32px;", EYEBROW_MOBILE);
223
223
  }
224
- return css(["", "}", " border-width:1px;border-style:solid;border-radius:100px;box-shadow:4px 4px 0px ", ";", " transition:all 0.1s linear;transform:translateX(0rem);&:hover{box-shadow:0px 4px 0px ", ";}&.active,&:active{box-shadow:0px -4px 0px 0px ", ";}&:disabled{cursor:inherit;box-shadow:none;", "}&:focus{box-shadow:none;border:1px solid ", ";}"], p.variant === 'primary' ? "color: ".concat(JF_COLOR.OFF_WHITE, ";\n background-color: ").concat(JF_COLOR.OFF_BLACK, ";\n border-color: ").concat(JF_COLOR.OFF_WHITE, ";") : "color: ".concat(JF_COLOR.OFF_BLACK, "; \n background-color: ").concat(JF_COLOR.OFF_WHITE, ";\n border-color: ").concat(JF_COLOR.OFF_BLACK, ";"), p.size === 'small' ? "padding: 12px 32px;" : "padding: 22px 32px;", JF_COLOR.GREY_SHADOW, EYEBROW_MOBILE, JF_COLOR.GREY_SHADOW, JF_COLOR.GREY_SHADOW, p.variant === 'primary' ? "background-color: ".concat(JF_COLOR.GREY_400, ";\n color: ").concat(JF_COLOR.OFF_BLACK, ";") : "background-color: ".concat(JF_COLOR.GREY_50), JF_COLOR.GREY_BORDER);
224
+ return css(["", "}", " border-width:1px;border-style:solid;border-radius:100px;box-shadow:4px 4px 0px ", ";@media (max-width:599px){width:inherit;}", " transition:all 0.1s linear;transform:translateX(0rem);&:hover{box-shadow:0px 4px 0px ", ";}&.active,&:active{box-shadow:0px -4px 0px 0px ", ";}&:disabled{cursor:inherit;box-shadow:none;", "}&:focus{box-shadow:none;border:1px solid ", ";}"], p.variant === 'primary' ? "color: ".concat(JF_COLOR.OFF_WHITE, ";\n background-color: ").concat(JF_COLOR.OFF_BLACK, ";\n border-color: ").concat(JF_COLOR.OFF_WHITE, ";") : "color: ".concat(JF_COLOR.OFF_BLACK, "; \n background-color: ").concat(JF_COLOR.OFF_WHITE, ";\n border-color: ").concat(JF_COLOR.OFF_BLACK, ";"), p.size === 'small' ? "padding: 12px 32px;" : "padding: 22px 32px;", JF_COLOR.GREY_SHADOW, EYEBROW_MOBILE, JF_COLOR.GREY_SHADOW, JF_COLOR.GREY_SHADOW, p.variant === 'primary' ? "background-color: ".concat(JF_COLOR.GREY_400, ";\n color: ").concat(JF_COLOR.OFF_BLACK, ";") : "background-color: ".concat(JF_COLOR.GREY_50), JF_COLOR.GREY_BORDER);
225
225
  };
226
226
  var StyledButton = styled.button.withConfig({
227
227
  displayName: "styles__StyledButton",
228
228
  componentId: "sc-17d8tll-2"
229
- })(["cursor:pointer;user-select:none;height:fit-content;display:flex;align-items:center;justify-content:center;flex:none;white-space:normal;word-wrap:break-word;vertical-align:middle;width:fit-content;@include for-phone-only(){width:-webkit-fill-available;}", ""], variantStyles);
229
+ })(["cursor:pointer;user-select:none;height:fit-content;display:flex;align-items:center;justify-content:center;flex:none;white-space:normal;word-wrap:break-word;vertical-align:middle;width:fit-content;", ""], variantStyles);
230
230
 
231
231
  var _excluded = ["children", "variant", "size", "loading", "hasIcon"];
232
232
  /**
package/dist/src/index.js CHANGED
@@ -233,12 +233,12 @@ var variantStyles = function variantStyles(p) {
233
233
  if (p.loading) {
234
234
  return styled.css(["", "}", " border-width:1px;border-style:solid;border-radius:100px;", ";"], p.variant === 'primary' ? "color: ".concat(JF_COLOR.OFF_WHITE, ";\n background-color: ").concat(JF_COLOR.GREY_600, ";\n border-color: ").concat(JF_COLOR.OFF_WHITE, ";") : "color: ".concat(JF_COLOR.OFF_BLACK, "; \n background-color: ").concat(JF_COLOR.OFF_WHITE, ";\n border-color: ").concat(JF_COLOR.OFF_BLACK, ";"), p.size === 'small' ? "padding: 12px 32px;" : "padding: 22px 32px;", EYEBROW_MOBILE);
235
235
  }
236
- return styled.css(["", "}", " border-width:1px;border-style:solid;border-radius:100px;box-shadow:4px 4px 0px ", ";", " transition:all 0.1s linear;transform:translateX(0rem);&:hover{box-shadow:0px 4px 0px ", ";}&.active,&:active{box-shadow:0px -4px 0px 0px ", ";}&:disabled{cursor:inherit;box-shadow:none;", "}&:focus{box-shadow:none;border:1px solid ", ";}"], p.variant === 'primary' ? "color: ".concat(JF_COLOR.OFF_WHITE, ";\n background-color: ").concat(JF_COLOR.OFF_BLACK, ";\n border-color: ").concat(JF_COLOR.OFF_WHITE, ";") : "color: ".concat(JF_COLOR.OFF_BLACK, "; \n background-color: ").concat(JF_COLOR.OFF_WHITE, ";\n border-color: ").concat(JF_COLOR.OFF_BLACK, ";"), p.size === 'small' ? "padding: 12px 32px;" : "padding: 22px 32px;", JF_COLOR.GREY_SHADOW, EYEBROW_MOBILE, JF_COLOR.GREY_SHADOW, JF_COLOR.GREY_SHADOW, p.variant === 'primary' ? "background-color: ".concat(JF_COLOR.GREY_400, ";\n color: ").concat(JF_COLOR.OFF_BLACK, ";") : "background-color: ".concat(JF_COLOR.GREY_50), JF_COLOR.GREY_BORDER);
236
+ return styled.css(["", "}", " border-width:1px;border-style:solid;border-radius:100px;box-shadow:4px 4px 0px ", ";@media (max-width:599px){width:inherit;}", " transition:all 0.1s linear;transform:translateX(0rem);&:hover{box-shadow:0px 4px 0px ", ";}&.active,&:active{box-shadow:0px -4px 0px 0px ", ";}&:disabled{cursor:inherit;box-shadow:none;", "}&:focus{box-shadow:none;border:1px solid ", ";}"], p.variant === 'primary' ? "color: ".concat(JF_COLOR.OFF_WHITE, ";\n background-color: ").concat(JF_COLOR.OFF_BLACK, ";\n border-color: ").concat(JF_COLOR.OFF_WHITE, ";") : "color: ".concat(JF_COLOR.OFF_BLACK, "; \n background-color: ").concat(JF_COLOR.OFF_WHITE, ";\n border-color: ").concat(JF_COLOR.OFF_BLACK, ";"), p.size === 'small' ? "padding: 12px 32px;" : "padding: 22px 32px;", JF_COLOR.GREY_SHADOW, EYEBROW_MOBILE, JF_COLOR.GREY_SHADOW, JF_COLOR.GREY_SHADOW, p.variant === 'primary' ? "background-color: ".concat(JF_COLOR.GREY_400, ";\n color: ").concat(JF_COLOR.OFF_BLACK, ";") : "background-color: ".concat(JF_COLOR.GREY_50), JF_COLOR.GREY_BORDER);
237
237
  };
238
238
  var StyledButton = styled__default["default"].button.withConfig({
239
239
  displayName: "styles__StyledButton",
240
240
  componentId: "sc-17d8tll-2"
241
- })(["cursor:pointer;user-select:none;height:fit-content;display:flex;align-items:center;justify-content:center;flex:none;white-space:normal;word-wrap:break-word;vertical-align:middle;width:fit-content;@include for-phone-only(){width:-webkit-fill-available;}", ""], variantStyles);
241
+ })(["cursor:pointer;user-select:none;height:fit-content;display:flex;align-items:center;justify-content:center;flex:none;white-space:normal;word-wrap:break-word;vertical-align:middle;width:fit-content;", ""], variantStyles);
242
242
 
243
243
  var _excluded = ["children", "variant", "size", "loading", "hasIcon"];
244
244
  /**
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@justfixnyc/component-library",
3
3
  "description": "JustFix Component Library",
4
4
  "license": "MIT",
5
- "version": "0.25.12",
5
+ "version": "0.25.14",
6
6
  "main": "dist/src/index.js",
7
7
  "module": "dist/src/index.d.ts",
8
8
  "files": [