@atlaskit/primitives 0.5.0 → 0.7.0

package/dist/types/internal/style-maps.d.ts

@@ -1,151 +0,0 @@
-export declare const backgroundColorMap: {
-    readonly disabled: "var(--ds-background-disabled)";
-    readonly input: "var(--ds-background-input)";
-    readonly 'inverse.subtle': "var(--ds-background-inverse-subtle)";
-    readonly neutral: "var(--ds-background-neutral)";
-    readonly 'neutral.subtle': "var(--ds-background-neutral-subtle)";
-    readonly 'neutral.bold': "var(--ds-background-neutral-bold)";
-    readonly selected: "var(--ds-background-selected)";
-    readonly 'selected.bold': "var(--ds-background-selected-bold)";
-    readonly 'brand.bold': "var(--ds-background-brand-bold)";
-    readonly danger: "var(--ds-background-danger)";
-    readonly 'danger.bold': "var(--ds-background-danger-bold)";
-    readonly warning: "var(--ds-background-warning)";
-    readonly 'warning.bold': "var(--ds-background-warning-bold)";
-    readonly success: "var(--ds-background-success)";
-    readonly 'success.bold': "var(--ds-background-success-bold)";
-    readonly discovery: "var(--ds-background-discovery)";
-    readonly 'discovery.bold': "var(--ds-background-discovery-bold)";
-    readonly information: "var(--ds-background-information)";
-    readonly 'information.bold': "var(--ds-background-information-bold)";
-    readonly 'color.blanket': "var(--ds-blanket)";
-    readonly 'color.blanket.selected': "var(--ds-blanket-selected)";
-    readonly 'color.blanket.danger': "var(--ds-blanket-danger)";
-    readonly 'elevation.surface': "var(--ds-surface)";
-    readonly 'elevation.surface.overlay': "var(--ds-surface-overlay)";
-    readonly 'elevation.surface.raised': "var(--ds-surface-raised)";
-    readonly 'elevation.surface.sunken': "var(--ds-surface-sunken)";
-};
-export declare type BackgroundColor = keyof typeof backgroundColorMap;
-export declare const borderColorMap: {
-    readonly 'color.border': "var(--ds-border)";
-    readonly disabled: "var(--ds-border-disabled)";
-    readonly focused: "var(--ds-border-focused)";
-    readonly input: "var(--ds-border-input)";
-    readonly inverse: "var(--ds-border-inverse)";
-    readonly selected: "var(--ds-border-selected)";
-    readonly brand: "var(--ds-border-brand)";
-    readonly danger: "var(--ds-border-danger)";
-    readonly warning: "var(--ds-border-warning)";
-    readonly success: "var(--ds-border-success)";
-    readonly discovery: "var(--ds-border-discovery)";
-    readonly information: "var(--ds-border-information)";
-    readonly bold: "var(--ds-border-bold)";
-};
-export declare type BorderColor = keyof typeof borderColorMap;
-export declare const borderWidthMap: {
-    readonly 'size.0': "var(--ds-width-0)";
-    readonly 'size.050': "var(--ds-width-050)";
-    readonly 'size.100': "var(--ds-width-100)";
-};
-export declare type BorderWidth = keyof typeof borderWidthMap;
-export declare const borderRadiusMap: {
-    readonly 'radius.400': "var(--ds-radius-400)";
-    readonly 'radius.300': "var(--ds-radius-300)";
-    readonly 'radius.100': "var(--ds-radius-100)";
-    readonly 'radius.050': "var(--ds-radius-050)";
-    readonly 'radius.200': "var(--ds-radius-200)";
-};
-export declare type BorderRadius = keyof typeof borderRadiusMap;
-export declare const paddingMap: {
-    readonly 'space.0': "var(--ds-space-0)";
-    readonly 'space.025': "var(--ds-space-025)";
-    readonly 'space.050': "var(--ds-space-050)";
-    readonly 'space.075': "var(--ds-space-075)";
-    readonly 'space.100': "var(--ds-space-100)";
-    readonly 'space.150': "var(--ds-space-150)";
-    readonly 'space.200': "var(--ds-space-200)";
-    readonly 'space.250': "var(--ds-space-250)";
-    readonly 'space.300': "var(--ds-space-300)";
-    readonly 'space.400': "var(--ds-space-400)";
-    readonly 'space.500': "var(--ds-space-500)";
-    readonly 'space.600': "var(--ds-space-600)";
-    readonly 'space.800': "var(--ds-space-800)";
-    readonly 'space.1000': "var(--ds-space-1000)";
-};
-export declare type Padding = keyof typeof paddingMap;
-export declare type PaddingBlock = keyof typeof paddingMap;
-export declare type PaddingBlockStart = keyof typeof paddingMap;
-export declare type PaddingBlockEnd = keyof typeof paddingMap;
-export declare type PaddingInline = keyof typeof paddingMap;
-export declare type PaddingInlineStart = keyof typeof paddingMap;
-export declare type PaddingInlineEnd = keyof typeof paddingMap;
-export declare const textColorMap: {
-    readonly 'color.text': "var(--ds-text)";
-    readonly 'accent.red': "var(--ds-text-accent-red)";
-    readonly 'accent.red.bolder': "var(--ds-text-accent-red-bolder)";
-    readonly 'accent.orange': "var(--ds-text-accent-orange)";
-    readonly 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder)";
-    readonly 'accent.yellow': "var(--ds-text-accent-yellow)";
-    readonly 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)";
-    readonly 'accent.green': "var(--ds-text-accent-green)";
-    readonly 'accent.green.bolder': "var(--ds-text-accent-green-bolder)";
-    readonly 'accent.teal': "var(--ds-text-accent-teal)";
-    readonly 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder)";
-    readonly 'accent.blue': "var(--ds-text-accent-blue)";
-    readonly 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder)";
-    readonly 'accent.purple': "var(--ds-text-accent-purple)";
-    readonly 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder)";
-    readonly 'accent.magenta': "var(--ds-text-accent-magenta)";
-    readonly 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)";
-    readonly 'accent.gray': "var(--ds-text-accent-gray)";
-    readonly 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder)";
-    readonly disabled: "var(--ds-text-disabled)";
-    readonly inverse: "var(--ds-text-inverse)";
-    readonly selected: "var(--ds-text-selected)";
-    readonly brand: "var(--ds-text-brand)";
-    readonly danger: "var(--ds-text-danger)";
-    readonly warning: "var(--ds-text-warning)";
-    readonly 'warning.inverse': "var(--ds-text-warning-inverse)";
-    readonly success: "var(--ds-text-success)";
-    readonly discovery: "var(--ds-text-discovery)";
-    readonly information: "var(--ds-text-information)";
-    readonly subtlest: "var(--ds-text-subtlest)";
-    readonly subtle: "var(--ds-text-subtle)";
-};
-export declare type TextColor = keyof typeof textColorMap;
-export declare const dimensionMap: {
-    readonly '100%': "100%";
-    readonly 'size.100': "16px";
-    readonly 'size.200': "24px";
-    readonly 'size.300': "32px";
-    readonly 'size.400': "40px";
-    readonly 'size.500': "48px";
-    readonly 'size.600': "96px";
-    readonly 'size.1000': "192px";
-};
-export declare type Width = keyof typeof dimensionMap;
-export declare type Height = keyof typeof dimensionMap;
-export declare type MinWidth = keyof typeof dimensionMap;
-export declare type MaxWidth = keyof typeof dimensionMap;
-export declare type MinHeight = keyof typeof dimensionMap;
-export declare type MaxHeight = keyof typeof dimensionMap;
-export declare type TokenisedProps = {
-    backgroundColor?: BackgroundColor;
-    borderColor?: BorderColor;
-    borderWidth?: BorderWidth;
-    color?: TextColor;
-    height?: Height;
-    minHeight?: MinHeight;
-    minWidth?: MinWidth;
-    maxHeight?: MaxHeight;
-    maxWidth?: MaxWidth;
-    padding?: Padding;
-    paddingBlock?: Padding;
-    paddingInline?: Padding;
-    paddingBlockStart?: Padding;
-    paddingBlockEnd?: Padding;
-    paddingInlineStart?: Padding;
-    paddingInlineEnd?: Padding;
-    width?: Width;
-};

