@apple-pie/slice 0.0.1 → 0.0.3

package/dist/cjs/theme/type.js

@@ -0,0 +1,316 @@
+'use strict';
+
+// base family
+const fontFamily = `"Funnel Sans"`;
+// base weights
+const fontWeights = {
+    regular: 360,
+    medium: 420,
+    bold: 480,
+};
+// base sizes
+const fontSizes = {
+    xs: 12,
+    s: 14,
+    m: 15,
+    l: 16,
+};
+// ** new styles aligned to lyra */
+const type = {
+    'body-xs-regular': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.regular};
+      font-size: ${fontSizes.xs}px;
+      line-height: 133.33%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+    'body-xs-medium': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.medium};
+      font-size: ${fontSizes.xs}px;
+      line-height: 133.33%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+    'body-xs-bold': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.bold};
+      font-size: ${fontSizes.xs}px;
+      line-height: 133.33%;
+      text-decoration: none;
+      letter-spacing: 0.250px`,
+    'body-s-regular': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.regular};
+      font-size: ${fontSizes.s}px;
+      line-height: 142.86%;
+      text-decoration: none;
+      letter-spacing: 0.15px`,
+    'body-s-medium': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.medium};
+      font-size: ${fontSizes.s}px;
+      line-height: 142.86%;
+      text-decoration: none;
+      letter-spacing: 0.15px`,
+    'body-s-bold': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.bold};
+      font-size: ${fontSizes.s}px;
+      line-height: 142.86%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+    'body-m-regular': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.regular};
+      font-size: ${fontSizes.m}px;
+      line-height: 140%;
+      text-decoration: none;
+      letter-spacing: 0.15px`,
+    'body-m-medium': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.medium};
+      font-size: ${fontSizes.m}px;
+      line-height: 140%;
+      text-decoration: none;
+      letter-spacing: 0.15px`,
+    'body-m-bold': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.bold};
+      font-size: ${fontSizes.m}px;
+      line-height: 140%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+    'body-l-regular': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.regular};
+      font-size: ${fontSizes.l}px;
+      line-height: 162.5%;
+      text-decoration: none;
+      letter-spacing: 0.1px`,
+    'body-l-medium': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.medium};
+      font-size: ${fontSizes.l}px;
+      line-height: 162.5%;
+      text-decoration: none;
+      letter-spacing: 0.1px`,
+    'body-l-bold': `
+      font-family: ${fontFamily};
+      font-weight: ${fontWeights.bold};
+      font-size: ${fontSizes.l}px;
+      line-height: 162.5%;
+      text-decoration: none;
+      letter-spacing: 0.15px`,
+    'heading-s-bold': `
+      font-family: ${fontFamily};
+      font-weight: 650;
+      font-size: 20px; 
+      line-height: 140%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+    'heading-s-medium': `
+      font-family: ${fontFamily};
+      font-weight: 560;
+      font-size: 20px; 
+      line-height: 140%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+    'heading-m-bold': `
+      font-family: ${fontFamily};
+      font-weight: 650;
+      font-size: 24px; 
+      line-height: 116.67%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+    'heading-m-medium': `
+      font-family: ${fontFamily};
+      font-weight: 560;
+      font-size: 24px; 
+      line-height: 116.67%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+    'heading-l-medium': `
+      font-family: ${fontFamily};
+      font-weight: 560;
+      font-size: 28px; 
+      line-height: 128.57%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+    'heading-l-bold': `
+      font-family: ${fontFamily};
+      font-weight: 650;
+      font-size: 28px; 
+      line-height: 128.57%;
+      text-decoration: none;
+      letter-spacing: 0.2px`,
+};
+const typeCssClasses = {
+    'body-xs-regular': 'body-xs-regular',
+    'body-xs-medium': 'body-xs-medium',
+    'body-xs-bold': 'body-xs-bold',
+    'body-s-regular': 'body-s-regular',
+    'body-s-medium': 'body-s-medium',
+    'body-s-bold': 'body-s-bold',
+    'body-m-regular': 'body-m-regular',
+    'body-m-medium': 'body-m-medium',
+    'body-m-bold': 'body-m-bold',
+    'body-l-regular': 'body-l-regular',
+    'body-l-medium': 'body-l-medium',
+    'body-l-bold': 'body-l-bold',
+    'heading-s-bold': 'heading-s-bold',
+    'heading-s-medium': 'heading-s-medium',
+    'heading-m-medium': 'heading-m-medium',
+    'heading-m-bold': 'heading-m-bold',
+    'heading-l-medium': 'heading-l-medium',
+    'heading-l-bold': 'heading-l-bold',
+};
+const typeStyles = {
+    'body-xs-regular': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.regular}`,
+        fontSize: `${fontSizes.xs}px`,
+        lineHeight: '133.33%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'body-xs-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.medium}`,
+        fontSize: `${fontSizes.xs}px`,
+        lineHeight: '133.33%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'body-xs-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.bold}`,
+        fontSize: `${fontSizes.xs}px`,
+        lineHeight: '133.33%',
+        textDecoration: 'none',
+        letterSpacing: '0.250px',
+    },
+    'body-s-regular': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.regular}`,
+        fontSize: `${fontSizes.s}px`,
+        lineHeight: '142.86%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'body-s-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.medium}`,
+        fontSize: `${fontSizes.s}px`,
+        lineHeight: '142.86%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'body-s-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.bold}`,
+        fontSize: `${fontSizes.s}px`,
+        lineHeight: '142.86%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'body-m-regular': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.regular}`,
+        fontSize: `${fontSizes.m}px`,
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'body-m-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.medium}`,
+        fontSize: `${fontSizes.m}px`,
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'body-m-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.bold}`,
+        fontSize: `${fontSizes.m}px`,
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'body-l-regular': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.regular}`,
+        fontSize: `${fontSizes.l}px`,
+        lineHeight: '162.5%',
+        textDecoration: 'none',
+        letterSpacing: '0.1px',
+    },
+    'body-l-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.medium}`,
+        fontSize: `${fontSizes.l}px`,
+        lineHeight: '162.5%',
+        textDecoration: 'none',
+        letterSpacing: '0.1px',
+    },
+    'body-l-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.bold}`,
+        fontSize: `${fontSizes.l}px`,
+        lineHeight: '162.5%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'heading-s-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '650',
+        fontSize: '20px',
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-s-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '560',
+        fontSize: '20px',
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-m-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '650',
+        fontSize: '24px',
+        lineHeight: '116.67%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-m-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '560',
+        fontSize: '24px',
+        lineHeight: '116.67%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-l-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '560',
+        fontSize: '28px',
+        lineHeight: '128.57%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-l-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '650',
+        fontSize: '28px',
+        lineHeight: '128.57%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+};
+
+exports.type = type;
+exports.typeCssClasses = typeCssClasses;
+exports.typeStyles = typeStyles;

