@clds/typography - npm Package Compare versions

Comparing version 0.48.0 to 0.48.1

dist/cjs/apps/predefinedMixins.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.predefinedMixins = void 0;
-const typographyMixin_1 = require("./typographyMixin");
+const typographyMixin_js_1 = require("./typographyMixin.js");
 exports.predefinedMixins = {
     xxl: {
-        regular: (0, typographyMixin_1.typographyMixin)('xxl', 'regular'),
-        contrastInvert: (0, typographyMixin_1.typographyMixin)('xxl', 'contrastInvert'),
-        overlay: (0, typographyMixin_1.typographyMixin)('xxl', 'overlay'),
-        overlayInvert: (0, typographyMixin_1.typographyMixin)('xxl', 'overlayInvert'),
+        regular: (0, typographyMixin_js_1.typographyMixin)('xxl', 'regular'),
+        contrastInvert: (0, typographyMixin_js_1.typographyMixin)('xxl', 'contrastInvert'),
+        overlay: (0, typographyMixin_js_1.typographyMixin)('xxl', 'overlay'),
+        overlayInvert: (0, typographyMixin_js_1.typographyMixin)('xxl', 'overlayInvert'),
     },
     xl: {
-        regular: (0, typographyMixin_1.typographyMixin)('xl', 'regular'),
-        contrastInvert: (0, typographyMixin_1.typographyMixin)('xl', 'contrastInvert'),
-        overlay: (0, typographyMixin_1.typographyMixin)('xl', 'overlay'),
-        overlayInvert: (0, typographyMixin_1.typographyMixin)('xl', 'overlayInvert'),
+        regular: (0, typographyMixin_js_1.typographyMixin)('xl', 'regular'),
+        contrastInvert: (0, typographyMixin_js_1.typographyMixin)('xl', 'contrastInvert'),
+        overlay: (0, typographyMixin_js_1.typographyMixin)('xl', 'overlay'),
+        overlayInvert: (0, typographyMixin_js_1.typographyMixin)('xl', 'overlayInvert'),
     },
     lg: {
-        regular: (0, typographyMixin_1.typographyMixin)('lg', 'regular'),
-        contrastInvert: (0, typographyMixin_1.typographyMixin)('lg', 'contrastInvert'),
-        overlay: (0, typographyMixin_1.typographyMixin)('lg', 'overlay'),
-        overlayInvert: (0, typographyMixin_1.typographyMixin)('lg', 'overlayInvert'),
+        regular: (0, typographyMixin_js_1.typographyMixin)('lg', 'regular'),
+        contrastInvert: (0, typographyMixin_js_1.typographyMixin)('lg', 'contrastInvert'),
+        overlay: (0, typographyMixin_js_1.typographyMixin)('lg', 'overlay'),
+        overlayInvert: (0, typographyMixin_js_1.typographyMixin)('lg', 'overlayInvert'),
     },
     md: {
-        highContrast: (0, typographyMixin_1.typographyMixin)('md', 'highContrast'),
-        regular: (0, typographyMixin_1.typographyMixin)('md', 'regular'),
-        lowContrast: (0, typographyMixin_1.typographyMixin)('md', 'lowContrast'),
-        url: (0, typographyMixin_1.typographyMixin)('md', 'url'),
-        success: (0, typographyMixin_1.typographyMixin)('md', 'success'),
-        warning: (0, typographyMixin_1.typographyMixin)('md', 'warning'),
-        error: (0, typographyMixin_1.typographyMixin)('md', 'error'),
-        contrastInvert: (0, typographyMixin_1.typographyMixin)('md', 'contrastInvert'),
-        overlay: (0, typographyMixin_1.typographyMixin)('md', 'overlay'),
-        overlayInvert: (0, typographyMixin_1.typographyMixin)('md', 'overlayInvert'),
+        highContrast: (0, typographyMixin_js_1.typographyMixin)('md', 'highContrast'),
+        regular: (0, typographyMixin_js_1.typographyMixin)('md', 'regular'),
+        lowContrast: (0, typographyMixin_js_1.typographyMixin)('md', 'lowContrast'),
+        url: (0, typographyMixin_js_1.typographyMixin)('md', 'url'),
+        success: (0, typographyMixin_js_1.typographyMixin)('md', 'success'),
+        warning: (0, typographyMixin_js_1.typographyMixin)('md', 'warning'),
+        error: (0, typographyMixin_js_1.typographyMixin)('md', 'error'),
+        contrastInvert: (0, typographyMixin_js_1.typographyMixin)('md', 'contrastInvert'),
+        overlay: (0, typographyMixin_js_1.typographyMixin)('md', 'overlay'),
+        overlayInvert: (0, typographyMixin_js_1.typographyMixin)('md', 'overlayInvert'),
     },
     sm: {
-        highContrast: (0, typographyMixin_1.typographyMixin)('sm', 'highContrast'),
-        regular: (0, typographyMixin_1.typographyMixin)('sm', 'regular'),
-        lowContrast: (0, typographyMixin_1.typographyMixin)('sm', 'lowContrast'),
-        url: (0, typographyMixin_1.typographyMixin)('sm', 'url'),
-        success: (0, typographyMixin_1.typographyMixin)('sm', 'success'),
-        warning: (0, typographyMixin_1.typographyMixin)('sm', 'warning'),
-        error: (0, typographyMixin_1.typographyMixin)('sm', 'error'),
-        contrastInvert: (0, typographyMixin_1.typographyMixin)('sm', 'contrastInvert'),
-        overlay: (0, typographyMixin_1.typographyMixin)('sm', 'overlay'),
-        overlayInvert: (0, typographyMixin_1.typographyMixin)('sm', 'overlayInvert'),
+        highContrast: (0, typographyMixin_js_1.typographyMixin)('sm', 'highContrast'),
+        regular: (0, typographyMixin_js_1.typographyMixin)('sm', 'regular'),
+        lowContrast: (0, typographyMixin_js_1.typographyMixin)('sm', 'lowContrast'),
+        url: (0, typographyMixin_js_1.typographyMixin)('sm', 'url'),
+        success: (0, typographyMixin_js_1.typographyMixin)('sm', 'success'),
+        warning: (0, typographyMixin_js_1.typographyMixin)('sm', 'warning'),
+        error: (0, typographyMixin_js_1.typographyMixin)('sm', 'error'),
+        contrastInvert: (0, typographyMixin_js_1.typographyMixin)('sm', 'contrastInvert'),
+        overlay: (0, typographyMixin_js_1.typographyMixin)('sm', 'overlay'),
+        overlayInvert: (0, typographyMixin_js_1.typographyMixin)('sm', 'overlayInvert'),
     },
     xs: {
-        highContrast: (0, typographyMixin_1.typographyMixin)('xs', 'highContrast'),
-        regular: (0, typographyMixin_1.typographyMixin)('xs', 'regular'),
-        lowContrast: (0, typographyMixin_1.typographyMixin)('xs', 'lowContrast'),
-        disabled: (0, typographyMixin_1.typographyMixin)('xs', 'disabled'),
-        url: (0, typographyMixin_1.typographyMixin)('xs', 'url'),
-        success: (0, typographyMixin_1.typographyMixin)('xs', 'success'),
-        warning: (0, typographyMixin_1.typographyMixin)('xs', 'warning'),
-        error: (0, typographyMixin_1.typographyMixin)('xs', 'error'),
-        contrastInvert: (0, typographyMixin_1.typographyMixin)('xs', 'contrastInvert'),
-        overlay: (0, typographyMixin_1.typographyMixin)('xs', 'overlay'),
-        overlayInvert: (0, typographyMixin_1.typographyMixin)('xs', 'overlayInvert'),
+        highContrast: (0, typographyMixin_js_1.typographyMixin)('xs', 'highContrast'),
+        regular: (0, typographyMixin_js_1.typographyMixin)('xs', 'regular'),
+        lowContrast: (0, typographyMixin_js_1.typographyMixin)('xs', 'lowContrast'),
+        disabled: (0, typographyMixin_js_1.typographyMixin)('xs', 'disabled'),
+        url: (0, typographyMixin_js_1.typographyMixin)('xs', 'url'),
+        success: (0, typographyMixin_js_1.typographyMixin)('xs', 'success'),
+        warning: (0, typographyMixin_js_1.typographyMixin)('xs', 'warning'),
+        error: (0, typographyMixin_js_1.typographyMixin)('xs', 'error'),
+        contrastInvert: (0, typographyMixin_js_1.typographyMixin)('xs', 'contrastInvert'),
+        overlay: (0, typographyMixin_js_1.typographyMixin)('xs', 'overlay'),
+        overlayInvert: (0, typographyMixin_js_1.typographyMixin)('xs', 'overlayInvert'),
     },
     xxs: {
-        highContrast: (0, typographyMixin_1.typographyMixin)('xxs', 'highContrast'),
-        regular: (0, typographyMixin_1.typographyMixin)('xxs', 'regular'),
-        lowContrast: (0, typographyMixin_1.typographyMixin)('xxs', 'lowContrast'),
-        disabled: (0, typographyMixin_1.typographyMixin)('xxs', 'disabled'),
-        url: (0, typographyMixin_1.typographyMixin)('xxs', 'url'),
-        success: (0, typographyMixin_1.typographyMixin)('xxs', 'success'),
-        warning: (0, typographyMixin_1.typographyMixin)('xxs', 'warning'),
-        error: (0, typographyMixin_1.typographyMixin)('xxs', 'error'),
-        contrastInvert: (0, typographyMixin_1.typographyMixin)('xxs', 'contrastInvert'),
-        overlay: (0, typographyMixin_1.typographyMixin)('xxs', 'overlay'),
-        overlayInvert: (0, typographyMixin_1.typographyMixin)('xxs', 'overlayInvert'),
+        highContrast: (0, typographyMixin_js_1.typographyMixin)('xxs', 'highContrast'),
+        regular: (0, typographyMixin_js_1.typographyMixin)('xxs', 'regular'),
+        lowContrast: (0, typographyMixin_js_1.typographyMixin)('xxs', 'lowContrast'),
+        disabled: (0, typographyMixin_js_1.typographyMixin)('xxs', 'disabled'),
+        url: (0, typographyMixin_js_1.typographyMixin)('xxs', 'url'),
+        success: (0, typographyMixin_js_1.typographyMixin)('xxs', 'success'),
+        warning: (0, typographyMixin_js_1.typographyMixin)('xxs', 'warning'),
+        error: (0, typographyMixin_js_1.typographyMixin)('xxs', 'error'),
+        contrastInvert: (0, typographyMixin_js_1.typographyMixin)('xxs', 'contrastInvert'),
+        overlay: (0, typographyMixin_js_1.typographyMixin)('xxs', 'overlay'),
+        overlayInvert: (0, typographyMixin_js_1.typographyMixin)('xxs', 'overlayInvert'),
     },
 };
 //# sourceMappingURL=predefinedMixins.js.map

