@snack-uikit/icon-predefined - npm Package Compare versions

Comparing version 0.3.1 to 0.4.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# 0.4.0 (2023-12-14)
+
+
+### BREAKING CHANGES
+
+
+* **FF-3729:** replace enum with unions ([910db4a](https://github.com/cloud-ru-tech/snack-uikit/commit/910db4aa8231ccbc58e538e5c5c1f461b1dec275))
+
+
+
+
 ## 0.3.1 (2023-12-06)
@@ -120,3 +131,4 @@
 
-**Note:** Version bump only for package @snack-uikit/icon-predefined
+### Only dependencies have been changed
+* [@snack-uikit/utils@3.2.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/utils/CHANGELOG.md)
 
@@ -123,0 +135,0 @@

dist/components/IconPredefined.d.ts

 import { JSXElementConstructor } from 'react';
 import { WithSupportProps } from '@snack-uikit/utils';
-import { Appearance, Size } from '../constants';
+import { Appearance, Size } from '../types';
 export type IconPredefinedProps = WithSupportProps<{
@@ -20,5 +20,1 @@ /** CSS-класс */
 export declare function IconPredefined({ className, decor, size, icon: IconComponent, appearance, ...rest }: IconPredefinedProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace IconPredefined {
-    var appearances: typeof Appearance;
-    var sizes: typeof Size;
-}

dist/components/IconPredefined.js

@@ -15,9 +15,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { extractSupportProps } from '@snack-uikit/utils';
-import { Appearance, Size } from '../constants';
+import { APPEARANCE, SIZE } from '../constants';
 import styles from './styles.module.css';
 export function IconPredefined(_a) {
-    var { className, decor = true, size = Size.M, icon: IconComponent, appearance = Appearance.Primary } = _a, rest = __rest(_a, ["className", "decor", "size", "icon", "appearance"]);
+    var { className, decor = true, size = SIZE.M, icon: IconComponent, appearance = APPEARANCE.Primary } = _a, rest = __rest(_a, ["className", "decor", "size", "icon", "appearance"]);
     return (_jsx("div", Object.assign({ className: cn(styles.decor, className) }, extractSupportProps(rest), { "data-size": size, "data-decor": decor || undefined, "data-appearance": appearance }, { children: _jsx(IconComponent, { "data-size": size, "data-appearance": appearance, className: styles.icon }) })));
 }
-IconPredefined.appearances = Appearance;
-IconPredefined.sizes = Size;

dist/constants.d.ts

@@ -1,16 +0,16 @@
-export declare enum Appearance {
-    Primary = "primary",
-    Neutral = "neutral",
-    Red = "red",
-    Orange = "orange",
-    Yellow = "yellow",
-    Green = "green",
-    Blue = "blue",
-    Violet = "violet",
-    Pink = "pink"
-}
-export declare enum Size {
-    S = "s",
-    M = "m",
-    L = "l"
-}
+export declare const APPEARANCE: {
+    readonly Primary: "primary";
+    readonly Neutral: "neutral";
+    readonly Red: "red";
+    readonly Orange: "orange";
+    readonly Yellow: "yellow";
+    readonly Green: "green";
+    readonly Blue: "blue";
+    readonly Violet: "violet";
+    readonly Pink: "pink";
+};
+export declare const SIZE: {
+    readonly S: "s";
+    readonly M: "m";
+    readonly L: "l";
+};

dist/constants.js

@@ -1,18 +0,16 @@
-export var Appearance;
-(function (Appearance) {
-    Appearance["Primary"] = "primary";
-    Appearance["Neutral"] = "neutral";
-    Appearance["Red"] = "red";
-    Appearance["Orange"] = "orange";
-    Appearance["Yellow"] = "yellow";
-    Appearance["Green"] = "green";
-    Appearance["Blue"] = "blue";
-    Appearance["Violet"] = "violet";
-    Appearance["Pink"] = "pink";
-})(Appearance || (Appearance = {}));
-export var Size;
-(function (Size) {
-    Size["S"] = "s";
-    Size["M"] = "m";
-    Size["L"] = "l";
-})(Size || (Size = {}));
+export const APPEARANCE = {
+    Primary: 'primary',
+    Neutral: 'neutral',
+    Red: 'red',
+    Orange: 'orange',
+    Yellow: 'yellow',
+    Green: 'green',
+    Blue: 'blue',
+    Violet: 'violet',
+    Pink: 'pink',
+};
+export const SIZE = {
+    S: 's',
+    M: 'm',
+    L: 'l',
+};

package.json

@@ -7,3 +7,3 @@ {
   "title": "Icon Predefined",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "sideEffects": [
@@ -36,6 +36,6 @@ "*.css",
   "dependencies": {
-    "@snack-uikit/utils": "3.1.0",
+    "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2"
   },
-  "gitHead": "76a159dde7baccf49dc7b11e1fd7abc31424b42f"
+  "gitHead": "bd39c5e674f3b91b0e2487782a04b15034cf3d8b"
 }

README.md

@@ -15,4 +15,4 @@ # Icon Predefined
 <IconPredefined
-    appearance={IconPredefined.appearances.Red}
-    size={IconPredefined.sizes.L}
+    appearance='red'
+    size='l'
     className='className'
@@ -32,19 +32,19 @@ icon={HeartSVG}
 
-#### **`appearance?: Appearance`** - *`[Appearance.Primary]`*
+#### **`appearance?: Appearance`** - *`primary`*
 Цвет иконки. Возможные варианты:
-  - `IconPredefined.appearances.Primary`
-  - `IconPredefined.appearances.Neutral`
-  - `IconPredefined.appearances.Red`
-  - `IconPredefined.appearances.Orange`
-  - `IconPredefined.appearances.Yellow`
-  - `IconPredefined.appearances.Green`
-  - `IconPredefined.appearances.Blue`
-  - `IconPredefined.appearances.Violet`
-  - `IconPredefined.appearances.Pink`
+  - `primary`
+  - `neutral`
+  - `red`
+  - `orange`
+  - `yellow`
+  - `green`
+  - `blue`
+  - `violet`
+  - `pink`
 
-#### **`size?: Size`** - *`[Size.S]`*
+#### **`size?: Size`** - *`s`*
 Размер компонента. Возможные варианты:
-  - `IconPredefined.sizes.S`
-  - `IconPredefined.sizes.M`
-  - `IconPredefined.sizes.L`
+  - `s`
+  - `m`
+  - `l`
 
@@ -62,7 +62,7 @@ #### **`decor?: boolean`** - *`[true]`*
 | className | `string` | - | CSS-класс |
-| appearance | enum Appearance: `"primary"`, `"neutral"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | Appearance.Primary | Внешний вид |
+| appearance | enum Appearance: `"primary"`, `"neutral"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | primary | Внешний вид |
 | decor | `boolean` | true | Наличие цветной подложки |
-| size | enum Size: `"s"`, `"m"`, `"l"` | Size.M | Размер |
+| size | enum Size: `"s"`, `"m"`, `"l"` | m | Размер |
 
 
 [//]: DOCUMENTATION_SECTION_END

src/constants.ts

@@ -1,17 +0,17 @@
-export enum Appearance {
-  Primary = 'primary',
-  Neutral = 'neutral',
-  Red = 'red',
-  Orange = 'orange',
-  Yellow = 'yellow',
-  Green = 'green',
-  Blue = 'blue',
-  Violet = 'violet',
-  Pink = 'pink',
-}
+export const APPEARANCE = {
+  Primary: 'primary',
+  Neutral: 'neutral',
+  Red: 'red',
+  Orange: 'orange',
+  Yellow: 'yellow',
+  Green: 'green',
+  Blue: 'blue',
+  Violet: 'violet',
+  Pink: 'pink',
+} as const;
 
-export enum Size {
-  S = 's',
-  M = 'm',
-  L = 'l',
-}
+export const SIZE = {
+  S: 's',
+  M: 'm',
+  L: 'l',
+} as const;

No alert changes

Improved metrics

Number of package files

22

increased by15.79%

Worsened metrics

Total package byte prevSize

30565

decreased by-0.11%

Dependency changes

• + Added@snack-uikit/utils@3.2.0(transitive)

• - Removed@snack-uikit/utils@3.1.0(transitive)

• Updated@snack-uikit/utils@3.2.0