agroptima-design-system 0.22.1 → 0.22.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": "agroptima-design-system",
3
- "version": "0.22.1",
3
+ "version": "0.22.2",
4
4
  "scripts": {
5
5
  "dev": "npm run storybook",
6
6
  "storybook": "storybook dev -p 6006 --ci",
@@ -39,7 +39,32 @@
39
39
  }
40
40
  }
41
41
  }
42
+ }
43
+
44
+ &.secondary {
45
+ > .icon {
46
+ > svg {
47
+ fill: color_alias.$neutral-white;
48
+ path {
49
+ fill: color_alias.$neutral-white;
50
+ }
51
+ }
52
+ }
53
+
54
+ &:hover {
55
+ > .icon {
56
+ > svg {
57
+ fill: color_alias.$neutral-color-1000;
58
+ path {
59
+ fill: color_alias.$neutral-color-1000;
60
+ }
61
+ }
62
+ }
63
+ }
64
+ }
42
65
 
66
+ &.primary,
67
+ &.secondary {
43
68
  &:disabled {
44
69
  > .icon {
45
70
  > svg {
@@ -3,7 +3,7 @@ import { Icon, IconType } from '../Icon'
3
3
  import { classNames } from '../../utils/classNames'
4
4
  import { BaseButtonProps, BaseButton } from './BaseButton'
5
5
 
6
- export type Variant = 'primary'
6
+ export type Variant = 'primary' | 'secondary'
7
7
 
8
8
  interface CustomProps {
9
9
  icon: IconType
@@ -4,6 +4,10 @@ import { Meta } from "@storybook/blocks";
4
4
 
5
5
  # Changelog
6
6
 
7
+ # 0.22.2
8
+
9
+ * Add IconButton secondary variant
10
+
7
11
  ## 0.22.1
8
12
 
9
13
  * Add suffix to Input component
@@ -17,8 +21,8 @@ import { Meta } from "@storybook/blocks";
17
21
 
18
22
  BREAKING CHANGES
19
23
 
20
- * Replece selected prop by defaultValue in Select component
21
- * Change the way to put the classname in Input coponent
24
+ * Replace selected prop by defaultValue in Select component
25
+ * Change the way to put the classname in Input component
22
26
 
23
27
  ## 0.21.5
24
28
  * Update open state in Collapsible component
@@ -30,8 +34,8 @@ BREAKING CHANGES
30
34
 
31
35
  ## 0.21.4
32
36
 
33
- * Add boder top to CardMenuOption component for first element.
34
- * Add margin top to second element row in CardsTable component.
37
+ * Add border top to CardMenuOption component for first element
38
+ * Add margin top to second element row in CardsTable component
35
39
  * CardsTable needs to specify a withTitle property to add title to first column
36
40
 
37
41
  ## 0.21.3
@@ -56,3 +56,13 @@ export const Primary: Story = {
56
56
  },
57
57
  parameters: figmaPrimaryDesign,
58
58
  }
59
+
60
+ export const Secondary: Story = {
61
+ args: {
62
+ icon: 'Delete',
63
+ variant: 'secondary',
64
+ accessibilityLabel: 'Delete game',
65
+ disabled: false,
66
+ },
67
+ parameters: figmaPrimaryDesign,
68
+ }