dist/cjs/apps/Typography.d.ts

 import './theme';
-import { TypographyProps } from './types';
+import { TypographyProps } from './types.js';
 /** `Typography` is responsible for styling the text according to the designs */
@@ -4,0 +4,0 @@ export declare const Typography: import("styled-components").StyledComponent<"div", any, {

dist/cjs/apps/Typography.js

@@ -7,3 +7,3 @@ "use strict";
 require("./theme");
-const typographyMixin_1 = require("./typographyMixin");
+const typographyMixin_js_1 = require("./typographyMixin.js");
 /** `Typography` is responsible for styling the text according to the designs */
@@ -16,3 +16,3 @@ exports.Typography = styled_components_1.default.div.attrs((props) => {
 }) `
-  ${typographyMixin_1.typographyMixin};
+  ${typographyMixin_js_1.typographyMixin};
 `;
@@ -19,0 +19,0 @@ exports.Typography.defaultProps = {

dist/cjs/apps/typographyMixin.d.ts

 import { SimpleInterpolation } from 'styled-components';
-import { TypographyProps, TypographySize, TypographyType } from './types';
+import { TypographyProps, TypographySize, TypographyType } from './types.js';
 export declare const getTypographyRuleMixins: (size: TypographySize, type: TypographyType) => {
     fontSize: import("@clds/component-theme").Mixin<string>;
     lineHeight: import("@clds/component-theme").Mixin<string>;
-    color: import("@clds/component-theme/src/api/createTheme.types").Compiled<import("@clds/component-theme").Mixin<string>>;
+    color: import("@clds/component-theme/src/api/createTheme.types.js").Compiled<import("@clds/component-theme").Mixin<string>>;
     fontWeight: import("@clds/component-theme").Mixin<string>;
@@ -8,0 +8,0 @@ };

dist/cjs/apps/typographyMixin.js

@@ -5,5 +5,5 @@ "use strict";
 const styled_components_1 = require("styled-components");
-const theme_1 = require("./theme");
+const theme_js_1 = require("./theme.js");
 const getTypographyRuleMixins = (size, type) => {
-    const sizeBranch = theme_1.appsTheme[size];
+    const sizeBranch = theme_js_1.appsTheme[size];
     if (!size || !type) {
@@ -10,0 +10,0 @@ throw new Error(`Apps typography: type ${type} and size ${size} is not valid configuration`);

dist/cjs/website/predefinedWebsiteMixins.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.predefinedWebsiteMixins = void 0;
-const websiteTypographyMixin_1 = require("./websiteTypographyMixin");
+const websiteTypographyMixin_js_1 = require("./websiteTypographyMixin.js");
 exports.predefinedWebsiteMixins = {
     headlines: {
         xxxxl: {
-            contrastInvert: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'xxxxl', 'contrastInvert'),
-            bold: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'xxxxl', 'bold'),
+            contrastInvert: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'xxxxl', 'contrastInvert'),
+            bold: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'xxxxl', 'bold'),
         },
         xxxl: {
-            contrastInvert: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'xxxl', 'contrastInvert'),
-            bold: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'xxxl', 'bold'),
+            contrastInvert: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'xxxl', 'contrastInvert'),
+            bold: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'xxxl', 'bold'),
         },
         xl: {
-            contrastInvert: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'xl', 'contrastInvert'),
-            bold: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'xl', 'bold'),
+            contrastInvert: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'xl', 'contrastInvert'),
+            bold: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'xl', 'bold'),
         },
         lg: {
-            contrastInvert: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'lg', 'contrastInvert'),
-            bold: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'lg', 'bold'),
+            contrastInvert: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'lg', 'contrastInvert'),
+            bold: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'lg', 'bold'),
         },
         md: {
-            contrastInvertBold: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'md', 'contrastInvertBold'),
-            bold: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'md', 'bold'),
-            contrastInvert: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'md', 'contrastInvert'),
-            regular: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'md', 'regular'),
+            contrastInvertBold: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'md', 'contrastInvertBold'),
+            bold: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'md', 'bold'),
+            contrastInvert: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'md', 'contrastInvert'),
+            regular: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'md', 'regular'),
         },
         sm: {
-            contrastInvert: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'sm', 'contrastInvert'),
-            bold: (0, websiteTypographyMixin_1.websiteTypographyMixin)('headlines', 'sm', 'bold'),
+            contrastInvert: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'sm', 'contrastInvert'),
+            bold: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('headlines', 'sm', 'bold'),
         },
