@grantbii/design-system 1.0.30 → 1.0.31

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 (7) hide show
  1. package/core/atoms/LinkButton.js +1 -0
  2. package/package.json +1 -1
  3. package/stories/atoms/Badge.stories.d.ts +2 -2
  4. package/stories/atoms/Badge.stories.js +2 -2
  5. package/stories/atoms/LinkButton.stories.d.ts +3 -1
  6. package/stories/atoms/LinkButton.stories.js +17 -1
  7. package/tsconfig.tsbuildinfo +1 -1
package/core/atoms/LinkButton.js CHANGED
@@ -6,6 +6,7 @@ const LinkButton = ({ text, href, target, leftIcon, rightIcon, backgroundColor,
6
6
  export default LinkButton;
7
7
  const BaseLinkButton = styled.div `
8
8
  display: flex;
9
+ align-items: center;
9
10
  gap: 10px;
10
11
 
11
12
  padding: 10px 16px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@grantbii/design-system",
3
- "version": "1.0.30",
3
+ "version": "1.0.31",
4
4
  "description": "Grantbii's Design System",
5
5
  "homepage": "https://design.grantbii.com",
6
6
  "repository": {
package/stories/atoms/Badge.stories.d.ts CHANGED
@@ -6,6 +6,6 @@ export default meta;
6
6
  type Story = StoryObj<typeof meta>;
7
7
  export declare const Default: Story;
8
8
  export declare const Icon: Story;
9
- export declare const Close: Story;
10
- export declare const Long: Story;
9
+ export declare const Closeable: Story;
10
+ export declare const LongText: Story;
11
11
  export declare const Everything: Story;
package/stories/atoms/Badge.stories.js CHANGED
@@ -24,13 +24,13 @@ export const Icon = {
24
24
  text: DEFAULT_TEXT,
25
25
  },
26
26
  };
27
- export const Close = {
27
+ export const Closeable = {
28
28
  args: {
29
29
  text: DEFAULT_TEXT,
30
30
  onClickClose: ON_CLICK_CLOSE,
31
31
  },
32
32
  };
33
- export const Long = {
33
+ export const LongText = {
34
34
  args: {
35
35
  text: LONG_TEXT,
36
36
  textWidthPixels: 160,
package/stories/atoms/LinkButton.stories.d.ts CHANGED
@@ -5,4 +5,6 @@ declare const meta: Meta<typeof LinkButton>;
5
5
  export default meta;
6
6
  type Story = StoryObj<typeof meta>;
7
7
  export declare const Default: Story;
8
- export declare const Icon: Story;
8
+ export declare const LeftIcon: Story;
9
+ export declare const RightIcon: Story;
10
+ export declare const BothIcons: Story;
package/stories/atoms/LinkButton.stories.js CHANGED
@@ -16,7 +16,23 @@ export const Default = {
16
16
  target: "_blank",
17
17
  },
18
18
  };
19
- export const Icon = {
19
+ export const LeftIcon = {
20
+ args: {
21
+ text: "Link",
22
+ href: "https://grantbii.com",
23
+ target: "_blank",
24
+ leftIcon: _jsx(Icons.PlusIcon, { size: 14 }),
25
+ },
26
+ };
27
+ export const RightIcon = {
28
+ args: {
29
+ text: "Link",
30
+ href: "https://grantbii.com",
31
+ target: "_blank",
32
+ rightIcon: _jsx(Icons.MinusIcon, { size: 14 }),
33
+ },
34
+ };
35
+ export const BothIcons = {
20
36
  args: {
21
37
  text: "Link",
22
38
  href: "https://grantbii.com",