package/dist/cjs/theme.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var theme_themes = require('./theme/themes.js');
+var theme_colors = require('./theme/colors.js');
+var theme_elevations = require('./theme/elevations.js');
+require('./theme/corners.js');
+require('./theme/type.js');
+
+
+
+exports.darkTheme = theme_themes.darkTheme;
+exports.lightTheme = theme_themes.lightTheme;
+exports.dark = theme_colors.dark;
+exports.light = theme_colors.light;
+exports.Elevation = theme_elevations.elevations;
+exports.elevations = theme_elevations.elevations;

package/dist/cjs/uikit/Avatar.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var Avatar = require('../chunks/Avatar-8-wPWe0V.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.Avatar = Avatar.Avatar;

package/dist/cjs/uikit/AvatarGroup.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var AvatarGroup = require('../chunks/AvatarGroup-CVKmgBbD.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../chunks/Avatar-8-wPWe0V.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.AvatarGroup = AvatarGroup.AvatarGroup;

package/dist/cjs/uikit/Badge.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var Badge = require('../chunks/Badge-CMapJCij.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.Badge = Badge.Badge;

package/dist/cjs/uikit/CheckBox.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var CheckBox = require('../chunks/CheckBox-7AACxrdZ.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.CheckBox = CheckBox.CheckBox;

package/dist/cjs/uikit/DivInput.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var DivInput = require('../chunks/DivInput-BKKJTFeV.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.DivInput = DivInput.DivInput;

package/dist/cjs/uikit/DocIcon.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var DocIcons = require('../chunks/DocIcons-BRWOzK96.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+
+
+
+exports.DocIcons = DocIcons.DocIcons;

package/dist/cjs/uikit/Dot.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var Dot = require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.Dot = Dot.Dot;

package/dist/cjs/uikit/DraggablePanel.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var DrggablePanel = require('../chunks/DrggablePanel-C6TPsDB-.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../hooks/useObserveResize.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.DraggablePanel = DrggablePanel.DraggablePanel;

package/dist/cjs/uikit/DropDown.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var DropDown = require('../chunks/DropDown-D9sf_m2I.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.DropDown = DropDown.DropDown;

package/dist/cjs/uikit/EditorButtonBar.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var EditorButtonBar = require('../chunks/EditorButtonBar-CUNDgRQd.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../hooks/useObserveResize.js');
+require('../chunks/DropDown-D9sf_m2I.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/IconButton-BfsPlKTb.js');
+require('motion/react');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+
+
+
+exports.EditorButtonBar = EditorButtonBar.EditorButtonBar;

package/dist/cjs/uikit/ErrorSummary.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var ErrorSummary = require('../chunks/ErrorSummary-Dv44onsV.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.ErrorSummary = ErrorSummary.ErrorSummary;

package/dist/cjs/uikit/FlexDiv.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var FlexDiv = require('../chunks/FlexDiv-DZBpswHV.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.FlexDiv = FlexDiv.FlexDiv;

package/dist/cjs/uikit/Grouper.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var Grouper = require('../chunks/Grouper-_kd2nU78.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+
+
+
+exports.Grouper = Grouper.Grouper;

package/dist/cjs/uikit/Icon.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var _types = require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/utils-CbayehuI.js');
+
+
+
+exports.Icon = _types.Icon;
+Object.defineProperty(exports, "IconNames", {
+	enumerable: true,
+	get: function () { return _types.IconNames; }
+});

package/dist/cjs/uikit/IconButton.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var IconButton = require('../chunks/IconButton-BfsPlKTb.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+
+
+
+exports.IconButton = IconButton.IconButton;

package/dist/cjs/uikit/Logos.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var Logos = require('../chunks/Logos-DSlAUz8l.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+
+
+
+exports.Logos = Logos.Logos;

package/dist/cjs/uikit/MessageInput.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var MessageInput = require('../chunks/MessageInput-CiHFo2j8.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/UIButton-CH4p-8yq.js');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/ProgressIndicator-C5oB7Mky.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+require('../chunks/IconButton-BfsPlKTb.js');
+require('../chunks/UIFileIcon-ZrbDIeYz.js');
+require('../chunks/Avatar-8-wPWe0V.js');
+
+
+
+exports.MessageInput = MessageInput.MessageInput;

package/dist/cjs/uikit/Overlay.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var Overlay = require('../chunks/Overlay-DwCPvGB5.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.Overlay = Overlay.Overlay;