@@ -36,14 +36,14 @@ },
         lg: {
-            contrastInvert: (0, websiteTypographyMixin_1.websiteTypographyMixin)('brandText', 'lg', 'contrastInvert'),
-            bold: (0, websiteTypographyMixin_1.websiteTypographyMixin)('brandText', 'lg', 'bold'),
-            regular: (0, websiteTypographyMixin_1.websiteTypographyMixin)('brandText', 'lg', 'regular'),
+            contrastInvert: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('brandText', 'lg', 'contrastInvert'),
+            bold: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('brandText', 'lg', 'bold'),
+            regular: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('brandText', 'lg', 'regular'),
         },
         sm: {
-            contrastInvert: (0, websiteTypographyMixin_1.websiteTypographyMixin)('brandText', 'sm', 'contrastInvert'),
-            bold: (0, websiteTypographyMixin_1.websiteTypographyMixin)('brandText', 'sm', 'bold'),
-            accentCoral: (0, websiteTypographyMixin_1.websiteTypographyMixin)('brandText', 'sm', 'accentCoral'),
+            contrastInvert: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('brandText', 'sm', 'contrastInvert'),
+            bold: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('brandText', 'sm', 'bold'),
+            accentCoral: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('brandText', 'sm', 'accentCoral'),
         },
         xs: {
-            contrastInvert: (0, websiteTypographyMixin_1.websiteTypographyMixin)('brandText', 'xs', 'contrastInvert'),
-            regular: (0, websiteTypographyMixin_1.websiteTypographyMixin)('brandText', 'xs', 'regular'),
+            contrastInvert: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('brandText', 'xs', 'contrastInvert'),
+            regular: (0, websiteTypographyMixin_js_1.websiteTypographyMixin)('brandText', 'xs', 'regular'),
         },
