@luscii-healthtech/web-ui 58.16.0 → 58.17.0

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.
@@ -6,16 +6,18 @@ import { TertiaryButton } from './TertiaryButton.js';
6
6
 
7
7
  const TertiaryIconButton = React__default.forwardRef((props, innerRef) => {
8
8
  const { children: icon, size = "medium", label, expand = false } = props, rest = __rest(props, ["children", "size", "label", "expand"]);
9
+ const expandX = expand === true || expand === "x";
10
+ const expandY = expand === true || expand === "y";
9
11
  return jsx(TertiaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames({
10
12
  /**
11
13
  * Add horizontal padding and possibly undo it with negative margin.
12
14
  */
13
15
  "ui:px-[calc(var(--ui-spacing-xxs)-1px)]": size === "medium",
14
- "ui:-mx-[calc(theme('spacing.xxs')-1px)]": expand && size === "medium",
16
+ "ui:-mx-[calc(theme('spacing.xxs')-1px)]": expandX && size === "medium",
15
17
  "ui:px-[calc(var(--ui-spacing-s)-1px)]": size === "large",
16
- "ui:-mx-[calc(theme('spacing.s')-1px)]": expand && size === "large",
17
- "ui:-my-[calc(theme('spacing.xxs')-1px)]": expand && size === "medium",
18
- "ui:-my-[calc(theme('spacing.s')-1px)]": expand && size === "large"
18
+ "ui:-mx-[calc(theme('spacing.s')-1px)]": expandX && size === "large",
19
+ "ui:-my-[calc(theme('spacing.xxs')-1px)]": expandY && size === "medium",
20
+ "ui:-my-[calc(theme('spacing.s')-1px)]": expandY && size === "large"
19
21
  }, props.className) }));
20
22
  });
21
23
 
@@ -1 +1 @@
1
- {"version":3,"file":"TertiaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/TertiaryIconButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;AAkBO,MAAM,kBAAA,GAAqBA,cAAA,CAAM,UAAA,CACtC,CAAC,OAAc,QAAA,KAAY;AACzB,EAAA,MAAM,EACJ,QAAA,EAAU,IAAA,EACV,OAAO,QAAA,EACP,KAAA,EACA,SAAS,KAAA,EAAK,GAEZ,KAAA,EADC,IAAA,UACD,KAAA,EANE,CAAA,YAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAML,CAAA;AAED,EAAA,OACEC,IAAC,cAAA,EAAc,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,QAAA,EAAQ,EACT,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA;AAAA;AAAA;AAAA,IAIE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAA,EACE,UAAU,IAAA,KAAS,QAAA;AAAA,IAErB,yCAAyC,IAAA,KAAS,OAAA;AAAA,IAClD,uCAAA,EAAyC,UAAU,IAAA,KAAS,OAAA;AAAA,IAE5D,yCAAA,EACE,UAAU,IAAA,KAAS,QAAA;AAAA,IAErB,uCAAA,EAAyC,UAAU,IAAA,KAAS;AAAA,GAC7D,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP,CAAC;;"}
1
+ {"version":3,"file":"TertiaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/TertiaryIconButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;AAqBO,MAAM,kBAAA,GAAqBA,cAAA,CAAM,UAAA,CACtC,CAAC,OAAc,QAAA,KAAY;AACzB,EAAA,MAAM,EACJ,QAAA,EAAU,IAAA,EACV,OAAO,QAAA,EACP,KAAA,EACA,SAAS,KAAA,EAAK,GAEZ,KAAA,EADC,IAAA,UACD,KAAA,EANE,CAAA,YAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAML,CAAA;AAED,EAAA,MAAM,OAAA,GAAU,MAAA,KAAW,IAAA,IAAQ,MAAA,KAAW,GAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,MAAA,KAAW,IAAA,IAAQ,MAAA,KAAW,GAAA;AAE9C,EAAA,OACEC,IAAC,cAAA,EAAc,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,QAAA,EAAQ,EACT,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA;AAAA;AAAA;AAAA,IAIE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAA,EACE,WAAW,IAAA,KAAS,QAAA;AAAA,IAEtB,yCAAyC,IAAA,KAAS,OAAA;AAAA,IAClD,uCAAA,EACE,WAAW,IAAA,KAAS,OAAA;AAAA,IAEtB,yCAAA,EACE,WAAW,IAAA,KAAS,QAAA;AAAA,IAEtB,uCAAA,EACE,WAAW,IAAA,KAAS;AAAA,GACvB,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP,CAAC;;"}
@@ -2486,16 +2486,18 @@ const SecondaryIconButton = React__namespace.default.forwardRef((props, innerRef
2486
2486
 
2487
2487
  const TertiaryIconButton = React__namespace.default.forwardRef((props, innerRef) => {
2488
2488
  const { children: icon, size = "medium", label, expand = false } = props, rest = __rest(props, ["children", "size", "label", "expand"]);
2489
+ const expandX = expand === true || expand === "x";
2490
+ const expandY = expand === true || expand === "y";
2489
2491
  return jsxRuntime.jsx(TertiaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames__default.default({
2490
2492
  /**
2491
2493
  * Add horizontal padding and possibly undo it with negative margin.
2492
2494
  */
2493
2495
  "ui:px-[calc(var(--ui-spacing-xxs)-1px)]": size === "medium",
2494
- "ui:-mx-[calc(theme('spacing.xxs')-1px)]": expand && size === "medium",
2496
+ "ui:-mx-[calc(theme('spacing.xxs')-1px)]": expandX && size === "medium",
2495
2497
  "ui:px-[calc(var(--ui-spacing-s)-1px)]": size === "large",
2496
- "ui:-mx-[calc(theme('spacing.s')-1px)]": expand && size === "large",
2497
- "ui:-my-[calc(theme('spacing.xxs')-1px)]": expand && size === "medium",
2498
- "ui:-my-[calc(theme('spacing.s')-1px)]": expand && size === "large"
2498
+ "ui:-mx-[calc(theme('spacing.s')-1px)]": expandX && size === "large",
2499
+ "ui:-my-[calc(theme('spacing.xxs')-1px)]": expandY && size === "medium",
2500
+ "ui:-my-[calc(theme('spacing.s')-1px)]": expandY && size === "large"
2499
2501
  }, props.className) }));
2500
2502
  });
2501
2503