@cntrl-site/sdk-nextjs 0.17.1 → 0.18.0

package/src/utils/generateTypePresetStyles/__mock__/presetMock.ts

@@ -1,33 +0,0 @@
-import { TTypePresets, TypePresetStatus } from '@cntrl-site/sdk';
-
-export const presetMock: TTypePresets = {
-  id: 'presetId',
-  presets: [
-    {
-      id: 'heading01',
-      fontFamily: 'Aeonik',
-      fontWeight: '400',
-      fontStyle: '',
-      name: 'Heading',
-      fontSize: 24,
-      lineHeight: 36,
-      wordSpacing: 1,
-      letterSpacing: 1,
-      color: 'rgba(0, 0, 0, 1)',
-      status: TypePresetStatus.Active
-    },
-    {
-      id: 'heading02',
-      fontFamily: 'Aeonik',
-      fontWeight: '400',
-      fontStyle: 'italic',
-      name: 'Heading 2',
-      fontSize: 24,
-      lineHeight: 36,
-      wordSpacing: 1,
-      letterSpacing: 1,
-      color: 'rgba(0, 0, 0, 1)',
-      status: TypePresetStatus.Active
-    }
-  ]
-};

package/src/utils/generateTypePresetStyles/generateTypePresetStyles.test.ts

@@ -1,49 +0,0 @@
-import { generateTypePresetStyles } from './generateTypePresetStyles';
-import { presetMock } from './__mock__/presetMock';
-import { layoutsMock } from './__mock__/layoutsMock';
-
-describe('generateTypePresetStyles', () => {
-  it('generates blocks of styles', () => {
-    const styles = generateTypePresetStyles(presetMock, layoutsMock);
-    const expectedMedia = (id: string) =>
-`@media (min-width: 0px) and (max-width: 767px) {
-  .cntrl-preset-${id} {
-    font-size: 6.4vw;
-    line-height: 9.6vw;
-    letter-spacing: 0.26666666666666666vw;
-    word-spacing: 0.26666666666666666vw;
-    color: rgba(0, 0, 0, 1);
-  }
-}
-@media (min-width: 768px) and (max-width: 1023px) {
-  .cntrl-preset-${id} {
-    font-size: 3.125vw;
-    line-height: 4.6875vw;
-    letter-spacing: 0.13020833333333331vw;
-    word-spacing: 0.13020833333333331vw;
-    color: rgba(0, 0, 0, 1);
-  }
-}
-@media (min-width: 1024px) {
-  .cntrl-preset-${id} {
-    font-size: 1.6666666666666667vw;
-    line-height: 2.5vw;
-    letter-spacing: 0.06944444444444445vw;
-    word-spacing: 0.06944444444444445vw;
-    color: rgba(0, 0, 0, 1);
-  }
-}`;
-    expect(styles).toBe(
-`.cntrl-preset-heading01 {
-  font-family: Aeonik;
-  font-weight: 400;
-}
-${expectedMedia('heading01')}
-.cntrl-preset-heading02 {
-  font-family: Aeonik;
-  font-style: italic;
-  font-weight: 400;
-}
-${expectedMedia('heading02')}`);
-  });
-});

package/src/utils/generateTypePresetStyles/generateTypePresetStyles.ts

@@ -1,25 +0,0 @@
-import { getLayoutMediaQuery, TLayout, TTypePresets, CntrlColor } from '@cntrl-site/sdk';
-
-const reEmptyLines = /^\s*\n/gm;
-
-export function generateTypePresetStyles(preset: TTypePresets, layouts: TLayout[]): string {
-  const sorted = layouts.slice().sort((a, b) => a.startsWith - b.startsWith);
-  const stylesStr = (`
-    ${preset.presets.map(p => (`
-.cntrl-preset-${p.id} {
-  font-family: ${p.fontFamily};
-  ${p.fontStyle.length > 0 ? `font-style: ${p.fontStyle};` : ''}
-  font-weight: ${p.fontWeight};
-}
-  ${sorted.map(l => (`
-${getLayoutMediaQuery(l.id, sorted)} {
-  .cntrl-preset-${p.id} {
-    font-size: ${p.fontSize / l.exemplary * 100}vw;
-    line-height: ${p.lineHeight / l.exemplary * 100}vw;
-    letter-spacing: ${p.letterSpacing / l.exemplary * 100}vw;
-    word-spacing: ${p.wordSpacing / l.exemplary * 100}vw;
-    color: ${CntrlColor.parse(p.color).toCss()};
-  }
-}`)).join('\n')}`)).join('\n')}`);
-  return stylesStr.replace(reEmptyLines, '');
-}