@@ -50,0 +50,0 @@ },

dist/cjs/website/WebsiteTypography.d.ts

@@ -1,2 +0,2 @@
-import { WebsiteTypographyProps } from './websiteTypes';
+import { WebsiteTypographyProps } from './websiteTypes.js';
 export declare const WebsiteTypography: import("styled-components").StyledComponent<"div", any, WebsiteTypographyProps, never>;

dist/cjs/website/WebsiteTypography.js

@@ -6,6 +6,6 @@ "use strict";
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const websiteTypographyMixin_1 = require("./websiteTypographyMixin");
+const websiteTypographyMixin_js_1 = require("./websiteTypographyMixin.js");
 exports.WebsiteTypography = styled_components_1.default.div `
-  ${({ size, kind, type }) => (0, websiteTypographyMixin_1.websiteTypographyMixin)(kind, size, type)}
+  ${({ size, kind, type }) => (0, websiteTypographyMixin_js_1.websiteTypographyMixin)(kind, size, type)}
 `;
 //# sourceMappingURL=WebsiteTypography.js.map

dist/cjs/website/websiteTypographyMixin.d.ts

@@ -1,2 +0,2 @@
-import { WebsiteKind, WebsiteSize, WebsiteType } from './websiteTypes';
+import { WebsiteKind, WebsiteSize, WebsiteType } from './websiteTypes.js';
 export declare const websiteTypographyMixin: (kind: WebsiteKind, size: WebsiteSize, type: WebsiteType) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

