@atlaskit/primitives 0.9.0 → 0.9.2

package/scripts/spacing-codegen-template.tsx

@@ -3,98 +3,31 @@ import parserTypeScript from 'prettier/parser-typescript';
 
 import { spacing as tokens } from '@atlaskit/tokens/tokens-raw';
 
-import { capitalize, constructTokenFunctionCall } from './utils';
-
-const spacingProperties: Record<
-  string,
-  {
-    cssProperties: readonly string[];
-    propNameFormatter?: (propName: string) => string;
-  }
-> = {
-  padding: {
-    cssProperties: [
-      'padding',
-      'paddingBlock',
-      'paddingBlockEnd',
-      'paddingBlockStart',
-      'paddingBottom',
-      'paddingInline',
-      'paddingInlineEnd',
-      'paddingInlineStart',
-      'paddingLeft',
-      'paddingRight',
-      'paddingTop',
-    ],
-  },
-  space: {
-    cssProperties: ['gap', 'rowGap', 'columnGap'],
-  },
-  inset: {
-    cssProperties: [
-      'inset',
-      'insetBlock',
-      'insetBlockEnd',
-      'insetBlockStart',
-      'insetInline',
-      'insetInlineEnd',
-      'insetInlineStart',
-    ],
-  },
-} as const;
+import { constructTokenFunctionCall } from './utils';
 
 const spacingTokenPrefix = 'space.';
-const onlySpaceTokens = tokens.filter(token =>
-  token.name.startsWith(spacingTokenPrefix),
-);
-
-const activeTokens = onlySpaceTokens.map(t => ({
-  name: t.name,
-  fallback: t.attributes.pixelValue!,
-}));
-
-export const createSpacingStylesFromTemplate = (
-  spacingProperty: keyof typeof spacingProperties,
-) => {
-  if (!spacingProperties[spacingProperty]) {
-    throw new Error(`[codegen] Unknown option found "${spacingProperty}"`);
-  }
-
-  const { cssProperties, propNameFormatter } =
-    spacingProperties[spacingProperty]!;
-
-  return prettier.format(
-    `
-  export const ${spacingProperty}Map = {
-    ${activeTokens
-      .sort((a, b) =>
-        a.name.localeCompare(b.name, undefined, { numeric: true }),
+const spaceTokens = tokens
+  .filter(token => token.name.startsWith(spacingTokenPrefix))
+  .map(t => ({
+    name: t.name,
+    fallback: t.attributes.pixelValue!,
+  }));
+
+export const createSpacingStylesFromTemplate = () => {
+  const output = [
+    `export const spaceMap = {\n${spaceTokens
+      .map(
+        ({ name, fallback }) =>
+          `'${name}': ${constructTokenFunctionCall(name, fallback)},`,
       )
-      .map(token => {
-        const propName = propNameFormatter
-          ? propNameFormatter(token.name)
-          : token.name;
-        return `'${propName}': ${constructTokenFunctionCall(
-          token.name,
-          token.fallback,
-        )}`;
-      })}
-    } as const;` +
-      (cssProperties
-        .map(
-          cssProperty =>
-            // TODO: Update to use `keyof` when ERT supports it: https://github.com/atlassian/extract-react-types/issues/149
-            `\nexport type ${capitalize(cssProperty)} = ${activeTokens
-              .map(token => `'${token.name}'`)
-              .join(' | ')}`,
-        )
-        .join('') +
-        '\n'),
-    {
-      singleQuote: true,
-      trailingComma: 'all',
-      parser: 'typescript',
-      plugins: [parserTypeScript],
-    },
-  );
+      .join('\n')}}`,
+    `export type Space = keyof typeof spaceMap;\n`,
+  ].join('\n');
+
+  return prettier.format(output, {
+    singleQuote: true,
+    trailingComma: 'all',
+    parser: 'typescript',
+    plugins: [parserTypeScript],
+  });
 };

package/stack/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/components/stack.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/components/stack.d.ts"
+        "../dist/types-ts4.5/components/stack.d.ts"
       ]
     }
   }