@moises.ai/design-system 4.18.17 → 4.18.18

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 (10) hide show
  1. package/dist/{HiFi1Icon-DccGkjU-.js → HiFi1Icon-DW-qHZUd.js} +11 -76
  2. package/dist/icons.js +1 -1
  3. package/dist/index.js +974 -973
  4. package/package.json +1 -1
  5. package/src/components/IconButton/IconButton.module.css +14 -0
  6. package/src/components/IconButton/IconButton.stories.jsx +1 -1
  7. package/src/icons/ChevronDownIcon.jsx +3 -17
  8. package/src/icons/MinusIcon.jsx +3 -11
  9. package/src/icons/PlusIcon.jsx +3 -17
  10. package/src/icons/RefreshBackIcon.jsx +3 -17
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moises.ai/design-system",
3
- "version": "4.18.17",
3
+ "version": "4.18.18",
4
4
  "description": "Design System package based on @radix-ui/themes with custom defaults",
5
5
  "private": false,
6
6
  "type": "module",
package/src/components/IconButton/IconButton.module.css CHANGED
@@ -113,6 +113,16 @@
113
113
  color: var(--neutral-alpha-8) !important;
114
114
  }
115
115
 
116
+ /* size 0 → 20×20px */
117
+ .ghost.size0 {
118
+ margin: 0 !important;
119
+ width: 20px;
120
+ height: 20px;
121
+ padding: 0 !important;
122
+ border-radius: 2px;
123
+ }
124
+
125
+
116
126
  /* size 1 → 24×24px */
117
127
  .ghost.size1 {
118
128
  margin: 0 !important;
@@ -149,6 +159,10 @@
149
159
  border-radius: 12px;
150
160
  }
151
161
 
162
+ .size0 {
163
+ border-radius: 2px;
164
+ }
165
+
152
166
  .size1 {
153
167
  border-radius: 4px;
154
168
  }
package/src/components/IconButton/IconButton.stories.jsx CHANGED
@@ -151,7 +151,7 @@ const MyComponent = () => (
151
151
  },
152
152
  size: {
153
153
  control: { type: 'select' },
154
- options: ['1', '2', '3', '4'],
154
+ options: ['0', '1', '2', '3', '4'],
155
155
  description: 'Button size (24px → 48px hit target).',
156
156
  table: {
157
157
  type: { summary: 'string' },
package/src/icons/ChevronDownIcon.jsx CHANGED
@@ -4,23 +4,9 @@ export const ChevronDownIcon = ({
4
4
  className,
5
5
  ...props
6
6
  }) => (
7
- <svg
8
- xmlns="http://www.w3.org/2000/svg"
9
- width={width}
10
- height={height}
11
- viewBox="0 0 24 24"
12
- fill="none"
13
- className={className}
14
- {...props}
15
- >
16
- <path
17
- d="M4 9L12 15L20 9"
18
- stroke="currentColor"
19
- strokeWidth="1.5"
20
- strokeLinecap="round"
21
- strokeLinejoin="round"
22
- />
23
- </svg>
7
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 16 16" fill="none" className={className} {...props} aria-label="ChevronDown">
8
+ <path d="M4 6.6665L7.57321 9.64418C7.82044 9.85021 8.17956 9.8502 8.42679 9.64418L12 6.6665" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
9
+ </svg>
24
10
  )
25
11
 
26
12
  ChevronDownIcon.displayName = 'ChevronDownIcon'
package/src/icons/MinusIcon.jsx CHANGED
@@ -1,15 +1,7 @@
1
1
  export const MinusIcon = ({ width = 16, height = 16, className, ...props }) => (
2
- <svg
3
- xmlns="http://www.w3.org/2000/svg"
4
- width={width}
5
- height={height}
6
- viewBox="0 0 16 16"
7
- fill="none"
8
- className={className} {...props}>
9
- <g >
10
- <path d="M3.33325 8H12.6666" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
11
- </g>
12
- </svg>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 16 16" fill="none" className={className} {...props} aria-label="Minus">
3
+ <path d="M3.33325 8H12.6666" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round"/>
4
+ </svg>
13
5
  )
14
6
 
15
7
  MinusIcon.displayName = 'MinusIcon'
package/src/icons/PlusIcon.jsx CHANGED
@@ -1,21 +1,7 @@
1
1
  export const PlusIcon = ({ width = 16, height = 16, className, ...props }) => (
2
- <svg
3
- xmlns="http://www.w3.org/2000/svg"
4
- width={width}
5
- height={height}
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- className={className}
9
- {...props}
10
- >
11
- <path
12
- d="M12 3V21M3 12H21"
13
- stroke="currentColor"
14
- strokeWidth="1.5"
15
- strokeLinecap="round"
16
- strokeLinejoin="round"
17
- />
18
- </svg>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 16 16" fill="none" className={className} {...props} aria-label="Plus">
3
+ <path d="M7.99992 2.3335V13.6668M2.33325 8.00016H13.6666" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round"/>
4
+ </svg>
19
5
  )
20
6
 
21
7
  PlusIcon.displayName = 'PlusIcon'
package/src/icons/RefreshBackIcon.jsx CHANGED
@@ -4,23 +4,9 @@ export const RefreshBackIcon = ({
4
4
  className,
5
5
  ...props
6
6
  }) => (
7
- <svg
8
- xmlns="http://www.w3.org/2000/svg"
9
- width={width}
10
- height={height}
11
- viewBox="0 0 16 16"
12
- fill="none"
13
- className={className}
14
- {...props}
15
- >
16
- <g>
17
- <path
18
- d="M2.625 8.68286C2.625 11.6968 5.06828 14.1401 8.08221 14.1401C11.0961 14.1401 13.5394 11.6968 13.5394 8.68286C13.5394 5.66892 11.0961 3.22565 8.08221 3.22565H6.03576M7.66746 0.75L5.14219 3.27653L7.66746 5.80307"
19
- stroke="currentColor"
20
- strokeLinecap="round"
21
- strokeLinejoin="round"
22
- />
23
- </g>
7
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 14 14" fill="none" className={className} {...props} aria-label="RefreshBack">
8
+ <path d="M2.76656 5.03638C3.22089 4.05697 4.00077 3.26539 4.9733 2.79653C5.94584 2.32766 7.05086 2.21051 8.10008 2.46504C9.14931 2.71957 10.0778 3.33002 10.7274 4.1924C11.377 5.05478 11.7075 6.11571 11.6625 7.19443C11.6176 8.27315 11.2 9.30292 10.4809 10.1083C9.76186 10.9136 8.78578 11.4447 7.71902 11.6111C6.65226 11.7775 5.56081 11.5688 4.63065 11.0207C3.70049 10.4725 2.98916 9.61881 2.61788 8.605M5.24992 5.25017H2.62492C2.46384 5.25017 2.33325 5.11958 2.33325 4.9585V2.3335"
9
+ stroke="currentColor" strokeWidth="1.05" strokeMiterlimit="10" strokeLinecap="round"/>
24
10
  </svg>
25
11
  )
26
12