dist/cjs/website/websiteTypographyMixin.js

@@ -5,5 +5,5 @@ "use strict";
 const styled_components_1 = require("styled-components");
-const websiteTheme_1 = require("./websiteTheme");
+const websiteTheme_js_1 = require("./websiteTheme.js");
 const websiteTypographyMixin = (kind, size, type) => {
-    const kindBranch = websiteTheme_1.websiteTheme[kind];
+    const kindBranch = websiteTheme_js_1.websiteTheme[kind];
     if (!(size in kindBranch)) {
@@ -10,0 +10,0 @@ throw new Error(`Website typography: ${size} size is not supported for website/${kind} typography`);

dist/esm/apps/predefinedMixins.js

@@ -1,2 +0,2 @@
-import { typographyMixin } from './typographyMixin';
+import { typographyMixin } from './typographyMixin.js';
 export const predefinedMixins = {
@@ -3,0 +3,0 @@ xxl: {

dist/esm/apps/Typography.d.ts

 import './theme';
-import { TypographyProps } from './types';
+import { TypographyProps } from './types.js';
 /** `Typography` is responsible for styling the text according to the designs */
@@ -4,0 +4,0 @@ export declare const Typography: import("styled-components").StyledComponent<"div", any, {

dist/esm/apps/Typography.js

 import styled from 'styled-components';
 import './theme';
-import { typographyMixin } from './typographyMixin';
+import { typographyMixin } from './typographyMixin.js';
 /** `Typography` is responsible for styling the text according to the designs */
@@ -5,0 +5,0 @@ export const Typography = styled.div.attrs((props) => {

dist/esm/apps/typographyMixin.d.ts

 import { SimpleInterpolation } from 'styled-components';
-import { TypographyProps, TypographySize, TypographyType } from './types';
+import { TypographyProps, TypographySize, TypographyType } from './types.js';
 export declare const getTypographyRuleMixins: (size: TypographySize, type: TypographyType) => {
     fontSize: import("@clds/component-theme").Mixin<string>;
     lineHeight: import("@clds/component-theme").Mixin<string>;
-    color: import("@clds/component-theme/src/api/createTheme.types").Compiled<import("@clds/component-theme").Mixin<string>>;
+    color: import("@clds/component-theme/src/api/createTheme.types.js").Compiled<import("@clds/component-theme").Mixin<string>>;
     fontWeight: import("@clds/component-theme").Mixin<string>;
@@ -8,0 +8,0 @@ };

dist/esm/apps/typographyMixin.js

 import { css } from 'styled-components';
-import { appsTheme } from './theme';
+import { appsTheme } from './theme.js';
 export const getTypographyRuleMixins = (size, type) => {
@@ -4,0 +4,0 @@ const sizeBranch = appsTheme[size];

dist/esm/website/predefinedWebsiteMixins.js

@@ -1,2 +0,2 @@
-import { websiteTypographyMixin } from './websiteTypographyMixin';
+import { websiteTypographyMixin } from './websiteTypographyMixin.js';
 export const predefinedWebsiteMixins = {
@@ -3,0 +3,0 @@ headlines: {

dist/esm/website/WebsiteTypography.d.ts

@@ -1,2 +0,2 @@
-import { WebsiteTypographyProps } from './websiteTypes';
+import { WebsiteTypographyProps } from './websiteTypes.js';
 export declare const WebsiteTypography: import("styled-components").StyledComponent<"div", any, WebsiteTypographyProps, never>;

dist/esm/website/WebsiteTypography.js

 import styled from 'styled-components';
-import { websiteTypographyMixin } from './websiteTypographyMixin';
+import { websiteTypographyMixin } from './websiteTypographyMixin.js';
 export const WebsiteTypography = styled.div `
@@ -4,0 +4,0 @@ ${({ size, kind, type }) => websiteTypographyMixin(kind, size, type)}

dist/esm/website/websiteTypographyMixin.d.ts

@@ -1,2 +0,2 @@
-import { WebsiteKind, WebsiteSize, WebsiteType } from './websiteTypes';
+import { WebsiteKind, WebsiteSize, WebsiteType } from './websiteTypes.js';
 export declare const websiteTypographyMixin: (kind: WebsiteKind, size: WebsiteSize, type: WebsiteType) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

dist/esm/website/websiteTypographyMixin.js

 import { css } from 'styled-components';
-import { websiteTheme } from './websiteTheme';
+import { websiteTheme } from './websiteTheme.js';
 export const websiteTypographyMixin = (kind, size, type) => {
@@ -4,0 +4,0 @@ const kindBranch = websiteTheme[kind];

package.json

 {
   "name": "@clds/typography",
   "description": "",
-  "version": "0.48.0",
+  "version": "0.48.1",
   "author": "Cloudinary",
@@ -11,3 +11,3 @@ "main": "./dist/cjs/index.js",
   "dependencies": {
-    "@clds/component-theme": "0.48.0"
+    "@clds/component-theme": "0.48.1"
   },
@@ -28,3 +28,3 @@ "devDependencies": {
     "lint": "eslint --ext .ts,.tsx .",
-    "test": "nyc mocha",
+    "test": "vitest run",
     "typecheck": "tsc --noEmit"
@@ -31,0 +31,0 @@ },

src/website/predefinedWebsiteMixins.ts

@@ -1,2 +0,2 @@
-import { websiteTypographyMixin } from './websiteTypographyMixin';
+import { websiteTypographyMixin } from './websiteTypographyMixin.js';
 
@@ -3,0 +3,0 @@ export const predefinedWebsiteMixins = {

src/website/websiteTypographyMixin.ts

 import { css } from 'styled-components';
 
-import { websiteTheme } from './websiteTheme';
-import { WebsiteKind, WebsiteSize, WebsiteType } from './websiteTypes';
+import { websiteTheme } from './websiteTheme.js';
+import { WebsiteKind, WebsiteSize, WebsiteType } from './websiteTypes.js';
 
@@ -6,0 +6,0 @@ export const websiteTypographyMixin = (

test/apps/typographyMixin.test.ts

 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import { expect } from 'chai';
 
-import { typographyMixin } from '../../src/apps/typographyMixin';
+import { typographyMixin } from '../../src/apps/typographyMixin.js';
 
@@ -6,0 +6,0 @@ describe('typographyMixin', () => {

test/website/websiteTypographyMixin.test.ts

 import { expect } from 'chai';
 
-import { websiteTypographyMixin } from '../../src/website/websiteTypographyMixin';
+import { websiteTypographyMixin } from '../../src/website/websiteTypographyMixin.js';
 
@@ -5,0 +5,0 @@ describe('websiteTypographyMixin', () => {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

174118

increased by0.21%

Dependency changes

• + Added@clds/component-theme@0.48.1(transitive)

• + Added@clds/theme-helper@0.48.1(transitive)

• + Added@clds/themes@0.48.1(transitive)

• - Removed@clds/component-theme@0.48.0(transitive)

• - Removed@clds/theme-helper@0.48.0(transitive)

• - Removed@clds/themes@0.48.0(transitive)

• Updated@clds/component-theme@0.48.1