@perses-dev/components 0.17.0 → 0.19.0

package/dist/cjs/theme/palette/colors/index.js

@@ -0,0 +1,35 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./blue"), exports);
+_exportStar(require("./common"), exports);
+_exportStar(require("./green"), exports);
+_exportStar(require("./grey"), exports);
+_exportStar(require("./orange"), exports);
+_exportStar(require("./purple"), exports);
+_exportStar(require("./red"), exports);
+_exportStar(require("./types"), exports);
+function _exportStar(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
+            enumerable: true,
+            get: function() {
+                return from[k];
+            }
+        });
+    });
+    return from;
+}

package/dist/cjs/theme/palette/colors/orange.js

@@ -0,0 +1,35 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "orange", {
+    enumerable: true,
+    get: ()=>orange
+});
+const orange = {
+    50: '#FFF5E8',
+    100: '#FFECD2',
+    150: '#FFE2BB',
+    200: '#FFD9A4',
+    300: '#FFC577',
+    400: '#FFB249',
+    500: '#FF9F1C',
+    600: '#CC7F16',
+    700: '#995F11',
+    800: '#66400B',
+    850: '#4D3008',
+    900: '#332006',
+    950: '#1A1003'
+};

package/dist/cjs/theme/palette/colors/purple.js

@@ -0,0 +1,35 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "purple", {
+    enumerable: true,
+    get: ()=>purple
+});
+const purple = {
+    50: '#EFE9FD',
+    100: '#E0D2FC',
+    150: '#D0BCFA',
+    200: '#C1A6F8',
+    300: '#A179F5',
+    400: '#824DF1',
+    500: '#6320EE',
+    600: '#4F1ABE',
+    700: '#3B138F',
+    800: '#280D5F',
+    850: '#1E0A47',
+    900: '#140630',
+    950: '#0A0318'
+};

package/dist/cjs/theme/palette/colors/red.js

@@ -0,0 +1,35 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "red", {
+    enumerable: true,
+    get: ()=>red
+});
+const red = {
+    50: '#FDEDED',
+    100: '#FBDADA',
+    150: '#F9C8C8',
+    200: '#F7B5B5',
+    300: '#F29191',
+    400: '#EE6C6C',
+    500: '#EA4747',
+    600: '#BD3939',
+    700: '#902B2B',
+    800: '#621D1D',
+    850: '#4C1616',
+    900: '#350F0F',
+    950: '#1F0808'
+};

package/dist/cjs/theme/palette/colors/types.js

@@ -0,0 +1,16 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/theme/palette/error.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "error", {
+    enumerable: true,
+    get: ()=>error
+});
+const _colors = require("./colors");
+const error = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.red[500],
+        dark: _colors.red[600],
+        light: _colors.red[50]
+    } : {
+        main: _colors.red[400],
+        dark: _colors.red[800],
+        light: _colors.red[300]
+    };
+};

package/dist/cjs/theme/palette/grey.js

@@ -0,0 +1,44 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "greyOption", {
+    enumerable: true,
+    get: ()=>greyOption
+});
+const _grey = require("./colors/grey");
+const greyOption = (mode)=>{
+    return mode === 'light' ? {
+        100: _grey.grey[100],
+        200: _grey.grey[200],
+        300: _grey.grey[300],
+        400: _grey.grey[400],
+        500: _grey.grey[500],
+        600: _grey.grey[600],
+        700: _grey.grey[700],
+        800: _grey.grey[800],
+        900: _grey.grey[900]
+    } : {
+        100: _grey.grey[900],
+        200: _grey.grey[800],
+        300: _grey.grey[700],
+        400: _grey.grey[600],
+        500: _grey.grey[500],
+        600: _grey.grey[400],
+        700: _grey.grey[300],
+        800: _grey.grey[200],
+        900: _grey.grey[100]
+    };
+};

package/dist/cjs/theme/palette/index.js

@@ -0,0 +1,28 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./palette-options"), exports);
+function _exportStar(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
+            enumerable: true,
+            get: function() {
+                return from[k];
+            }
+        });
+    });
+    return from;
+}

package/dist/cjs/theme/palette/palette-options.js

@@ -0,0 +1,59 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getPaletteOptions", {
+    enumerable: true,
+    get: ()=>getPaletteOptions
+});
+const _text = require("./text");
+const _background = require("./background");
+const _grey = require("./grey");
+const _common = require("./colors/common");
+const _primary = require("./primary");
+const _secondary = require("./secondary");
+const _colors = require("./colors");
+const _error = require("./error");
+const _success = require("./success");
+const _warning = require("./warning");
+function getPaletteOptions(mode) {
+    // Palette options should be split out into their own files with functions
+    // for creating the option values based on light/dark mode
+    return {
+        mode,
+        primary: (0, _primary.primary)(mode),
+        secondary: (0, _secondary.secondary)(mode),
+        grey: (0, _grey.greyOption)(mode),
+        background: (0, _background.background)(mode),
+        text: (0, _text.text)(mode),
+        error: (0, _error.error)(mode),
+        warning: (0, _warning.warning)(mode),
+        info: (0, _primary.primary)(mode),
+        success: (0, _success.success)(mode),
+        common: {
+            white: _common.white,
+            black: _common.black
+        },
+        // custom colors
+        designSystem: {
+            blue: _colors.blue,
+            green: _colors.green,
+            grey: _colors.grey,
+            orange: _colors.orange,
+            purple: _colors.purple,
+            red: _colors.red
+        }
+    };
+}

