@itcase/ui 1.9.0 → 1.9.2

package/dist/types/components/Text/Text.appearance.d.ts

@@ -1,6 +1,7 @@
 export declare const textAppearance: {
     solid?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -13,6 +14,7 @@ export declare const textAppearance: {
     } | undefined;
     outlined?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -25,6 +27,7 @@ export declare const textAppearance: {
     } | undefined;
     full?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -37,6 +40,7 @@ export declare const textAppearance: {
     } | undefined;
     ghost?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -49,6 +53,7 @@ export declare const textAppearance: {
     } | undefined;
     accentPrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -61,6 +66,7 @@ export declare const textAppearance: {
     } | undefined;
     accentQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -73,6 +79,7 @@ export declare const textAppearance: {
     } | undefined;
     accentSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -85,6 +92,7 @@ export declare const textAppearance: {
     } | undefined;
     accentTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -97,6 +105,7 @@ export declare const textAppearance: {
     } | undefined;
     dangerPrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -109,6 +118,7 @@ export declare const textAppearance: {
     } | undefined;
     dangerQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -121,6 +131,7 @@ export declare const textAppearance: {
     } | undefined;
     dangerSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -133,6 +144,7 @@ export declare const textAppearance: {
     } | undefined;
     dangerTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -145,6 +157,7 @@ export declare const textAppearance: {
     } | undefined;
     disabledPrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -157,6 +170,7 @@ export declare const textAppearance: {
     } | undefined;
     disabledQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -169,6 +183,7 @@ export declare const textAppearance: {
     } | undefined;
     disabledSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -181,6 +196,7 @@ export declare const textAppearance: {
     } | undefined;
     disabledTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -193,6 +209,7 @@ export declare const textAppearance: {
     } | undefined;
     errorPrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -205,6 +222,7 @@ export declare const textAppearance: {
     } | undefined;
     errorQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -217,6 +235,7 @@ export declare const textAppearance: {
     } | undefined;
     errorSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -229,6 +248,7 @@ export declare const textAppearance: {
     } | undefined;
     errorTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -241,6 +261,7 @@ export declare const textAppearance: {
     } | undefined;
     extraPrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -253,6 +274,7 @@ export declare const textAppearance: {
     } | undefined;
     extraQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -265,6 +287,7 @@ export declare const textAppearance: {
     } | undefined;
     extraSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -277,6 +300,7 @@ export declare const textAppearance: {
     } | undefined;
     extraTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -289,6 +313,7 @@ export declare const textAppearance: {
     } | undefined;
     infoPrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -301,6 +326,7 @@ export declare const textAppearance: {
     } | undefined;
     infoQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -313,6 +339,7 @@ export declare const textAppearance: {
     } | undefined;
     infoSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -325,6 +352,7 @@ export declare const textAppearance: {
     } | undefined;
     infoTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -337,6 +365,7 @@ export declare const textAppearance: {
     } | undefined;
     specialPrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -349,6 +378,7 @@ export declare const textAppearance: {
     } | undefined;
     specialQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -361,6 +391,7 @@ export declare const textAppearance: {
     } | undefined;
     specialSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -373,6 +404,7 @@ export declare const textAppearance: {
     } | undefined;
     specialTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -385,6 +417,7 @@ export declare const textAppearance: {
     } | undefined;
     successPrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -397,6 +430,7 @@ export declare const textAppearance: {
     } | undefined;
     successQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -409,6 +443,7 @@ export declare const textAppearance: {
     } | undefined;
     successSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -421,6 +456,7 @@ export declare const textAppearance: {
     } | undefined;
     successTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -433,6 +469,7 @@ export declare const textAppearance: {
     } | undefined;
     surfacePrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -445,6 +482,7 @@ export declare const textAppearance: {
     } | undefined;
     surfaceQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -457,6 +495,7 @@ export declare const textAppearance: {
     } | undefined;
     surfaceSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -469,6 +508,7 @@ export declare const textAppearance: {
     } | undefined;
     surfaceTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -481,6 +521,7 @@ export declare const textAppearance: {
     } | undefined;
     warningPrimary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -493,6 +534,7 @@ export declare const textAppearance: {
     } | undefined;
     warningQuaternary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -505,6 +547,7 @@ export declare const textAppearance: {
     } | undefined;
     warningSecondary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -517,6 +560,7 @@ export declare const textAppearance: {
     } | undefined;
     warningTertiary?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -529,6 +573,7 @@ export declare const textAppearance: {
     } | undefined;
     circular?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -541,6 +586,7 @@ export declare const textAppearance: {
     } | undefined;
     geometric?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -553,6 +599,7 @@ export declare const textAppearance: {
     } | undefined;
     rounded?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -565,6 +612,7 @@ export declare const textAppearance: {
     } | undefined;
     roundedL?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -577,6 +625,7 @@ export declare const textAppearance: {
     } | undefined;
     roundedM?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -589,6 +638,7 @@ export declare const textAppearance: {
     } | undefined;
     roundedS?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -601,6 +651,7 @@ export declare const textAppearance: {
     } | undefined;
     roundedXL?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -613,6 +664,7 @@ export declare const textAppearance: {
     } | undefined;
     sizeXXS?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -625,6 +677,7 @@ export declare const textAppearance: {
     } | undefined;
     sizeXS?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -637,6 +690,7 @@ export declare const textAppearance: {
     } | undefined;
     sizeS?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -649,6 +703,7 @@ export declare const textAppearance: {
     } | undefined;
     sizeM?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -661,6 +716,7 @@ export declare const textAppearance: {
     } | undefined;
     sizeL?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -673,6 +729,7 @@ export declare const textAppearance: {
     } | undefined;
     sizeXL?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;
@@ -685,6 +742,7 @@ export declare const textAppearance: {
     } | undefined;
     sizeXXL?: {
         cursor?: string;
+        font?: import("@itcase/types").TextFontProps;
         size?: import("@itcase/types").TextSizeProps;
         textAlign?: import("@itcase/types").TextAlignProps;
         textColor?: import("@itcase/types").TextColorProps;

package/dist/types/components/Text/Text.interface.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceSizePxKey, TextAlignProps, TextColorActiveHoverProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextSizeProps, TextTagProps, TextWeightProps, TextWrapProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceSizePxKey, TextAlignProps, TextColorActiveHoverProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextFontProps, TextSizeProps, TextTagProps, TextWeightProps, TextWrapProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type TextAppearanceProps = {
     cursor?: string;
+    font?: TextFontProps;
     size?: TextSizeProps;
     textAlign?: TextAlignProps;
     textColor?: TextColorProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -72,9 +72,9 @@
   "scripts": {
     "build": "npm run build-js && npm run build-css",
     "build-js": "rm -rf dist && NODE_ENV=production rollup -c",
-    "build-css": "rm -rf dist/css && postcss 'src/styles/bundles.css' --base src --dir dist/css/ --env production",
+    "build-css": "rm -rf dist/css && postcss 'src/styles/bundles.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' --base src --dir dist/css/ --env production",
     "dev-js": "rollup -c -w",
-    "dev-css": "postcss 'src/styles/bundles.css' --base src --dir dist/css/ --env production -w --verbose",
+    "dev-css": "postcss 'src/styles/bundles.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' --base src --dir dist/css/ --env production -w --verbose",
     "prepare": "husky",
     "prepack": "npm run build",
     "semantic-release": "semantic-release",
@@ -103,7 +103,7 @@
     "@emotion/is-prop-valid": "^1.4.0",
     "@itcase/common": "^1.2.33",
     "@itcase/icons": "^1.2.23",
-    "@itcase/storybook-config": "^1.2.23",
+    "@itcase/storybook-config": "^1.2.24",
     "@itcase/tokens-am": "^1.1.30",
     "@itcase/tokens-baikal": "^1.1.30",
     "@itcase/tokens-palette": "^1.1.29",
@@ -141,7 +141,7 @@
     "@commitlint/config-conventional": "^20.0.0",
     "@itcase/config": "^1.0.63",
     "@itcase/lint": "^1.1.68",
-    "@itcase/types": "^1.0.45",
+    "@itcase/types": "^1.0.46",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^29.0.0",
@@ -168,13 +168,13 @@
     "husky": "^9.1.7",
     "lint-staged": "^16.2.6",
     "prettier": "^3.6.2",
-    "rollup": "^4.52.5",
+    "rollup": "^4.53.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.9",
-    "storybook": "^10.0.5",
+    "storybook": "^10.0.6",
     "stylelint": "^16.25.0",
     "typescript": "^5.9.3"
   }