@perses-dev/components 0.16.0 → 0.18.0

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

@@ -11,8 +11,10 @@ export * from './LineChart';
 export * from './OptionsEditorLayout';
 export * from './StatChart';
 export * from './UnitSelector';
+export * from './YAxisLabel';
 export * from './context/ChartsThemeProvider';
 export * from './utils';
 export * from './model';
 export * from './test-utils';
+export * from './theme';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -23,9 +23,11 @@ export * from './LineChart';
 export * from './OptionsEditorLayout';
 export * from './StatChart';
 export * from './UnitSelector';
+export * from './YAxisLabel';
 export * from './context/ChartsThemeProvider';
 export * from './utils';
 export * from './model';
 export * from './test-utils';
+export * from './theme';
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './DateTimeRangePicker';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './GaugeChart';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LineChart';\nexport * from './OptionsEditorLayout';\nexport * from './StatChart';\nexport * from './UnitSelector';\nexport * from './context/ChartsThemeProvider';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './DateTimeRangePicker';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './GaugeChart';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LineChart';\nexport * from './OptionsEditorLayout';\nexport * from './StatChart';\nexport * from './UnitSelector';\nexport * from './YAxisLabel';\nexport * from './context/ChartsThemeProvider';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\nexport * from './theme';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,37 @@
+import { PersesColor } from './palette';
+export * from './theme';
+declare module '@mui/material/styles/createPalette' {
+    interface TypeBackground {
+        navigation: string;
+        tooltip: string;
+        overlay: string;
+        border: string;
+    }
+    interface TypeText {
+        navigation: string;
+        accent: string;
+        link: string;
+        linkHover: string;
+    }
+}
+declare module '@mui/material/styles' {
+    interface Palette {
+        /**
+         * The base colors from Perses design system. Use sparingly since
+         * this is meant as an escape hatch when the theme's other semantic colors
+         * won't get you what you need.
+         */
+        designSystem: {
+            blue: PersesColor;
+            green: PersesColor;
+            grey: PersesColor;
+            orange: PersesColor;
+            purple: PersesColor;
+            red: PersesColor;
+        };
+    }
+    interface PaletteOptions {
+        designSystem?: Palette['designSystem'];
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,cAAc,SAAS,CAAC;AAGxB,OAAO,QAAQ,oCAAoC,CAAC;IAClD,UAAU,cAAc;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB;IAED,UAAU,QAAQ;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB;CACF;AAED,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,OAAO;QACf;;;;WAIG;QACH,YAAY,EAAE;YACZ,IAAI,EAAE,WAAW,CAAC;YAClB,KAAK,EAAE,WAAW,CAAC;YACnB,IAAI,EAAE,WAAW,CAAC;YAClB,MAAM,EAAE,WAAW,CAAC;YACpB,MAAM,EAAE,WAAW,CAAC;YACpB,GAAG,EAAE,WAAW,CAAC;SAClB,CAAC;KACH;IAED,UAAU,cAAc;QACtB,YAAY,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;KACxC;CACF"}

package/dist/theme/index.js

@@ -0,0 +1,15 @@
+// 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.
+export * from './theme';
+
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type {} from './types/ThemeExtension';\nimport { PersesColor } from './palette';\n\nexport * from './theme';\n\n//Use Typescript interface augmentation to extend the MUI type definition\ndeclare module '@mui/material/styles/createPalette' {\n  interface TypeBackground {\n    navigation: string;\n    tooltip: string;\n    overlay: string;\n    border: string;\n  }\n\n  interface TypeText {\n    navigation: string;\n    accent: string;\n    link: string;\n    linkHover: string;\n  }\n}\n\ndeclare module '@mui/material/styles' {\n  interface Palette {\n    /**\n     * The base colors from Perses design system. Use sparingly since\n     * this is meant as an escape hatch when the theme's other semantic colors\n     * won't get you what you need.\n     */\n    designSystem: {\n      blue: PersesColor;\n      green: PersesColor;\n      grey: PersesColor;\n      orange: PersesColor;\n      purple: PersesColor;\n      red: PersesColor;\n    };\n  }\n\n  interface PaletteOptions {\n    designSystem?: Palette['designSystem'];\n  }\n}\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAKjC,cAAc,SAAS,CAAC"}

package/dist/theme/palette/background.d.ts

@@ -0,0 +1,3 @@
+import { PaletteMode, PaletteOptions } from '@mui/material';
+export declare const background: (mode: PaletteMode) => PaletteOptions['background'];
+//# sourceMappingURL=background.d.ts.map

package/dist/theme/palette/background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../src/theme/palette/background.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG5D,eAAO,MAAM,UAAU,SAAU,WAAW,KAAG,cAAc,CAAC,YAAY,CAoBzE,CAAC"}

package/dist/theme/palette/background.js

@@ -0,0 +1,34 @@
+// 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.
+import { blue, grey, white } from './colors';
+export const background = (mode)=>{
+    const navigation = blue[150];
+    const overlay = 'rgba(21, 23, 33, 0.75)'; // grey[900] with opacity 75%
+    return mode === 'light' ? {
+        navigation,
+        overlay,
+        default: grey[50],
+        paper: white,
+        tooltip: grey[100],
+        border: grey[100]
+    } : {
+        navigation,
+        overlay,
+        default: grey[900],
+        paper: grey[850],
+        tooltip: grey[700],
+        border: grey[600]
+    };
+};
+
+//# sourceMappingURL=background.js.map

package/dist/theme/palette/background.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/palette/background.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PaletteMode, PaletteOptions } from '@mui/material';\nimport { blue, grey, white } from './colors';\n\nexport const background = (mode: PaletteMode): PaletteOptions['background'] => {\n  const navigation = blue[150];\n  const overlay = 'rgba(21, 23, 33, 0.75)'; // grey[900] with opacity 75%\n  return mode === 'light'\n    ? {\n        navigation,\n        overlay,\n        default: grey[50],\n        paper: white,\n        tooltip: grey[100],\n        border: grey[100],\n      }\n    : {\n        navigation,\n        overlay,\n        default: grey[900],\n        paper: grey[850],\n        tooltip: grey[700],\n        border: grey[600],\n      };\n};\n"],"names":["blue","grey","white","background","mode","navigation","overlay","default","paper","tooltip","border"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,IAAI,EAAEC,IAAI,EAAEC,KAAK,QAAQ,UAAU,CAAC;AAE7C,OAAO,MAAMC,UAAU,GAAG,CAACC,IAAiB,GAAmC;IAC7E,MAAMC,UAAU,GAAGL,IAAI,CAAC,GAAG,CAAC,AAAC;IAC7B,MAAMM,OAAO,GAAG,wBAAwB,AAAC,EAAC,6BAA6B;IACvE,OAAOF,IAAI,KAAK,OAAO,GACnB;QACEC,UAAU;QACVC,OAAO;QACPC,OAAO,EAAEN,IAAI,CAAC,EAAE,CAAC;QACjBO,KAAK,EAAEN,KAAK;QACZO,OAAO,EAAER,IAAI,CAAC,GAAG,CAAC;QAClBS,MAAM,EAAET,IAAI,CAAC,GAAG,CAAC;KAClB,GACD;QACEI,UAAU;QACVC,OAAO;QACPC,OAAO,EAAEN,IAAI,CAAC,GAAG,CAAC;QAClBO,KAAK,EAAEP,IAAI,CAAC,GAAG,CAAC;QAChBQ,OAAO,EAAER,IAAI,CAAC,GAAG,CAAC;QAClBS,MAAM,EAAET,IAAI,CAAC,GAAG,CAAC;KAClB,CAAC;AACR,CAAC,CAAC"}

package/dist/theme/palette/colors/blue.d.ts

@@ -0,0 +1,3 @@
+import { PersesColor } from './types';
+export declare const blue: PersesColor;
+//# sourceMappingURL=blue.d.ts.map

package/dist/theme/palette/colors/blue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blue.d.ts","sourceRoot":"","sources":["../../../../src/theme/palette/colors/blue.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,IAAI,EAAE,WAclB,CAAC"}

package/dist/theme/palette/colors/blue.js

@@ -0,0 +1,29 @@
+// 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.
+export const blue = {
+    50: '#E7F1FC',
+    100: '#D0E3FA',
+    150: '#B8D5F7',
+    200: '#A1C7F5',
+    300: '#72ABF0',
+    400: '#438FEB',
+    500: '#1473E6',
+    600: '#105CB8',
+    700: '#0C458A',
+    800: '#082E5C',
+    850: '#062345',
+    900: '#04172E',
+    950: '#020C17'
+};
+
+//# sourceMappingURL=blue.js.map

package/dist/theme/palette/colors/blue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/theme/palette/colors/blue.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PersesColor } from './types';\n\nexport const blue: PersesColor = {\n  50: '#E7F1FC',\n  100: '#D0E3FA',\n  150: '#B8D5F7',\n  200: '#A1C7F5',\n  300: '#72ABF0',\n  400: '#438FEB',\n  500: '#1473E6',\n  600: '#105CB8',\n  700: '#0C458A',\n  800: '#082E5C',\n  850: '#062345',\n  900: '#04172E',\n  950: '#020C17',\n};\n"],"names":["blue"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,OAAO,MAAMA,IAAI,GAAgB;AAC/B,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,GAAG,EAAE,SAAS;CACf,CAAC"}

package/dist/theme/palette/colors/common.d.ts

@@ -0,0 +1,3 @@
+export declare const white = "#FFFFFF";
+export declare const black = "#000000";
+//# sourceMappingURL=common.d.ts.map

package/dist/theme/palette/colors/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/theme/palette/colors/common.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC"}

package/dist/theme/palette/colors/common.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.
+export const white = '#FFFFFF';
+export const black = '#000000';
+
+//# sourceMappingURL=common.js.map

package/dist/theme/palette/colors/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/theme/palette/colors/common.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport const white = '#FFFFFF';\nexport const black = '#000000';\n"],"names":["white","black"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,MAAMA,KAAK,GAAG,SAAS,CAAC;AAC/B,OAAO,MAAMC,KAAK,GAAG,SAAS,CAAC"}

package/dist/theme/palette/colors/green.d.ts

@@ -0,0 +1,3 @@
+import { PersesColor } from './types';
+export declare const green: PersesColor;
+//# sourceMappingURL=green.d.ts.map

package/dist/theme/palette/colors/green.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"green.d.ts","sourceRoot":"","sources":["../../../../src/theme/palette/colors/green.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,KAAK,EAAE,WAcnB,CAAC"}