@gtivr4/a1-design-system-react 0.10.0 → 0.11.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gtivr4/a1-design-system-react",
3
- "version": "0.10.0",
3
+ "version": "0.11.0",
4
4
  "description": "React components for the A1 token-driven design system.",
5
5
  "type": "module",
6
6
  "main": "./src/index.js",
@@ -1,6 +1,6 @@
1
1
  import { Children, isValidElement, useEffect, useMemo, useRef, useState } from "react";
2
+ import { Button } from "../button/Button.jsx";
2
3
  import { Heading } from "../heading/Heading.jsx";
3
- import { IconButton } from "../icon-button/IconButton.jsx";
4
4
  import "./definition-list.css";
5
5
 
6
6
  const directions = ["row", "column"];
@@ -86,13 +86,16 @@ function DefinitionCopyButton({ text, label = "Copy value", copiedLabel = "Copie
86
86
  }
87
87
 
88
88
  return (
89
- <IconButton
89
+ <Button
90
90
  className="a1-definition-list__copy"
91
91
  icon={copied ? "check" : "content_copy"}
92
- label={copied ? copiedLabel : label}
93
92
  onClick={handleCopy}
93
+ size="sm"
94
+ type="button"
94
95
  variant="tertiary"
95
- />
96
+ >
97
+ {copied ? copiedLabel : label}
98
+ </Button>
96
99
  );
97
100
  }
98
101
 
@@ -52,7 +52,8 @@
52
52
  }
53
53
 
54
54
  .a1-definition-list__copy {
55
- margin-block-start: calc((1lh - var(--component-icon-button-size)) / 2);
55
+ flex: 0 0 auto;
56
+ margin-block-start: calc((1lh - var(--component-button-small-height)) / 2);
56
57
  }
57
58
 
58
59
  .a1-definition-list--column {
@@ -99,10 +100,10 @@
99
100
  }
100
101
 
101
102
  .a1-definition-list__value-content {
102
- flex: 1 1 auto;
103
+ flex: 0 1 auto;
103
104
  }
104
105
 
105
- @container (max-width: 360px) {
106
+ @container (max-width: 240px) {
106
107
  .a1-definition-list--row .a1-definition-list__item {
107
108
  display: flex;
108
109
  flex-direction: column;