lucentia-ui 0.2.10 → 0.2.12

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 (4) hide show
  1. package/dist/components/IconButton/IconButton.module.css +1 -1
  2. package/dist/components/IconButton/IconButton.stories.d.ts +1 -0
  3. package/dist/components/IconButton/IconButton.stories.js +11 -3
  4. package/package.json +3 -1
package/dist/components/IconButton/IconButton.module.css CHANGED
@@ -117,7 +117,7 @@
117
117
 
118
118
  /* icon-only */
119
119
  .sm.iconOnly {
120
- padding: var(--space-xs) var(--space-md);
120
+ padding: var(--space-xs) var(--space-sm);
121
121
  }
122
122
 
123
123
  .md.iconOnly {
package/dist/components/IconButton/IconButton.stories.d.ts CHANGED
@@ -7,3 +7,4 @@ export declare const Default: Story;
7
7
  export declare const State: Story;
8
8
  export declare const Variants: Story;
9
9
  export declare const Sizes: Story;
10
+ export declare const WithText: Story;
package/dist/components/IconButton/IconButton.stories.js CHANGED
@@ -40,7 +40,7 @@ export const State = {
40
40
  flexDirection: "column",
41
41
  alignItems: "flex-start",
42
42
  gap: 32,
43
- }, children: [_jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "ghost", children: "Default" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "ghost", style: { background: "var(--color-surface-container)" }, "data-state": "pressed", children: "Pressed" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "ghost", disabled: true, children: "Disabled" })] })),
43
+ }, children: [_jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "ghost" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "ghost", style: { background: "var(--color-surface-container)" }, "data-state": "pressed" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "ghost", disabled: true })] })),
44
44
  };
45
45
  export const Variants = {
46
46
  render: () => (_jsxs("div", { style: {
@@ -48,7 +48,7 @@ export const Variants = {
48
48
  flexDirection: "column",
49
49
  alignItems: "flex-start",
50
50
  gap: 32,
51
- }, children: [_jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "ghost", children: "Ghost" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "primary", children: "Primary" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "secondary", children: "Secondary" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "danger", children: "Danger" })] })),
51
+ }, children: [_jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "ghost" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "primary" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "secondary" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), variant: "danger" })] })),
52
52
  };
53
53
  export const Sizes = {
54
54
  render: () => (_jsxs("div", { style: {
@@ -56,5 +56,13 @@ export const Sizes = {
56
56
  flexDirection: "column",
57
57
  alignItems: "flex-start",
58
58
  gap: 32,
59
- }, children: [_jsx(IconButton, { icon: _jsx(HomeIcon, { size: 20 }), size: "sm", children: "Small" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), size: "md", children: "Medium" })] })),
59
+ }, children: [_jsx(IconButton, { icon: _jsx(HomeIcon, { size: 20 }), size: "sm" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), size: "md" })] })),
60
+ };
61
+ export const WithText = {
62
+ render: () => (_jsxs("div", { style: {
63
+ display: "flex",
64
+ flexDirection: "column",
65
+ alignItems: "flex-start",
66
+ gap: 32,
67
+ }, children: [_jsx(IconButton, { icon: _jsx(HomeIcon, { size: 20 }), size: "sm", children: "small" }), _jsx(IconButton, { icon: _jsx(HomeIcon, {}), size: "md", children: "medium" })] })),
60
68
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lucentia-ui",
3
- "version": "0.2.10",
3
+ "version": "0.2.12",
4
4
  "description": "React UI design token and component system based on neumorphism, featuring two color themes: light and dark.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -9,6 +9,8 @@
9
9
  "import": "./dist/index.js",
10
10
  "types": "./dist/index.d.ts"
11
11
  },
12
+ "./styles/styles": "./dist/styles/styles.css",
13
+ "./styles/tokens": "./dist/styles/tokens.css",
12
14
  "./styles/base": "./dist/styles/base.css",
13
15
  "./styles/font": "./dist/styles/font.css"
14
16
  },