@tdm-design/icons 0.1.2 → 0.1.3
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/DollarPenOutlinedIcon.d.ts +1 -0
- package/DollarPenOutlinedIcon.js +13 -0
- package/README.md +86 -86
- package/dist/index.umd.js +32 -0
- package/dist/index.umd.min.js +1 -1
- package/es/icons/DollarPenOutlinedIcon.d.ts.map +1 -0
- package/es/icons/DollarPenOutlinedIcon.js +31 -0
- package/es/icons/index.d.ts.map +1 -1
- package/es/icons/index.js +1 -0
- package/lib/icons/DollarPenOutlinedIcon.d.ts +6 -0
- package/lib/icons/DollarPenOutlinedIcon.d.ts.map +1 -0
- package/lib/icons/DollarPenOutlinedIcon.js +40 -0
- package/lib/icons/index.d.ts +1 -0
- package/lib/icons/index.d.ts.map +1 -1
- package/lib/icons/index.js +7 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './lib/icons/DollarPenOutlinedIcon';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
|
|
7
|
+
const _DollarPenOutlinedIcon = _interopRequireDefault(require('./lib/icons/DollarPenOutlinedIcon'));
|
|
8
|
+
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
10
|
+
|
|
11
|
+
const _default = _DollarPenOutlinedIcon;
|
|
12
|
+
exports.default = _default;
|
|
13
|
+
module.exports = _default;
|
package/README.md
CHANGED
|
@@ -1,86 +1,86 @@
|
|
|
1
|
-
# @tdm-design/icons
|
|
2
|
-
|
|
3
|
-
React icon component library built from SVG, with full TypeScript support and tree-shaking.
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
```bash
|
|
8
|
-
npm install @tdm-design/icons
|
|
9
|
-
# or
|
|
10
|
-
yarn add @tdm-design/icons
|
|
11
|
-
# or
|
|
12
|
-
pnpm add @tdm-design/icons
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
> **Peer dependencies**: React >= 16.8.0
|
|
16
|
-
|
|
17
|
-
## Usage
|
|
18
|
-
|
|
19
|
-
### Direct import (recommended)
|
|
20
|
-
|
|
21
|
-
Best for bundle size — only the icon you import is included:
|
|
22
|
-
|
|
23
|
-
```tsx
|
|
24
|
-
import BellFilledIcon from "@tdm-design/icons/BellFilledIcon";
|
|
25
|
-
import BellOutlinedIcon from "@tdm-design/icons/BellOutlinedIcon";
|
|
26
|
-
|
|
27
|
-
function App() {
|
|
28
|
-
return (
|
|
29
|
-
<>
|
|
30
|
-
<BellFilledIcon />
|
|
31
|
-
<BellOutlinedIcon />
|
|
32
|
-
</>
|
|
33
|
-
);
|
|
34
|
-
}
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
### Named import (tree-shaking supported)
|
|
38
|
-
|
|
39
|
-
```tsx
|
|
40
|
-
import { BellFilledIcon, BellOutlinedIcon } from "@tdm-design/icons";
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
## Props
|
|
44
|
-
|
|
45
|
-
All icons accept the same props via `TdmIconProps`:
|
|
46
|
-
|
|
47
|
-
| Prop | Type | Default | Description |
|
|
48
|
-
| -------------- | --------------------- | ------- | ------------------------------------ |
|
|
49
|
-
| `style` | `React.CSSProperties` | — | Inline styles applied to the wrapper |
|
|
50
|
-
| `className` | `string` | — | CSS class for the wrapper |
|
|
51
|
-
| `spin` | `boolean` | `false` | Applies a spinning animation |
|
|
52
|
-
| `rotate` | `number` | — | Rotation angle in degrees |
|
|
53
|
-
| `twoToneColor` | `string` | — | Secondary color for two-tone icons |
|
|
54
|
-
|
|
55
|
-
```tsx
|
|
56
|
-
<BellFilledIcon
|
|
57
|
-
style={{ color: "#1890ff", fontSize: 24 }}
|
|
58
|
-
className="my-icon"
|
|
59
|
-
spin
|
|
60
|
-
/>
|
|
61
|
-
```
|
|
62
|
-
|
|
63
|
-
## Icon categories
|
|
64
|
-
|
|
65
|
-
Icons are organized into groups based on their visual style:
|
|
66
|
-
|
|
67
|
-
| Category | Description | Example |
|
|
68
|
-
| ---------- | -------------------- | ----------------------- |
|
|
69
|
-
| `Filled` | Solid filled icons | `BellFilledIcon` |
|
|
70
|
-
| `Outlined` | Stroke/outline icons | `BellOutlinedIcon` |
|
|
71
|
-
| `Color` | Multi-color icons | `SocialGoogleColorIcon` |
|
|
72
|
-
| `Flag` | Country flag icons | `VNCircleIcon` |
|
|
73
|
-
|
|
74
|
-
## Naming convention
|
|
75
|
-
|
|
76
|
-
Icon names follow the pattern: `{Name}{Style}Icon`
|
|
77
|
-
|
|
78
|
-
| SVG file | Import name |
|
|
79
|
-
| --------------------------- | ----------------------- |
|
|
80
|
-
| `BellFilledIcon.svg` | `BellFilledIcon` |
|
|
81
|
-
| `ArrowUpOutlinedIcon.svg` | `ArrowUpOutlinedIcon` |
|
|
82
|
-
| `SocialGoogleColorIcon.svg` | `SocialGoogleColorIcon` |
|
|
83
|
-
|
|
84
|
-
## License
|
|
85
|
-
|
|
86
|
-
MIT
|
|
1
|
+
# @tdm-design/icons
|
|
2
|
+
|
|
3
|
+
React icon component library built from SVG, with full TypeScript support and tree-shaking.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @tdm-design/icons
|
|
9
|
+
# or
|
|
10
|
+
yarn add @tdm-design/icons
|
|
11
|
+
# or
|
|
12
|
+
pnpm add @tdm-design/icons
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
> **Peer dependencies**: React >= 16.8.0
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
|
|
19
|
+
### Direct import (recommended)
|
|
20
|
+
|
|
21
|
+
Best for bundle size — only the icon you import is included:
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
import BellFilledIcon from "@tdm-design/icons/BellFilledIcon";
|
|
25
|
+
import BellOutlinedIcon from "@tdm-design/icons/BellOutlinedIcon";
|
|
26
|
+
|
|
27
|
+
function App() {
|
|
28
|
+
return (
|
|
29
|
+
<>
|
|
30
|
+
<BellFilledIcon />
|
|
31
|
+
<BellOutlinedIcon />
|
|
32
|
+
</>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
### Named import (tree-shaking supported)
|
|
38
|
+
|
|
39
|
+
```tsx
|
|
40
|
+
import { BellFilledIcon, BellOutlinedIcon } from "@tdm-design/icons";
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## Props
|
|
44
|
+
|
|
45
|
+
All icons accept the same props via `TdmIconProps`:
|
|
46
|
+
|
|
47
|
+
| Prop | Type | Default | Description |
|
|
48
|
+
| -------------- | --------------------- | ------- | ------------------------------------ |
|
|
49
|
+
| `style` | `React.CSSProperties` | — | Inline styles applied to the wrapper |
|
|
50
|
+
| `className` | `string` | — | CSS class for the wrapper |
|
|
51
|
+
| `spin` | `boolean` | `false` | Applies a spinning animation |
|
|
52
|
+
| `rotate` | `number` | — | Rotation angle in degrees |
|
|
53
|
+
| `twoToneColor` | `string` | — | Secondary color for two-tone icons |
|
|
54
|
+
|
|
55
|
+
```tsx
|
|
56
|
+
<BellFilledIcon
|
|
57
|
+
style={{ color: "#1890ff", fontSize: 24 }}
|
|
58
|
+
className="my-icon"
|
|
59
|
+
spin
|
|
60
|
+
/>
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
## Icon categories
|
|
64
|
+
|
|
65
|
+
Icons are organized into groups based on their visual style:
|
|
66
|
+
|
|
67
|
+
| Category | Description | Example |
|
|
68
|
+
| ---------- | -------------------- | ----------------------- |
|
|
69
|
+
| `Filled` | Solid filled icons | `BellFilledIcon` |
|
|
70
|
+
| `Outlined` | Stroke/outline icons | `BellOutlinedIcon` |
|
|
71
|
+
| `Color` | Multi-color icons | `SocialGoogleColorIcon` |
|
|
72
|
+
| `Flag` | Country flag icons | `VNCircleIcon` |
|
|
73
|
+
|
|
74
|
+
## Naming convention
|
|
75
|
+
|
|
76
|
+
Icon names follow the pattern: `{Name}{Style}Icon`
|
|
77
|
+
|
|
78
|
+
| SVG file | Import name |
|
|
79
|
+
| --------------------------- | ----------------------- |
|
|
80
|
+
| `BellFilledIcon.svg` | `BellFilledIcon` |
|
|
81
|
+
| `ArrowUpOutlinedIcon.svg` | `ArrowUpOutlinedIcon` |
|
|
82
|
+
| `SocialGoogleColorIcon.svg` | `SocialGoogleColorIcon` |
|
|
83
|
+
|
|
84
|
+
## License
|
|
85
|
+
|
|
86
|
+
MIT
|
package/dist/index.umd.js
CHANGED
|
@@ -1004,6 +1004,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
1004
1004
|
DisplayOutlinedIcon: function() { return /* reexport */ DisplayOutlinedIcon; },
|
|
1005
1005
|
DollarCircleFilledIcon: function() { return /* reexport */ DollarCircleFilledIcon; },
|
|
1006
1006
|
DollarCircleOutlinedIcon: function() { return /* reexport */ DollarCircleOutlinedIcon; },
|
|
1007
|
+
DollarPenOutlinedIcon: function() { return /* reexport */ DollarPenOutlinedIcon; },
|
|
1007
1008
|
DollarSignFilledIcon: function() { return /* reexport */ DollarSignFilledIcon; },
|
|
1008
1009
|
DollarSignOutlinedIcon: function() { return /* reexport */ DollarSignOutlinedIcon; },
|
|
1009
1010
|
DollarSquareFilledIcon: function() { return /* reexport */ DollarSquareFilledIcon; },
|
|
@@ -12355,6 +12356,36 @@ const DollarCircleOutlinedIcon_RefIcon = /*#__PURE__*/external_React_.forwardRef
|
|
|
12355
12356
|
});
|
|
12356
12357
|
if (false) {}
|
|
12357
12358
|
/* harmony default export */ var DollarCircleOutlinedIcon = (DollarCircleOutlinedIcon_RefIcon);
|
|
12359
|
+
;// CONCATENATED MODULE: ./src/icons/DollarPenOutlinedIcon.tsx
|
|
12360
|
+
// GENERATE BY ./scripts/generate.ts
|
|
12361
|
+
// DON NOT EDIT IT MANUALLY
|
|
12362
|
+
|
|
12363
|
+
|
|
12364
|
+
|
|
12365
|
+
|
|
12366
|
+
|
|
12367
|
+
const dollarPenOutlinedSvg = /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
|
|
12368
|
+
width: "32",
|
|
12369
|
+
height: "32",
|
|
12370
|
+
viewBox: "0 0 32 32",
|
|
12371
|
+
fill: "#cacaca",
|
|
12372
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
12373
|
+
children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
|
|
12374
|
+
d: "M21.2178 10.4988H7.90223C7.63473 10.4988 7.42667 10.7486 7.42667 10.9984V18.992C7.42667 19.273 7.63473 19.4916 7.90223 19.4916H16.3434C16.165 19.7414 16.0461 19.9912 15.9867 20.2722L15.8084 20.9903H7.90223C6.83223 20.9903 6 20.1161 6 18.992V10.9984C6 9.90552 6.83223 9 7.90223 9H21.2178C22.2581 9 23.1201 9.90552 23.1201 10.9984V13.028C22.6445 13.0905 22.2284 13.309 21.8717 13.6837L21.6934 13.8711V10.9984C21.6934 10.7486 21.4556 10.4988 21.2178 10.4988ZM13.6089 16.2442C13.6089 15.8382 13.9061 15.4948 14.3223 15.4948H15.7489C16.1353 15.4948 16.4623 15.8382 16.4623 16.2442C16.4623 16.6813 16.1353 16.9936 15.7489 16.9936H14.3223C13.9061 16.9936 13.6089 16.6813 13.6089 16.2442ZM14.3223 12.4972H18.6023C18.9887 12.4972 19.3156 12.8407 19.3156 13.2466C19.3156 13.6837 18.9887 13.996 18.6023 13.996H14.3223C13.9061 13.996 13.6089 13.6837 13.6089 13.2466C13.6089 12.8407 13.9061 12.4972 14.3223 12.4972ZM10.7556 11.1233C11.0825 11.1233 11.35 11.4043 11.35 11.7478V12.1849C11.5581 12.2474 11.7661 12.2786 11.9742 12.3411C12.2714 12.4347 12.4795 12.7782 12.3903 13.1217C12.3011 13.4339 11.9742 13.6525 11.6472 13.5588C11.3203 13.4652 11.0231 13.4027 10.7259 13.4027C10.4881 13.3715 10.2503 13.4339 10.1017 13.5588C9.95307 13.6213 9.89363 13.715 9.89363 13.8399C9.89363 13.9023 9.92335 13.9335 10.072 14.0584C10.2503 14.1521 10.5178 14.2458 10.9042 14.3707H10.9339C11.2609 14.4956 11.677 14.6205 12.0336 14.839C12.42 15.0888 12.747 15.526 12.747 16.1505C12.7767 16.8062 12.4497 17.2746 12.0336 17.5556C11.7959 17.6805 11.5581 17.7742 11.3203 17.8366V18.2426C11.3203 18.586 11.0528 18.8671 10.7259 18.8671C10.3989 18.8671 10.1314 18.586 10.1314 18.2426V17.8054C9.83418 17.743 9.53696 17.6181 9.29918 17.5244C9.23973 17.5244 9.18029 17.4932 9.12084 17.4619C8.82362 17.3683 8.64529 17.0248 8.76418 16.6813C8.85334 16.3691 9.18029 16.1817 9.50724 16.2754C9.56668 16.3066 9.65585 16.3378 9.71529 16.3691C10.1314 16.494 10.4286 16.6189 10.7556 16.6189C11.0231 16.6501 11.2609 16.5876 11.4095 16.494C11.5284 16.4003 11.5878 16.3066 11.5581 16.1505C11.5581 16.0568 11.5581 15.9944 11.4095 15.9007C11.2014 15.7758 10.9339 15.6821 10.5772 15.5572H10.5178C10.1908 15.4323 9.77474 15.3074 9.44779 15.1201C9.09112 14.8703 8.73445 14.4644 8.73445 13.8399C8.70473 13.1841 9.0614 12.7158 9.47751 12.466C9.68557 12.3411 9.92335 12.2474 10.1611 12.2162V11.7478C10.1611 11.4043 10.4286 11.1233 10.7556 11.1233ZM24.2198 14.3707L24.6656 14.839C25.1115 15.3074 25.1115 16.088 24.6656 16.5876L23.774 17.5244L21.6637 15.3074L22.5553 14.3707C23.0012 13.9023 23.774 13.9023 24.2198 14.3707ZM17.1459 20.0224L21.0098 15.9944L23.1201 18.2113L19.2562 22.2393C19.1373 22.3642 18.9887 22.4579 18.84 22.5204L17.027 22.9887C16.8784 23.02 16.7 22.9887 16.5812 22.8638C16.4623 22.7389 16.4325 22.5516 16.4623 22.3642L16.9081 20.4907C16.9378 20.3346 17.027 20.1473 17.1459 20.0224Z"
|
|
12375
|
+
})
|
|
12376
|
+
});
|
|
12377
|
+
const dollarPenOutlinedIconDefinition = svgToIconDefinition(dollarPenOutlinedSvg, 'dollar-pen-outlined');
|
|
12378
|
+
|
|
12379
|
+
/** */
|
|
12380
|
+
const DollarPenOutlinedIcon_RefIcon = /*#__PURE__*/external_React_.forwardRef((props, ref) => {
|
|
12381
|
+
return /*#__PURE__*/(0,jsx_runtime.jsx)(TdmIcon, {
|
|
12382
|
+
...props,
|
|
12383
|
+
ref: ref,
|
|
12384
|
+
icon: dollarPenOutlinedIconDefinition
|
|
12385
|
+
});
|
|
12386
|
+
});
|
|
12387
|
+
if (false) {}
|
|
12388
|
+
/* harmony default export */ var DollarPenOutlinedIcon = (DollarPenOutlinedIcon_RefIcon);
|
|
12358
12389
|
;// CONCATENATED MODULE: ./src/icons/DollarSignFilledIcon.tsx
|
|
12359
12390
|
// GENERATE BY ./scripts/generate.ts
|
|
12360
12391
|
// DON NOT EDIT IT MANUALLY
|
|
@@ -39612,6 +39643,7 @@ if (false) {}
|
|
|
39612
39643
|
|
|
39613
39644
|
|
|
39614
39645
|
|
|
39646
|
+
|
|
39615
39647
|
|
|
39616
39648
|
|
|
39617
39649
|
// EXTERNAL MODULE: ./node_modules/.pnpm/@rc-component+util@1.7.0_re_e38ee95702524036372f825efc96e921/node_modules/@rc-component/util/lib/ref.js
|