@preply/ds-core 0.4.3-beta.34

package/README.md

@@ -0,0 +1,32 @@
+# `@preply/ds-core`
+
+> Platform agnostic types, tokens and utils.
+
+## Using the Design System in your application or library?
+
+Follow the instructions in [@preply/ds-workspace](../../README.md).
+
+## Contributing
+
+Reach out to [#design-system-public](https://preply.slack.com/archives/C024EAEHP6V) if you think you can help and keep an eye on [DS Confluence](https://preply.atlassian.net/wiki/spaces/DS/overview) for more docs, guides, work in progress, decisions, the works.
+
+## Development
+
+You probably want to execute `yarn dev` and/or `yarn docs` in the root, as per instructions in [@preply/ds-workspace](../../README.md).
+
+For quicker - and more focused - feedback, you can also directly use the scripts in this package directory, but make sure you have first executed `yarn build` in root, or that you have the root `yarn dev` script running in the background.
+
+## Tooling
+
+Details about tools and configurations in [@preply/ds-workspace](../../README.md).
+
+## Dependencies
+
+### Dev dependencies
+
+We only list the dependencies used directly in stories, MDX docs and tests (`@storybook/react`, `@testing-library/react`, ...).
+
+**Do NOT add dependencies on** linting, testing, building tools unless:
+
+- you need to require some resource in a doc file or a test.
+- you need to add a very specific plugin to this package only and you want to signal the dependency loudly.

package/dist/color-scheme/config.d.ts

@@ -0,0 +1,2 @@
+import type { ColorSchemeConfig, ColorSchemeName } from './types';
+export declare const colorSchemeConfig: Record<ColorSchemeName, ColorSchemeConfig>;

package/dist/color-scheme/config.js

@@ -0,0 +1,11 @@
+const colorSchemeConfig = {
+    base: {},
+    highlight: {
+        extend: ['base'],
+    },
+    banner: {},
+    invert: {},
+};
+
+export { colorSchemeConfig };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29sb3Itc2NoZW1lL2NvbmZpZy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lQ29uZmlnLCBDb2xvclNjaGVtZU5hbWUgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IGNvbG9yU2NoZW1lQ29uZmlnOiBSZWNvcmQ8Q29sb3JTY2hlbWVOYW1lLCBDb2xvclNjaGVtZUNvbmZpZz4gPSB7XG4gICAgYmFzZToge30sXG4gICAgaGlnaGxpZ2h0OiB7XG4gICAgICAgIGV4dGVuZDogWydiYXNlJ10sXG4gICAgfSxcbiAgICBiYW5uZXI6IHt9LFxuICAgIGludmVydDoge30sXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUVhLGlCQUFpQixHQUErQztJQUN6RSxJQUFJLEVBQUUsRUFBRTtJQUNSLFNBQVMsRUFBRTtRQUNQLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBQztLQUNuQjtJQUNELE1BQU0sRUFBRSxFQUFFO0lBQ1YsTUFBTSxFQUFFLEVBQUU7Ozs7OyJ9

package/dist/color-scheme/constants.d.ts

@@ -0,0 +1,2 @@
+import { ColorSchemeName } from './types';
+export declare const COLOR_SCHEME_DEFAULT: ColorSchemeName;

package/dist/color-scheme/constants.js

@@ -0,0 +1,4 @@
+const COLOR_SCHEME_DEFAULT = 'base';
+
+export { COLOR_SCHEME_DEFAULT };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29sb3Itc2NoZW1lL2NvbnN0YW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvclNjaGVtZU5hbWUgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IENPTE9SX1NDSEVNRV9ERUZBVUxUOiBDb2xvclNjaGVtZU5hbWUgPSAnYmFzZSc7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BRWEsb0JBQW9CLEdBQW9COzs7OyJ9

package/dist/color-scheme/index.d.ts

@@ -0,0 +1,3 @@
+export type { ColorSchemeName } from './types';
+export { COLOR_SCHEME_DEFAULT } from './constants';
+export { colorSchemeConfig } from './config';

package/dist/color-scheme/index.js

@@ -0,0 +1,3 @@
+export { COLOR_SCHEME_DEFAULT } from './constants.js';
+export { colorSchemeConfig } from './config.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/dist/color-scheme/types.d.ts

@@ -0,0 +1,4 @@
+export declare type ColorSchemeName = 'base' | 'highlight' | 'banner' | 'invert';
+export declare type ColorSchemeConfig = {
+    extend?: ColorSchemeName[];
+};

package/dist/color-scheme/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/dataset/index.d.ts

@@ -0,0 +1 @@
+export type { Dataset } from './types';

package/dist/dataset/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/dataset/types.d.ts

@@ -0,0 +1,3 @@
+export declare type Dataset = {
+    [key: string]: string | number | boolean;
+};

package/dist/dataset/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { VERSION } from './version';
+export * from './color-scheme';
+export * from './dataset';
+export * from './layout';
+export * from './theme';
+export * from './typography';

package/dist/index.js

@@ -0,0 +1,8 @@
+export { VERSION } from './version.js';
+export { COLOR_SCHEME_DEFAULT } from './color-scheme/constants.js';
+export { colorSchemeConfig } from './color-scheme/config.js';
+export { LAYOUT_GAP_DEFAULT } from './layout/constants.js';
+export { THEME_DEFAULT } from './theme/constants.js';
+export { themeConfig } from './theme/config.js';
+export { TEXT_ACCENT_DEFAULT, TEXT_INLINE_TAG_DEFAULT, TEXT_SIZE_DEFAULT, TEXT_TAG_DEFAULT } from './typography/constants.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7In0=

package/dist/layout/constants.d.ts

@@ -0,0 +1,2 @@
+import { LayoutGap } from './types';
+export declare const LAYOUT_GAP_DEFAULT: LayoutGap;

package/dist/layout/constants.js

@@ -0,0 +1,4 @@
+const LAYOUT_GAP_DEFAULT = 'base';
+
+export { LAYOUT_GAP_DEFAULT };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF5b3V0L2NvbnN0YW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRHYXAgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IExBWU9VVF9HQVBfREVGQVVMVDogTGF5b3V0R2FwID0gJ2Jhc2UnO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUVhLGtCQUFrQixHQUFjOzs7OyJ9

package/dist/layout/index.d.ts

@@ -0,0 +1,2 @@
+export type { LayoutType, LayoutGap, LayoutAlignItems, LayoutJustifyItems, LayoutAlignContent, LayoutJustifyContent, LayoutFlexProps, LayoutGridProps, OptionalLayoutProps, OptionalLayoutGridProps, OptionalLayoutFlexProps, } from './types';
+export { LAYOUT_GAP_DEFAULT } from './constants';

package/dist/layout/index.js

@@ -0,0 +1,2 @@
+export { LAYOUT_GAP_DEFAULT } from './constants.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/layout/types.d.ts

@@ -0,0 +1,36 @@
+export declare type LayoutType = 'flex' | 'grid';
+export declare type LayoutGap = 'none' | 'small' | 'base' | 'medium' | 'large';
+export declare type LayoutAlignItems = 'center' | 'start' | 'end' | 'stretch' | 'baseline';
+export declare type LayoutJustifyItems = 'start' | 'center' | 'end' | 'stretch';
+export declare type LayoutAlignContent = 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
+export declare type LayoutJustifyContent = 'center' | 'start' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export declare type LayoutFlexProps = {
+    gap?: LayoutGap;
+    nowrap?: boolean;
+    column?: boolean;
+    reverse?: boolean;
+    justifyContent?: LayoutJustifyContent;
+    alignItems?: LayoutAlignItems;
+    inline?: boolean;
+};
+export declare type LayoutGridProps = {
+    gap?: LayoutGap;
+    columns?: number | string[];
+    justifyContent?: LayoutJustifyContent;
+    justifyItems?: LayoutJustifyItems;
+    alignItems?: LayoutAlignItems;
+    alignContent?: LayoutAlignContent;
+};
+declare type OptionalLayoutEmptyProps = {
+    layout?: LayoutType;
+};
+export declare type OptionalLayoutGridProps = {
+    layout: 'grid';
+    grid?: LayoutGridProps;
+};
+export declare type OptionalLayoutFlexProps = {
+    layout: 'flex';
+    flex?: LayoutFlexProps;
+};
+export declare type OptionalLayoutProps = OptionalLayoutEmptyProps | OptionalLayoutGridProps | OptionalLayoutFlexProps;
+export {};

package/dist/layout/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/theme/config.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeConfig, ThemeName } from './types';
+export declare const themeConfig: Record<ThemeName, ThemeConfig>;

