@dt-dds/react-icon 1.0.0-beta.51 → 1.0.0-beta.53

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/CHANGELOG.md +19 -0
  2. package/README.md +1 -1
  3. package/dist/index.d.mts +3 -5
  4. package/dist/index.d.ts +3 -5
  5. package/dist/index.js +6 -6
  6. package/dist/index.mjs +6 -6
  7. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @dt-ui/react-icon
2
2
 
3
+ ## 1.0.0-beta.53
4
+
5
+ ### Minor Changes
6
+
7
+ - feat: implement new Dropdown
8
+ - feat: implement new Select field
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+ - Updated dependencies
14
+ - @dt-dds/react-core@1.0.0-beta.51
15
+
16
+ ## 1.0.0-beta.52
17
+
18
+ ### Patch Changes
19
+
20
+ - refactor: use component size from core
21
+
3
22
  ## 1.0.0-beta.51
4
23
 
5
24
  ### Patch Changes
package/README.md CHANGED
@@ -18,7 +18,7 @@ export const App = () => {
18
18
  | ------------ | ---------------------- | ---------- | ------------------------------------------------------------------------------------------ |
19
19
  | `code` | `Code` | - | Specifies the icon code for the desired symbol. |
20
20
  | `color` | `string` | - | Sets the color of the icon. |
21
- | `size` | `Size` | 'l' | Specifies the predefined icon sizes. Custom font-sizes are allowed through the style prop. |
21
+ | `size` | `ComponentSize` | 'large' | Specifies the predefined icon sizes. Custom font-sizes are allowed through the style prop. |
22
22
  | `variant` | 'outlined' \| 'filled' | 'outlined' | Specifies the icon filling variant. |
23
23
  | `dataTestId` | `string` | 'icon' | Customizable test identifier. |
24
24
  | `style` | `React.CSSProperties` | - | Additional styles to apply to the icon. |
package/dist/index.d.mts CHANGED
@@ -1,16 +1,14 @@
1
1
  import { CustomTheme } from '@dt-dds/themes';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { Code } from '@dt-dds/icons';
4
- import { BaseProps } from '@dt-dds/react-core';
4
+ import { BaseProps, ComponentSize } from '@dt-dds/react-core';
5
5
 
6
6
  type Variant = 'outlined' | 'filled';
7
7
 
8
- type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
9
-
10
8
  interface IconProps extends Omit<BaseProps, 'children'> {
11
9
  code: Code;
12
10
  color?: string;
13
- size?: Size;
11
+ size?: ComponentSize;
14
12
  variant?: Variant;
15
13
  }
16
14
  declare const Icon: ({ code, color, dataTestId, size, style, variant, }: IconProps) => react_jsx_runtime.JSX.Element;
@@ -20,4 +18,4 @@ declare module '@emotion/react' {
20
18
  }
21
19
  }
22
20
 
23
- export { Icon, type IconProps };
21
+ export { Icon, type IconProps, type Variant };
package/dist/index.d.ts CHANGED
@@ -1,16 +1,14 @@
1
1
  import { CustomTheme } from '@dt-dds/themes';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { Code } from '@dt-dds/icons';
4
- import { BaseProps } from '@dt-dds/react-core';
4
+ import { BaseProps, ComponentSize } from '@dt-dds/react-core';
5
5
 
6
6
  type Variant = 'outlined' | 'filled';
7
7
 
8
- type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
9
-
10
8
  interface IconProps extends Omit<BaseProps, 'children'> {
11
9
  code: Code;
12
10
  color?: string;
13
- size?: Size;
11
+ size?: ComponentSize;
14
12
  variant?: Variant;
15
13
  }
16
14
  declare const Icon: ({ code, color, dataTestId, size, style, variant, }: IconProps) => react_jsx_runtime.JSX.Element;
@@ -20,4 +18,4 @@ declare module '@emotion/react' {
20
18
  }
21
19
  }
22
20
 
23
- export { Icon, type IconProps };
21
+ export { Icon, type IconProps, type Variant };
package/dist/index.js CHANGED
@@ -40,11 +40,11 @@ var import_react = require("@emotion/react");
40
40
  // src/Icon.styled.ts
41
41
  var import_styled = __toESM(require("@emotion/styled"));
42
42
  var fontSize = {
43
- xs: "12px",
44
- s: "16px",
45
- m: "20px",
46
- l: "24px",
47
- xl: "32px"
43
+ "extra-small": "12px",
44
+ small: "16px",
45
+ medium: "20px",
46
+ large: "24px",
47
+ "extra-large": "32px"
48
48
  };
49
49
  var IconStyled = import_styled.default.i`
50
50
  ${({ size, theme, variant, color }) => `
@@ -80,7 +80,7 @@ var Icon = ({
80
80
  code,
81
81
  color,
82
82
  dataTestId,
83
- size = "l",
83
+ size = "large",
84
84
  style,
85
85
  variant = "outlined"
86
86
  }) => {
package/dist/index.mjs CHANGED
@@ -4,11 +4,11 @@ import { useTheme } from "@emotion/react";
4
4
  // src/Icon.styled.ts
5
5
  import styled from "@emotion/styled";
6
6
  var fontSize = {
7
- xs: "12px",
8
- s: "16px",
9
- m: "20px",
10
- l: "24px",
11
- xl: "32px"
7
+ "extra-small": "12px",
8
+ small: "16px",
9
+ medium: "20px",
10
+ large: "24px",
11
+ "extra-large": "32px"
12
12
  };
13
13
  var IconStyled = styled.i`
14
14
  ${({ size, theme, variant, color }) => `
@@ -44,7 +44,7 @@ var Icon = ({
44
44
  code,
45
45
  color,
46
46
  dataTestId,
47
- size = "l",
47
+ size = "large",
48
48
  style,
49
49
  variant = "outlined"
50
50
  }) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dt-dds/react-icon",
3
- "version": "1.0.0-beta.51",
3
+ "version": "1.0.0-beta.53",
4
4
  "license": "MIT",
5
5
  "exports": {
6
6
  ".": "./dist/index.js"
@@ -21,7 +21,7 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@dt-dds/icons": "1.0.0-beta.5",
24
- "@dt-dds/react-core": "1.0.0-beta.50",
24
+ "@dt-dds/react-core": "1.0.0-beta.51",
25
25
  "@dt-dds/themes": "1.0.0-beta.9"
26
26
  },
27
27
  "devDependencies": {