package/dist/cjs/theme/palette/primary.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "primary", {
+    enumerable: true,
+    get: ()=>primary
+});
+const _colors = require("./colors");
+const primary = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.blue[500],
+        dark: _colors.blue[600],
+        light: _colors.blue[50]
+    } : {
+        main: _colors.blue[400],
+        dark: _colors.blue[800],
+        light: _colors.blue[200]
+    };
+};

package/dist/cjs/theme/palette/secondary.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "secondary", {
+    enumerable: true,
+    get: ()=>secondary
+});
+const _colors = require("./colors");
+const secondary = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.grey[600],
+        dark: _colors.grey[900],
+        light: _colors.grey[100]
+    } : {
+        main: _colors.white,
+        dark: _colors.white,
+        light: _colors.white
+    };
+};

package/dist/cjs/theme/palette/success.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "success", {
+    enumerable: true,
+    get: ()=>success
+});
+const _colors = require("./colors");
+const success = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.green[500],
+        dark: _colors.green[700],
+        light: _colors.green[50]
+    } : {
+        main: _colors.green[400],
+        dark: _colors.green[800],
+        light: _colors.green[300]
+    };
+};

package/dist/cjs/theme/palette/text.js

@@ -0,0 +1,42 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "text", {
+    enumerable: true,
+    get: ()=>text
+});
+const _colors = require("./colors");
+const text = (mode)=>{
+    const navigation = _colors.grey[800];
+    const accent = _colors.grey[300];
+    return mode === 'light' ? {
+        navigation,
+        accent,
+        primary: _colors.grey[800],
+        secondary: _colors.grey[700],
+        disabled: _colors.grey[300],
+        link: _colors.blue[500],
+        linkHover: _colors.blue[600]
+    } : {
+        navigation,
+        accent,
+        primary: _colors.white,
+        secondary: _colors.grey[50],
+        disabled: _colors.grey[600],
+        link: _colors.blue[400],
+        linkHover: _colors.blue[500]
+    };
+};

package/dist/cjs/theme/palette/warning.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "warning", {
+    enumerable: true,
+    get: ()=>warning
+});
+const _colors = require("./colors");
+const warning = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.orange[500],
+        dark: _colors.orange[700],
+        light: _colors.orange[50]
+    } : {
+        main: _colors.orange[400],
+        dark: _colors.orange[800],
+        light: _colors.orange[300]
+    };
+};

package/dist/cjs/theme/theme.js

@@ -0,0 +1,45 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getTheme", {
+    enumerable: true,
+    get: ()=>getTheme
+});
+const _material = require("@mui/material");
+const _paletteOptions = require("./palette/palette-options");
+const _typography = require("./typography");
+function getTheme(mode) {
+    const theme = (0, _material.createTheme)({
+        palette: (0, _paletteOptions.getPaletteOptions)(mode),
+        typography: _typography.typography,
+        mixins: {},
+        components
+    });
+    return theme;
+}
+// Overrides for component default prop values and styles go here
+const components = {
+    MuiFormControl: {
+        defaultProps: {
+            size: 'small'
+        }
+    },
+    MuiTextField: {
+        defaultProps: {
+            size: 'small'
+        }
+    }
+};

package/dist/cjs/theme/types/ThemeExtension.d.js

@@ -0,0 +1,17 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+// Allows extending Lab types/components also
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/theme/typography.js

@@ -0,0 +1,96 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "typography", {
+    enumerable: true,
+    get: ()=>typography
+});
+require("@fontsource/lato/300.css");
+require("@fontsource/lato/400.css");
+require("@fontsource/lato/700.css");
+require("@fontsource/lato/900.css");
+// Font weights need to correspond with the imports at the top of the file
+// (Lato supports 100, 300, 400, 700, 900)
+const fontWeightLight = 300;
+const fontWeightRegular = 400;
+const fontWeightMedium = 700;
+const fontWeightBold = 900;
+const typography = {
+    fontFamily: '"Lato", sans-serif',
+    fontWeightLight,
+    fontWeightRegular,
+    fontWeightMedium,
+    fontWeightBold,
+    h1: {
+        fontSize: '1.5rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '32px'
+    },
+    h2: {
+        fontSize: '1.25rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '28px'
+    },
+    h3: {
+        fontSize: '1rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '24px'
+    },
+    h4: {
+        fontSize: '0.875rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '22px'
+    },
+    h5: undefined,
+    h6: undefined,
+    body1: {
+        fontSize: '0.875rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '20px'
+    },
+    body2: {
+        fontSize: '0.75rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '18px'
+    },
+    subtitle1: {
+        fontSize: '1rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '24px',
+        letterSpacing: '0.02rem'
+    },
+    subtitle2: {
+        fontSize: '0.875rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '22px',
+        letterSpacing: '0.03rem',
+        textTransform: 'uppercase'
+    },
+    button: {
+        // 14px
+        fontSize: '0.875rem',
+        fontWeight: fontWeightMedium,
+        // 20 px
+        lineHeight: '1.25rem',
+        textTransform: 'none',
+        letterSpacing: '0.03rem'
+    },
+    caption: {
+        fontSize: '0.6875rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '16px'
+    }
+};

package/dist/index.d.ts

@@ -16,4 +16,5 @@ export * from './context/ChartsThemeProvider';
 export * from './utils';
 export * from './model';
 export * from './test-utils';
+export * from './theme';
 //# sourceMappingURL=index.d.ts.map