package/dist/theme/config.js

@@ -0,0 +1,9 @@
+const themeConfig = {
+    'base-ui': {},
+    'preply-ui': {
+        extend: ['base-ui'],
+    },
+};
+
+export { themeConfig };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGhlbWUvY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWVDb25maWcsIFRoZW1lTmFtZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgdGhlbWVDb25maWc6IFJlY29yZDxUaGVtZU5hbWUsIFRoZW1lQ29uZmlnPiA9IHtcbiAgICAnYmFzZS11aSc6IHt9LFxuICAgICdwcmVwbHktdWknOiB7XG4gICAgICAgIGV4dGVuZDogWydiYXNlLXVpJ10sXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BRWEsV0FBVyxHQUFtQztJQUN2RCxTQUFTLEVBQUUsRUFBRTtJQUNiLFdBQVcsRUFBRTtRQUNULE1BQU0sRUFBRSxDQUFDLFNBQVMsQ0FBQztLQUN0Qjs7Ozs7In0=

package/dist/theme/constants.d.ts

@@ -0,0 +1,2 @@
+import { ThemeName } from './types';
+export declare const THEME_DEFAULT: ThemeName;

package/dist/theme/constants.js

@@ -0,0 +1,4 @@
+const THEME_DEFAULT = 'base-ui';
+
+export { THEME_DEFAULT };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGhlbWUvY29uc3RhbnRzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRoZW1lTmFtZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgVEhFTUVfREVGQVVMVDogVGhlbWVOYW1lID0gJ2Jhc2UtdWknO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUVhLGFBQWEsR0FBYzs7OzsifQ==