package/scripts/color-map-template.tsx

@@ -1,52 +0,0 @@
-import prettier from 'prettier';
-import parserTypeScript from 'prettier/parser-typescript';
-
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import tokens from '@atlaskit/tokens/src/artifacts/tokens-raw/atlassian-light';
-
-import { compose, isAccent, not, pick } from './utils';
-
-type Token = {
-  token: string;
-  fallback: string;
-};
-
-const activeTokens = tokens
-  .filter(
-    t =>
-      t.attributes.state !== 'deleted' && t.attributes.state !== 'deprecated',
-  )
-  .map(
-    (t): Token => ({
-      token: t.name,
-      fallback: t.value as string,
-    }),
-  )
-  .filter(compose(pick('token'), not(isAccent)))
-  .filter(t => t.token.includes('background'))
-  .filter(t => t.token.includes('bold'))
-  // @ts-ignore
-  .map(t => ({ ...t, token: t.token.replaceAll('.[default]', '') }));
-
-export const createColorMapTemplate = () => {
-  return prettier.format(
-    `
-export default {
-  ${activeTokens
-    .map(t => {
-      // handle the default case eg color.border or color.text
-      const propName = t.token.replace('color.background.', '');
-      return `'${propName}': '${
-        propName.includes('warning') ? 'warning.inverse' : 'inverse'
-      }'`;
-    })
-    .join(',\n\t')}
-} as const;`,
-    {
-      singleQuote: true,
-      parser: 'typescript',
-      trailingComma: 'all',
-      plugins: [parserTypeScript],
-    },
-  );
-};

package/scripts/dimension-codegen-template.tsx

@@ -1,75 +0,0 @@
-import prettier from 'prettier';
-import parserTypeScript from 'prettier/parser-typescript';
-
-import { capitalize } from './utils';
-
-const dimensionProperties = {
-  width: {
-    cssProperty: 'width',
-  },
-  height: {
-    cssProperty: 'height',
-  },
-  minWidth: {
-    cssProperty: 'minWidth',
-  },
-  maxWidth: {
-    cssProperty: 'maxWidth',
-  },
-  minHeight: {
-    cssProperty: 'minHeight',
-  },
-  maxHeight: {
-    cssProperty: 'maxHeight',
-  },
-} as const;
-
-// placeholder adapted from packages/design-system/avatar/src/constants.ts
-const dimensions = {
-  'size.100': '16px',
-  'size.200': '24px',
-  'size.300': '32px',
-  'size.400': '40px',
-  'size.500': '48px',
-  'size.600': '96px',
-  'size.1000': '192px',
-  '100%': '100%',
-} as const;
-
-const activeTokens = Object.entries(dimensions).map(([name, value]) => ({
-  name,
-  value,
-}));
-
-export const createDimensionStylesFromTemplate = (
-  spacingProperty: keyof typeof dimensionProperties,
-) => {
-  if (!dimensionProperties[spacingProperty]) {
-    throw new Error(`[codegen] Unknown option found "${spacingProperty}"`);
-  }
-
-  const { cssProperty } = dimensionProperties[spacingProperty];
-
-  return (
-    prettier.format(
-      `
-const ${spacingProperty}Map = {
-  ${activeTokens
-    .sort((a, b) => a.name.localeCompare(b.name, undefined, { numeric: true }))
-    .map(token => {
-      return `'${token.name}': css({ ${cssProperty}: '${token.value}' })`;
-    })
-    .join(',\n\t')}
-} as const;`,
-      {
-        singleQuote: true,
-        trailingComma: 'all',
-        parser: 'typescript',
-        plugins: [parserTypeScript],
-      },
-    ) +
-    `\nexport type ${capitalize(
-      spacingProperty,
-    )} = keyof typeof ${spacingProperty}Map;\n`
-  );
-};