@umami/react-zen 0.86.0 → 0.87.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.
package/dist/index.css CHANGED
@@ -4217,8 +4217,8 @@ body a.Button_button__NDYwM {
4217
4217
  }
4218
4218
 
4219
4219
  /* virtual-css:css:a7fa90aea7daca4292e76cc01f7615ea */
4220
- .ToggleGroup_group__Y2YyN {
4221
- font-size: var(--font-size);
4220
+ .ToggleGroup_group__OWVhM {
4221
+ font-size: var(--font-size-1);
4222
4222
  color: var(--font-color);
4223
4223
  background-color: var(--background-color);
4224
4224
  box-shadow: var(--box-shadow);
@@ -4226,12 +4226,12 @@ body a.Button_button__NDYwM {
4226
4226
  border-radius: var(--border-radius);
4227
4227
  overflow: hidden;
4228
4228
  }
4229
- .ToggleGroup_list__MjNjO {
4229
+ .ToggleGroup_list__NWU3Y {
4230
4230
  display: flex;
4231
4231
  flex-direction: row;
4232
4232
  align-items: center;
4233
4233
  }
4234
- .ToggleGroup_item__YTNhN {
4234
+ .ToggleGroup_item__OTAwZ {
4235
4235
  background-color: var(--background-color);
4236
4236
  display: flex;
4237
4237
  align-items: center;
@@ -4240,14 +4240,16 @@ body a.Button_button__NDYwM {
4240
4240
  cursor: pointer;
4241
4241
  outline: none;
4242
4242
  }
4243
- .ToggleGroup_item__YTNhN:not(:first-child) {
4243
+ .ToggleGroup_item__OTAwZ:not(:first-child) {
4244
4244
  border-left: var(--border);
4245
4245
  }
4246
- .ToggleGroup_item__YTNhN:hover {
4246
+ .ToggleGroup_item__OTAwZ:hover {
4247
4247
  background-color: var(--highlight-color);
4248
4248
  }
4249
- .ToggleGroup_item__YTNhN[data-selected] {
4249
+ .ToggleGroup_item__OTAwZ[data-selected] {
4250
4250
  font-weight: 700;
4251
4251
  background-color: var(--highlight-color);
4252
- font-size-adjust: 0.5;
4252
+ }
4253
+ .ToggleGroup_item__OTAwZ[data-disabled] {
4254
+ color: var(--font-color-disabled);
4253
4255
  }
package/dist/index.d.ts CHANGED
@@ -967,7 +967,7 @@ declare module '@umami/react-zen/ToggleGroup' {
967
967
  label?: string;
968
968
  value?: string[];
969
969
  defaultValue?: string[];
970
- onChange?: (value: string | string[]) => void;
970
+ onChange?: (value: string[]) => void;
971
971
  }
972
972
  function ToggleGroup({ label, value, defaultValue, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): import("react").JSX.Element;
973
973
  export interface ToggleGroupItemProps extends TagProps {
package/dist/index.js CHANGED
@@ -31371,7 +31371,7 @@ var Toggle = (0, import_react194.forwardRef)(
31371
31371
  var import_classnames51 = __toESM(require_classnames());
31372
31372
 
31373
31373
  // css-modules:E:\dev\umami-react-zen\src\components\ToggleGroup.module.css
31374
- var ToggleGroup_default = { "group": "ToggleGroup_group__Y2YyN", "list": "ToggleGroup_list__MjNjO", "item": "ToggleGroup_item__YTNhN" };
31374
+ var ToggleGroup_default = { "group": "ToggleGroup_group__OWVhM", "list": "ToggleGroup_list__NWU3Y", "item": "ToggleGroup_item__OTAwZ" };
31375
31375
 
31376
31376
  // src/components/ToggleGroup.tsx
31377
31377
  var import_jsx_runtime62 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -31264,7 +31264,7 @@ var Toggle = forwardRef13(
31264
31264
  var import_classnames51 = __toESM(require_classnames());
31265
31265
 
31266
31266
  // css-modules:E:\dev\umami-react-zen\src\components\ToggleGroup.module.css
31267
- var ToggleGroup_default = { "group": "ToggleGroup_group__Y2YyN", "list": "ToggleGroup_list__MjNjO", "item": "ToggleGroup_item__YTNhN" };
31267
+ var ToggleGroup_default = { "group": "ToggleGroup_group__OWVhM", "list": "ToggleGroup_list__NWU3Y", "item": "ToggleGroup_item__OTAwZ" };
31268
31268
 
31269
31269
  // src/components/ToggleGroup.tsx
31270
31270
  import { jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.86.0",
3
+ "version": "0.87.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -4537,8 +4537,8 @@ body a.Button_button__NDYwM {
4537
4537
  }
4538
4538
 
4539
4539
  /* virtual-css:css:a7fa90aea7daca4292e76cc01f7615ea */
4540
- .ToggleGroup_group__Y2YyN {
4541
- font-size: var(--font-size);
4540
+ .ToggleGroup_group__OWVhM {
4541
+ font-size: var(--font-size-1);
4542
4542
  color: var(--font-color);
4543
4543
  background-color: var(--background-color);
4544
4544
  box-shadow: var(--box-shadow);
@@ -4546,12 +4546,12 @@ body a.Button_button__NDYwM {
4546
4546
  border-radius: var(--border-radius);
4547
4547
  overflow: hidden;
4548
4548
  }
4549
- .ToggleGroup_list__MjNjO {
4549
+ .ToggleGroup_list__NWU3Y {
4550
4550
  display: flex;
4551
4551
  flex-direction: row;
4552
4552
  align-items: center;
4553
4553
  }
4554
- .ToggleGroup_item__YTNhN {
4554
+ .ToggleGroup_item__OTAwZ {
4555
4555
  background-color: var(--background-color);
4556
4556
  display: flex;
4557
4557
  align-items: center;
@@ -4560,14 +4560,16 @@ body a.Button_button__NDYwM {
4560
4560
  cursor: pointer;
4561
4561
  outline: none;
4562
4562
  }
4563
- .ToggleGroup_item__YTNhN:not(:first-child) {
4563
+ .ToggleGroup_item__OTAwZ:not(:first-child) {
4564
4564
  border-left: var(--border);
4565
4565
  }
4566
- .ToggleGroup_item__YTNhN:hover {
4566
+ .ToggleGroup_item__OTAwZ:hover {
4567
4567
  background-color: var(--highlight-color);
4568
4568
  }
4569
- .ToggleGroup_item__YTNhN[data-selected] {
4569
+ .ToggleGroup_item__OTAwZ[data-selected] {
4570
4570
  font-weight: 700;
4571
4571
  background-color: var(--highlight-color);
4572
- font-size-adjust: 0.5;
4572
+ }
4573
+ .ToggleGroup_item__OTAwZ[data-disabled] {
4574
+ color: var(--font-color-disabled);
4573
4575
  }