package/dist/theme/index.d.ts

@@ -0,0 +1,3 @@
+export type { ThemeConfig, ThemeName } from './types';
+export { THEME_DEFAULT } from './constants';
+export { themeConfig } from './config';

package/dist/theme/index.js

@@ -0,0 +1,3 @@
+export { THEME_DEFAULT } from './constants.js';
+export { themeConfig } from './config.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/dist/theme/types.d.ts

@@ -0,0 +1,4 @@
+export declare type ThemeName = 'base-ui' | 'preply-ui';
+export declare type ThemeConfig = {
+    extend?: ThemeName[];
+};

package/dist/theme/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/typography/constants.d.ts

@@ -0,0 +1,5 @@
+import type { TextAccent, TextInlineTag, TextSize, TextTag } from './types';
+export declare const TEXT_ACCENT_DEFAULT: TextAccent;
+export declare const TEXT_INLINE_TAG_DEFAULT: TextInlineTag;
+export declare const TEXT_TAG_DEFAULT: TextTag;
+export declare const TEXT_SIZE_DEFAULT: TextSize;

package/dist/typography/constants.js

@@ -0,0 +1,7 @@
+const TEXT_ACCENT_DEFAULT = 'normal';
+const TEXT_INLINE_TAG_DEFAULT = 'span';
+const TEXT_TAG_DEFAULT = 'p';
+const TEXT_SIZE_DEFAULT = 'base';
+
+export { TEXT_ACCENT_DEFAULT, TEXT_INLINE_TAG_DEFAULT, TEXT_SIZE_DEFAULT, TEXT_TAG_DEFAULT };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdHlwb2dyYXBoeS9jb25zdGFudHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUZXh0QWNjZW50LCBUZXh0SW5saW5lVGFnLCBUZXh0U2l6ZSwgVGV4dFRhZyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgVEVYVF9BQ0NFTlRfREVGQVVMVDogVGV4dEFjY2VudCA9ICdub3JtYWwnO1xuZXhwb3J0IGNvbnN0IFRFWFRfSU5MSU5FX1RBR19ERUZBVUxUOiBUZXh0SW5saW5lVGFnID0gJ3NwYW4nO1xuZXhwb3J0IGNvbnN0IFRFWFRfVEFHX0RFRkFVTFQ6IFRleHRUYWcgPSAncCc7XG5leHBvcnQgY29uc3QgVEVYVF9TSVpFX0RFRkFVTFQ6IFRleHRTaXplID0gJ2Jhc2UnO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUVhLG1CQUFtQixHQUFlLFNBQVM7TUFDM0MsdUJBQXVCLEdBQWtCLE9BQU87TUFDaEQsZ0JBQWdCLEdBQVksSUFBSTtNQUNoQyxpQkFBaUIsR0FBYTs7OzsifQ==

package/dist/typography/index.d.ts

@@ -0,0 +1,2 @@
+export type { TextAccent, TextInlineTag, TextSize, TextTag, HeadingLevel, HeadingTag, } from './types';
+export * from './constants';

package/dist/typography/index.js

@@ -0,0 +1,2 @@
+export { TEXT_ACCENT_DEFAULT, TEXT_INLINE_TAG_DEFAULT, TEXT_SIZE_DEFAULT, TEXT_TAG_DEFAULT } from './constants.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/typography/types.d.ts

@@ -0,0 +1,6 @@
+export declare type TextAccent = 'normal' | 'muted' | 'positive' | 'highlighted' | 'brand';
+export declare type TextInlineTag = 'span' | 'em' | 'strong';
+export declare type TextSize = 'xsmall' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';
+export declare type TextTag = 'p' | 'div';
+export declare type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
+export declare type HeadingTag = HeadingLevel | 'p' | 'div';

package/dist/typography/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const VERSION: string;

package/dist/version.js

@@ -0,0 +1,4 @@
+const VERSION = `DS-CORE-${process.env.VERSION || ''}`;
+
+export { VERSION };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZXMiOlsiLi4vc3JjL3ZlcnNpb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IFZFUlNJT04gPSBgRFMtQ09SRS0ke3Byb2Nlc3MuZW52LlZFUlNJT04gfHwgJyd9YDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFBYSxPQUFPLEdBQUcsV0FBVyxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sSUFBSSxFQUFFOzs7OyJ9

package/package.json

@@ -0,0 +1,21 @@
+{
+    "name": "@preply/ds-core",
+    "version": "0.4.3-beta.34+62b440f",
+    "publishConfig": {
+        "access": "public"
+    },
+    "main": "dist/index.js",
+    "files": [
+        "dist/"
+    ],
+    "sideEffects": false,
+    "browserslist": "last 2 versions",
+    "scripts": {
+        "clean": "rm -rf dist",
+        "lint": "run --top-level eslint --ext .js,.ts,.tsx,.mdx *.config.js src/",
+        "build": "NODE_ENV=production && run build:rollup",
+        "build:rollup": "run --top-level rollup -c rollup.config.js",
+        "dev": "run build && run build:rollup -w"
+    },
+    "gitHead": "62b440fd62192714d5273a0a19ab36df02116f77"
+}