@moises.ai/design-system 3.13.0 → 3.13.2

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": "@moises.ai/design-system",
3
- "version": "3.13.0",
3
+ "version": "3.13.2",
4
4
  "description": "Design System package based on @radix-ui/themes with custom defaults",
5
5
  "private": false,
6
6
  "type": "module",
@@ -14,6 +14,12 @@
14
14
  min-width: 44px;
15
15
  }
16
16
 
17
+ .starButton:focus-visible:not(.disabled):not(.readOnly) {
18
+ transition: none;
19
+ outline: 2px solid var(--neutral-alpha-8);
20
+ outline-offset: 2px;
21
+ }
22
+
17
23
  .starButton:hover:not(.disabled):not(.readOnly):not(.active) {
18
24
  background-color: var(--neutral-alpha-4);
19
25
  }
@@ -32,7 +32,7 @@ export const Select = ({
32
32
  <Box width="100%">
33
33
  {title && (
34
34
  <Flex mb="2" align="center" gap="2">
35
- <Text size="1" weight="bold">
35
+ <Text size={size} weight="medium">
36
36
  {title}
37
37
  </Text>
38
38
  {info && (
@@ -67,7 +67,8 @@
67
67
 
68
68
  .selectTrigger.soft:focus-visible,
69
69
  .selectTrigger.ghost:focus-visible {
70
- outline: none;
70
+ outline: 2px solid var(--neutral-alpha-8);
71
+ outline-offset: 2px;
71
72
  }
72
73
 
73
74
  /* Soft variant */
@@ -3,19 +3,18 @@ export const RedoIcon = ({ width = 16, height = 16, className, ...props }) => (
3
3
  xmlns="http://www.w3.org/2000/svg"
4
4
  width={width}
5
5
  height={height}
6
- viewBox="0 0 16 16"
6
+ viewBox="0 0 13 13"
7
7
  fill="none"
8
8
  className={className}
9
9
  {...props}
10
10
  >
11
- <g>
12
- <path
13
- d="M2.66602 10C3.35594 7.68681 5.50339 6 8.04566 6C10.4832 6 12.5578 7.83332 13.3327 10M13.3327 10H9.33268M13.3327 10V6"
14
- stroke="currentColor"
15
- strokeLinecap="round"
16
- />
17
- </g>
18
- </svg>
11
+ <path
12
+ d="M9.5 6.54444L12.5 3.52222M12.5 3.52222L9.5 0.5M12.5 3.52222H4.625C4.0833 3.52222 3.5469 3.62971 3.04643 3.83855C2.54596 4.04738 2.09123 4.35348 1.70818 4.73936C1.32514 5.12523 1.0213 5.58334 0.813997 6.08751C0.606697 6.59169 0.5 7.13206 0.5 7.67778C0.5 8.22349 0.606697 8.76386 0.813997 9.26804C1.0213 9.77221 1.32514 10.2303 1.70818 10.6162C2.09123 11.0021 2.54596 11.3082 3.04643 11.517C3.5469 11.7258 4.0833 11.8333 4.625 11.8333H7.25"
13
+ stroke="currentColor"
14
+ strokeLinecap="round"
15
+ strokeLinejoin="round"
16
+ />
17
+ </svg>
19
18
  )
20
19
 
21
20
  RedoIcon.displayName = 'RedoIcon'
@@ -8,14 +8,13 @@ export const UndoIcon = ({ width = 16, height = 16, className, ...props }) => (
8
8
  className={className}
9
9
  {...props}
10
10
  >
11
- <g>
12
- <path
13
- d="M13.3327 10C12.6428 7.68681 10.4953 6 7.95304 6C5.51551 6 3.44093 7.83332 2.66602 10M2.66602 10H6.66602M2.66602 10V6"
14
- stroke="currentColor"
15
- strokeLinecap="round"
16
- />
17
- </g>
18
- </svg>
11
+ <path
12
+ d="M5 8.04444L2 5.02222M2 5.02222L5 2M2 5.02222H9.875C10.4167 5.02222 10.9531 5.12971 11.4536 5.33855C11.954 5.54738 12.4088 5.85348 12.7918 6.23936C13.1749 6.62523 13.4787 7.08334 13.686 7.58751C13.8933 8.09169 14 8.63206 14 9.17778C14 9.72349 13.8933 10.2639 13.686 10.768C13.4787 11.2722 13.1749 11.7303 12.7918 12.1162C12.4088 12.5021 11.954 12.8082 11.4536 13.017C10.9531 13.2258 10.4167 13.3333 9.875 13.3333H7.25"
13
+ stroke="currentColor"
14
+ strokeLinecap="round"
15
+ strokeLinejoin="round"
16
+ />
17
+ </svg>
19
18
  )
20
19
 
21
20
  UndoIcon.displayName = 'UndoIcon'