@bitrise/bitkit 9.4.3-alpha-chakra.4 → 9.4.4-alpha-chakra.2

package/CHANGELOG.md

@@ -1,10 +1,8 @@
-## [9.4.3-alpha-chakra.4](https://github.com/bitrise-io/bitkit/compare/v9.4.3-alpha-chakra.3...v9.4.3-alpha-chakra.4) (2022-04-07)
+## [9.4.4-alpha-chakra.2](https://github.com/bitrise-io/bitkit/compare/v9.4.4-alpha-chakra.1...v9.4.4-alpha-chakra.2) (2022-04-11)
 
-## [9.4.3-alpha-chakra.3](https://github.com/bitrise-io/bitkit/compare/v9.4.3-alpha-chakra.2...v9.4.3-alpha-chakra.3) (2022-04-07)
+## [9.4.4-alpha-chakra.1](https://github.com/bitrise-io/bitkit/compare/v9.4.3...v9.4.4-alpha-chakra.1) (2022-04-11)
 
-## [9.4.3-alpha-chakra.2](https://github.com/bitrise-io/bitkit/compare/v9.4.3-alpha-chakra.1...v9.4.3-alpha-chakra.2) (2022-04-07)
-
-## [9.4.3-alpha-chakra.1](https://github.com/bitrise-io/bitkit/compare/v9.4.2...v9.4.3-alpha-chakra.1) (2022-04-07)
+## [9.4.3](https://github.com/bitrise-io/bitkit/compare/v9.4.2...v9.4.3) (2022-04-07)
 
 ## [9.4.2](https://github.com/bitrise-io/bitkit/compare/v9.4.1...v9.4.2) (2022-03-30)
 

package/README.md

@@ -4,7 +4,7 @@ Library for React UI components and design patterns.
 ___
 
 
-### Setup
+### Setup :P
 
 ```
 git clone git@github.com:bitrise-io/bitkit.git

package/lib/cjs/AddonBeam/AddonBeam.css

@@ -12,9 +12,5 @@
   border-radius: var(--size--x2);
   transition-property: background-color;
   transition-duration: var(--transition-duration--base);
-  transition-timing-function: var(--transition-timing-function)
+  transition-timing-function: var(--transition-timing-function);
 }
-
-.AddonBeam__link:hover {
-    background-color: rgba(var(--rgb-grape--1), 0.2);
-  }

package/lib/cjs/Components/Card/Card.d.ts

@@ -0,0 +1,18 @@
+import { BoxProps } from '@chakra-ui/react';
+import { Radii } from '@/Foundations/Radii/Radii.theme';
+import { Shadows } from '@/Foundations/Shadows/Shadows';
+import { Sizes } from '@/Foundations/Sizes/Sizes';
+export interface Props {
+    borderRadius?: keyof Radii;
+    boxShadow?: keyof Shadows;
+    children?: BoxProps['children'];
+    className?: string;
+    padding?: keyof Sizes;
+    sx?: BoxProps['sx'];
+}
+declare const Card: {
+    (props: Props): JSX.Element;
+    defaultProps: Props;
+};
+export default Card;
+//# sourceMappingURL=Card.d.ts.map

package/lib/cjs/Components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/Components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,MAAM,WAAW,KAAK;IACpB,YAAY,CAAC,EAAE,MAAM,KAAK,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;IACtB,EAAE,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;CACrB;AAED,QAAA,MAAM,IAAI;YAAW,KAAK;;CAczB,CAAC;AAQF,eAAe,IAAI,CAAC"}

package/lib/cjs/Components/Card/Card.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@chakra-ui/react");
+var Card = function (props) {
+    var borderRadius = props.borderRadius, boxShadow = props.boxShadow, children = props.children, className = props.className, padding = props.padding, sx = props.sx;
+    var style = __assign({ backgroundColor: 'neutral.0', borderRadius: borderRadius, boxShadow: boxShadow, padding: padding }, sx);
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, __assign({ className: className, sx: style }, { children: children })));
+};
+Card.defaultProps = {
+    borderRadius: '12',
+    boxShadow: 'medium',
+    padding: '24',
+};
+exports.default = Card;
+//# sourceMappingURL=Card.js.map

package/lib/cjs/Components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/Components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0CAAiD;AAcjD,IAAM,IAAI,GAAG,UAAC,KAAY;IAChB,IAAA,YAAY,GAAkD,KAAK,aAAvD,EAAE,SAAS,GAAuC,KAAK,UAA5C,EAAE,QAAQ,GAA6B,KAAK,SAAlC,EAAE,SAAS,GAAkB,KAAK,UAAvB,EAAE,OAAO,GAAS,KAAK,QAAd,EAAE,EAAE,GAAK,KAAK,GAAV,CAAW;IAC5E,IAAM,KAAK,cACT,eAAe,EAAE,WAAW,EAC5B,YAAY,cAAA,EACZ,SAAS,WAAA,EACT,OAAO,SAAA,IACJ,EAAE,CACN,CAAC;IACF,OAAO,CACL,uBAAC,WAAG,aAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,gBACjC,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,YAAY,EAAE,IAAI;IAClB,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,IAAI;CACL,CAAC;AAEX,kBAAe,IAAI,CAAC"}

package/lib/cjs/Components/Card/Card.stories.d.ts

@@ -0,0 +1,11 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<{
+    (props: import("./Card").Props): JSX.Element;
+    defaultProps: import("./Card").Props;
+}>;
+export default _default;
+export declare const WithProps: ComponentStory<{
+    (props: import("./Card").Props): JSX.Element;
+    defaultProps: import("./Card").Props;
+}>;
+//# sourceMappingURL=Card.stories.d.ts.map

package/lib/cjs/Components/Card/Card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/Components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;;AAGjE,wBAGgC;AAIhC,eAAO,MAAM,SAAS;;;EAAoB,CAAC"}

package/lib/cjs/Components/Card/Card.stories.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithProps = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Card_1 = __importDefault(require("./Card"));
+exports.default = {
+    title: 'Components/Card',
+    component: Card_1.default,
+};
+var Template = function (props) { return (0, jsx_runtime_1.jsx)(Card_1.default, __assign({}, props)); };
+exports.WithProps = Template.bind({});
+exports.WithProps.args = __assign(__assign({}, Card_1.default.defaultProps), { children: 'The quick brown fox jumps over the lazy dog.', className: '' });
+//# sourceMappingURL=Card.stories.js.map

package/lib/cjs/Components/Card/Card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/Components/Card/Card.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,gDAA0B;AAE1B,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;CACc,CAAC;AAEhC,IAAM,QAAQ,GAAgC,UAAC,KAAK,IAAK,OAAA,uBAAC,cAAI,eAAK,KAAK,EAAI,EAAnB,CAAmB,CAAC;AAEhE,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE3C,iBAAS,CAAC,IAAI,yBACT,cAAI,CAAC,YAAY,KACpB,QAAQ,EAAE,8CAA8C,EACxD,SAAS,EAAE,EAAE,GACd,CAAC"}

package/lib/cjs/Components/Text/Text.js

@@ -28,8 +28,8 @@ var Text = function (props) {
     return (0, jsx_runtime_1.jsx)(react_1.Text, __assign({}, properties));
 };
 Text.defaultProps = {
-    as: 'span',
-    size: '4',
+    as: 'p',
+    size: '3',
 };
 exports.default = Text;
 //# sourceMappingURL=Text.js.map

package/lib/cjs/Components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/Components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0CAAiE;AAmDjE;;GAEG;AACH,IAAM,IAAI,GAAG,UAAC,KAAY;IAChB,IAAA,UAAU,GAA0B,KAAK,WAA/B,EAAE,IAAI,GAAoB,KAAK,KAAzB,EAAE,aAAa,GAAK,KAAK,cAAV,CAAW;IAClD,IAAM,UAAU,gBAAmB,KAAK,CAAE,CAAC;IAC3C,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,CAAC,aAAa,IAAI,aAAa,KAAK,MAAM,CAAC,EAAE;QAChE,UAAU,CAAC,aAAa,GAAG,WAAW,CAAC;KACxC;IACD,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,EAAE;QACjF,UAAU,CAAC,UAAU,GAAG,MAAM,CAAC;KAChC;IACD,OAAO,uBAAC,YAAU,eAAK,UAAU,EAAI,CAAC;AACxC,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,GAAG;CACD,CAAC;AAEX,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/Components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0CAAiE;AAmDjE;;GAEG;AACH,IAAM,IAAI,GAAG,UAAC,KAAY;IAChB,IAAA,UAAU,GAA0B,KAAK,WAA/B,EAAE,IAAI,GAAoB,KAAK,KAAzB,EAAE,aAAa,GAAK,KAAK,cAAV,CAAW;IAClD,IAAM,UAAU,gBAAmB,KAAK,CAAE,CAAC;IAC3C,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,CAAC,aAAa,IAAI,aAAa,KAAK,MAAM,CAAC,EAAE;QAChE,UAAU,CAAC,aAAa,GAAG,WAAW,CAAC;KACxC;IACD,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,EAAE;QACjF,UAAU,CAAC,UAAU,GAAG,MAAM,CAAC;KAChC;IACD,OAAO,uBAAC,YAAU,eAAK,UAAU,EAAI,CAAC;AACxC,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,GAAG;CACD,CAAC;AAEX,kBAAe,IAAI,CAAC"}

package/lib/cjs/Components/Text/Text.stories.js

@@ -10,17 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -32,10 +21,7 @@ exports.default = {
     title: 'Components/Text',
     component: Text_1.default,
 };
-var Template = function (_a) {
-    var props = __rest(_a, []);
-    return (0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, props));
-};
+var Template = function (props) { return (0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, props)); };
 exports.WithProps = Template.bind({});
-exports.WithProps.args = __assign({ align: 'left', className: '', children: 'The quick brown fox jumps over the lazy dog.', fontWeight: 'normal', letterSpacing: 'normal', textTransform: 'none' }, Text_1.default.defaultProps);
+exports.WithProps.args = __assign(__assign({}, Text_1.default.defaultProps), { align: 'left', className: '', children: 'The quick brown fox jumps over the lazy dog.', fontWeight: 'normal', letterSpacing: 'normal', textTransform: 'none' });
 //# sourceMappingURL=Text.stories.js.map

package/lib/cjs/Components/Text/Text.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/Components/Text/Text.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,gDAA0B;AAE1B,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;CACc,CAAC;AAEhC,IAAM,QAAQ,GAAgC,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAAO,OAAA,uBAAC,cAAI,eAAK,KAAK,EAAI,CAAA;CAAA,CAAC;AAEvE,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,cACZ,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,EAAE,EACb,QAAQ,EAAE,8CAA8C,EACxD,UAAU,EAAE,QAAQ,EACpB,aAAa,EAAE,QAAQ,EACvB,aAAa,EAAE,MAAM,IAClB,cAAI,CAAC,YAAY,CACrB,CAAC"}
+{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/Components/Text/Text.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,gDAA0B;AAE1B,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;CACc,CAAC;AAEhC,IAAM,QAAQ,GAAgC,UAAC,KAAK,IAAK,OAAA,uBAAC,cAAI,eAAK,KAAK,EAAI,EAAnB,CAAmB,CAAC;AAEhE,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,yBACT,cAAI,CAAC,YAAY,KACpB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,EAAE,EACb,QAAQ,EAAE,8CAA8C,EACxD,UAAU,EAAE,QAAQ,EACpB,aAAa,EAAE,QAAQ,EACvB,aAAa,EAAE,MAAM,GACtB,CAAC"}

package/lib/cjs/Foundations/Colors/Colors.d.ts

@@ -124,5 +124,6 @@ declare const colors: {
         primary: string;
     };
 };
+export declare type Colors = typeof colors;
 export default colors;
 //# sourceMappingURL=Colors.d.ts.map

package/lib/cjs/Foundations/Colors/Colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6HX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6HX,CAAC;AAEF,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC;AACnC,eAAe,MAAM,CAAC"}

package/lib/cjs/Foundations/Colors/Colors.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.examples.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,mBAQnB,CAAC"}
+{"version":3,"file":"Colors.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.examples.tsx"],"names":[],"mappings":"AAiEA,eAAO,MAAM,OAAO,mBA4DnB,CAAC"}

package/lib/cjs/Foundations/Colors/Colors.examples.js

@@ -1,16 +1,65 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Palette = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-// eslint-disable-next-line import/no-extraneous-dependencies
-var addon_docs_1 = require("@storybook/addon-docs");
+var react_1 = require("@chakra-ui/react");
+var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
+var Text_1 = __importDefault(require("@/Components/Text/Text"));
+var Card_1 = __importDefault(require("@/Components/Card/Card"));
 var Colors_1 = __importDefault(require("./Colors"));
-var Palette = function () { return ((0, jsx_runtime_1.jsx)(addon_docs_1.ColorPalette, { children: Object.keys(Colors_1.default).map(function (key) { return (
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    /* @ts-ignore */
-    (0, jsx_runtime_1.jsx)(addon_docs_1.ColorItem, { title: key.toUpperCase(), subtitle: "subtitle", colors: Colors_1.default[key] }, key)); }) })); };
+var paletteKeys = ['neutral', 'purple', 'red', 'orange', 'yellow', 'green', 'turquoise', 'blue'];
+var getTextColorFromShade = function (backgroundColor, darkColor, lightColor) {
+    if (darkColor === void 0) { darkColor = 'text.body'; }
+    if (lightColor === void 0) { lightColor = 'neutral.100'; }
+    var shade = Number(backgroundColor.split('.')[1]);
+    return shade < 50 ? lightColor : darkColor;
+};
+var Shade = function (_a) {
+    var children = _a.children;
+    var style = { paddingRight: '24', width: '80px', height: '80px', lineHeight: '80px' };
+    return ((0, jsx_runtime_1.jsx)(Text_1.default, __assign({ align: "right", sx: style }, { children: children })));
+};
+var InfoHeader = function (_a) {
+    var description = _a.description, shades = _a.shades, style = _a.style, title = _a.title;
+    return ((0, jsx_runtime_1.jsxs)(react_1.HStack, __assign({ sx: __assign({ color: getTextColorFromShade(style.backgroundColor) }, style) }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Box, __assign({ sx: { paddingLeft: '24' } }, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, __assign({ fontWeight: "bold", size: "4", sx: { marginBottom: '8' } }, { children: title })), (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ size: "2", sx: { color: getTextColorFromShade(style.backgroundColor, 'text.secondary'), maxWidth: '190px' } }, { children: description }))] })), (0, jsx_runtime_1.jsx)(react_1.VStack, __assign({ spacing: "0" }, { children: shades.map(function (s) { return ((0, jsx_runtime_1.jsx)(Shade, { children: s }, s)); }) }))] })));
+};
+var Item = function (_a) {
+    var backgroundColor = _a.backgroundColor, children = _a.children;
+    var style = {
+        backgroundColor: backgroundColor,
+        color: 'transparent',
+        padding: '4',
+        height: '80px',
+        width: '80px',
+        _hover: { boxShadow: 'large', color: getTextColorFromShade(backgroundColor), transform: 'scale(1.1)' },
+    };
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, __assign({ sx: style }, { children: (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ size: "1" }, { children: children })) })));
+};
+var Palette = function () { return ((0, jsx_runtime_1.jsx)(Provider_1.default, { children: (0, jsx_runtime_1.jsx)(Card_1.default, __assign({ sx: { marginTop: '24' } }, { children: (0, jsx_runtime_1.jsxs)(react_1.HStack, __assign({ spacing: "0", sx: { alignItems: 'flex-start', marginBottom: '16' } }, { children: [(0, jsx_runtime_1.jsxs)(react_1.VStack, __assign({ spacing: "0" }, { children: [(0, jsx_runtime_1.jsx)(InfoHeader, { description: "These colors have sufficient contrast with any dark color.", shades: [100, 95, 93], style: { backgroundColor: 'neutral.95', marginTop: '29px' }, title: "Light colors" }), (0, jsx_runtime_1.jsx)(InfoHeader, { description: "Avoid using these colors for text. If you do, check if they have a high enough contrast.", shades: [90, 80, 70, 60, 50], style: { backgroundColor: 'neutral.100' }, title: "Decorative colors" }), (0, jsx_runtime_1.jsx)(InfoHeader, { description: "These colors have sufficient contrast with any light color.", shades: [40, 30, 20, 10], style: { backgroundColor: 'neutral.10' }, title: "Dark colors" })] })), paletteKeys.map(function (colorName) { return ((0, jsx_runtime_1.jsxs)(react_1.VStack, __assign({ spacing: "0" }, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, __assign({ as: "span", size: "1", sx: {
+                                color: 'text.primary',
+                                marginBottom: '12',
+                            }, textTransform: "uppercase" }, { children: colorName })), (0, jsx_runtime_1.jsx)(react_1.Divider, { sx: {
+                                background: 'neutral.80',
+                                height: '1',
+                            } }), Object.keys(Colors_1.default[colorName])
+                            .reverse()
+                            .map(function (shade) {
+                            var backgroundColor = "".concat(colorName, ".").concat(shade);
+                            return ((0, jsx_runtime_1.jsx)(Item, __assign({ backgroundColor: backgroundColor }, { children: Colors_1.default[colorName][shade] }), backgroundColor));
+                        })] }), colorName)); })] })) })) })); };
 exports.Palette = Palette;
 //# sourceMappingURL=Colors.examples.js.map

package/lib/cjs/Foundations/Colors/Colors.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.examples.tsx"],"names":[],"mappings":";;;;;;;AAAA,6DAA6D;AAC7D,oDAAgE;AAChE,oDAA8B;AAEvB,IAAM,OAAO,GAAG,cAAM,OAAA,CAC3B,uBAAC,yBAAY,cACV,MAAM,CAAC,IAAI,CAAC,gBAAM,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA;IAChC,6DAA6D;IAC7D,gBAAgB;IAChB,uBAAC,sBAAS,IAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAE,gBAAM,CAAC,GAAG,CAAC,IAAO,GAAG,CAAI,CAC3F,EAJiC,CAIjC,CAAC,GACW,CAChB,EAR4B,CAQ5B,CAAC;AARW,QAAA,OAAO,WAQlB"}
+{"version":3,"file":"Colors.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.examples.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/Foundations/Colors/Colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.js","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Colors.js","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.ts"],"names":[],"mappings":"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"}

package/lib/cjs/Foundations/Radii/Radii.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radii.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Radii/Radii.examples.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,mBAWjB,CAAC"}
+{"version":3,"file":"Radii.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Radii/Radii.examples.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,mBAiBjB,CAAC"}

package/lib/cjs/Foundations/Radii/Radii.examples.js

@@ -19,7 +19,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@chakra-ui/react");
 var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
 var Text_1 = __importDefault(require("@/Components/Text/Text"));
+var Card_1 = __importDefault(require("@/Components/Card/Card"));
 var Radii_theme_1 = __importDefault(require("./Radii.theme"));
-var Radii = function () { return ((0, jsx_runtime_1.jsx)(Provider_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.HStack, __assign({ alignItems: "flex-end", spacing: "24" }, { children: Object.keys(Radii_theme_1.default).map(function (size) { return ((0, jsx_runtime_1.jsxs)(react_1.VStack, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { width: "64", height: "64", border: "3px solid", borderColor: "brand.primary", borderRadius: size }), (0, jsx_runtime_1.jsx)(Text_1.default, { children: size })] }, size)); }) })) })); };
+var Radii = function () { return ((0, jsx_runtime_1.jsx)(Provider_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.HStack, __assign({ as: Card_1.default, spacing: "24", sx: {
+            marginTop: '24',
+        } }, { children: Object.keys(Radii_theme_1.default).map(function (size) { return ((0, jsx_runtime_1.jsxs)(react_1.VStack, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { width: "64", height: "64", border: "3px solid", borderColor: "brand.primary", borderRadius: size }), (0, jsx_runtime_1.jsx)(Text_1.default, { children: size })] }, size)); }) })) })); };
 exports.Radii = Radii;
 //# sourceMappingURL=Radii.examples.js.map

package/lib/cjs/Foundations/Radii/Radii.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radii.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Radii/Radii.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0CAAuD;AACvD,4EAAsD;AACtD,gEAA0C;AAC1C,8DAAkC;AAE3B,IAAM,KAAK,GAAG,cAAM,OAAA,CACzB,uBAAC,kBAAQ,cACP,uBAAC,cAAM,aAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,gBACvC,MAAM,CAAC,IAAI,CAAC,qBAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAChC,wBAAC,cAAM,eACL,uBAAC,WAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,eAAe,EAAC,YAAY,EAAE,IAAI,GAAI,EACjG,uBAAC,cAAI,cAAE,IAAI,GAAQ,KAFR,IAAI,CAGR,CACV,EALiC,CAKjC,CAAC,IACK,GACA,CACZ,EAX0B,CAW1B,CAAC;AAXW,QAAA,KAAK,SAWhB"}
+{"version":3,"file":"Radii.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Radii/Radii.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0CAAuD;AACvD,4EAAsD;AACtD,gEAA0C;AAC1C,gEAA0C;AAC1C,8DAAkC;AAE3B,IAAM,KAAK,GAAG,cAAM,OAAA,CACzB,uBAAC,kBAAQ,cACP,uBAAC,cAAM,aACL,EAAE,EAAE,cAAI,EACR,OAAO,EAAC,IAAI,EACZ,EAAE,EAAE;YACF,SAAS,EAAE,IAAI;SAChB,gBAEA,MAAM,CAAC,IAAI,CAAC,qBAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAChC,wBAAC,cAAM,eACL,uBAAC,WAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,eAAe,EAAC,YAAY,EAAE,IAAI,GAAI,EACjG,uBAAC,cAAI,cAAE,IAAI,GAAQ,KAFR,IAAI,CAGR,CACV,EALiC,CAKjC,CAAC,IACK,GACA,CACZ,EAjB0B,CAiB1B,CAAC;AAjBW,QAAA,KAAK,SAiBhB"}

package/lib/cjs/Foundations/Radii/Radii.theme.d.ts

@@ -1,9 +1,10 @@
 declare const radii: {
-    4: string;
-    8: string;
-    12: string;
-    16: string;
-    24: string;
+    '4': string;
+    '8': string;
+    '12': string;
+    '16': string;
+    '24': string;
 };
+export declare type Radii = typeof radii;
 export default radii;
 //# sourceMappingURL=Radii.theme.d.ts.map

package/lib/cjs/Foundations/Radii/Radii.theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radii.theme.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Radii/Radii.theme.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;;;;;;CAMV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Radii.theme.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Radii/Radii.theme.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;;;;;;CAMV,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC;AACjC,eAAe,KAAK,CAAC"}

package/lib/cjs/Foundations/Radii/Radii.theme.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var radii = {
-    4: '4px',
-    8: '8px',
-    12: '12px',
-    16: '16px',
-    24: '24px',
+    '4': '4px',
+    '8': '8px',
+    '12': '12px',
+    '16': '16px',
+    '24': '24px',
 };
 exports.default = radii;
 //# sourceMappingURL=Radii.theme.js.map

package/lib/cjs/Foundations/Radii/Radii.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radii.theme.js","sourceRoot":"","sources":["../../../../src/Foundations/Radii/Radii.theme.ts"],"names":[],"mappings":";;AAAA,IAAM,KAAK,GAAG;IACZ,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAC;AAEF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"Radii.theme.js","sourceRoot":"","sources":["../../../../src/Foundations/Radii/Radii.theme.ts"],"names":[],"mappings":";;AAAA,IAAM,KAAK,GAAG;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACb,CAAC;AAGF,kBAAe,KAAK,CAAC"}

package/lib/cjs/Foundations/Shadows/Shadows.d.ts

@@ -5,5 +5,6 @@ declare const shadows: {
     inner: string;
     none: string;
 };
+export declare type Shadows = typeof shadows;
 export default shadows;
 //# sourceMappingURL=Shadows.d.ts.map

package/lib/cjs/Foundations/Shadows/Shadows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shadows.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Shadows/Shadows.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,OAAO;;;;;;CAMZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Shadows.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Shadows/Shadows.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,OAAO;;;;;;CAMZ,CAAC;AAEF,oBAAY,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,eAAe,OAAO,CAAC"}

package/lib/cjs/Foundations/Shadows/Shadows.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shadows.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Shadows/Shadows.examples.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,mBAWnB,CAAC"}
+{"version":3,"file":"Shadows.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Shadows/Shadows.examples.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,mBAiBnB,CAAC"}

package/lib/cjs/Foundations/Shadows/Shadows.examples.js

@@ -17,9 +17,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Shadows = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@chakra-ui/react");
+var Card_1 = __importDefault(require("@/Components/Card/Card"));
 var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
 var Text_1 = __importDefault(require("@/Components/Text/Text"));
 var Shadows_1 = __importDefault(require("./Shadows"));
-var Shadows = function () { return ((0, jsx_runtime_1.jsx)(Provider_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.HStack, __assign({ alignItems: "flex-end", spacing: "32" }, { children: Object.keys(Shadows_1.default).map(function (key) { return ((0, jsx_runtime_1.jsxs)(react_1.VStack, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { width: "32", height: "32", background: "purple.80", boxShadow: key }), (0, jsx_runtime_1.jsx)(Text_1.default, { children: key })] }, key)); }) })) })); };
+var Shadows = function () { return ((0, jsx_runtime_1.jsx)(Provider_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.HStack, __assign({ as: Card_1.default, spacing: "32", sx: {
+            marginTop: '24',
+        } }, { children: Object.keys(Shadows_1.default).map(function (key) { return ((0, jsx_runtime_1.jsxs)(react_1.VStack, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { width: "32", height: "32", boxShadow: key }), (0, jsx_runtime_1.jsx)(Text_1.default, { children: key })] }, key)); }) })) })); };
 exports.Shadows = Shadows;
 //# sourceMappingURL=Shadows.examples.js.map

package/lib/cjs/Foundations/Shadows/Shadows.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shadows.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Shadows/Shadows.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0CAAuD;AACvD,4EAAsD;AACtD,gEAA0C;AAC1C,sDAAgC;AAEzB,IAAM,OAAO,GAAG,cAAM,OAAA,CAC3B,uBAAC,kBAAQ,cACP,uBAAC,cAAM,aAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,gBACvC,MAAM,CAAC,IAAI,CAAC,iBAAO,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACjC,wBAAC,cAAM,eACL,uBAAC,WAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,EAAC,WAAW,EAAC,SAAS,EAAE,GAAG,GAAI,EACrE,uBAAC,cAAI,cAAE,GAAG,GAAQ,KAFP,GAAG,CAGP,CACV,EALkC,CAKlC,CAAC,IACK,GACA,CACZ,EAX4B,CAW5B,CAAC;AAXW,QAAA,OAAO,WAWlB"}
+{"version":3,"file":"Shadows.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Shadows/Shadows.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0CAAuD;AACvD,gEAA0C;AAC1C,4EAAsD;AACtD,gEAA0C;AAC1C,sDAAgC;AAEzB,IAAM,OAAO,GAAG,cAAM,OAAA,CAC3B,uBAAC,kBAAQ,cACP,uBAAC,cAAM,aACL,EAAE,EAAE,cAAI,EACR,OAAO,EAAC,IAAI,EACZ,EAAE,EAAE;YACF,SAAS,EAAE,IAAI;SAChB,gBAEA,MAAM,CAAC,IAAI,CAAC,iBAAO,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACjC,wBAAC,cAAM,eACL,uBAAC,WAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,GAAI,EAC9C,uBAAC,cAAI,cAAE,GAAG,GAAQ,KAFP,GAAG,CAGP,CACV,EALkC,CAKlC,CAAC,IACK,GACA,CACZ,EAjB4B,CAiB5B,CAAC;AAjBW,QAAA,OAAO,WAiBlB"}

package/lib/cjs/Foundations/Shadows/Shadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shadows.js","sourceRoot":"","sources":["../../../../src/Foundations/Shadows/Shadows.ts"],"names":[],"mappings":";;AAAA,IAAM,OAAO,GAAG;IACd,KAAK,EAAE,iCAAiC;IACxC,MAAM,EAAE,kCAAkC;IAC1C,KAAK,EAAE,kCAAkC;IACzC,KAAK,EAAE,sCAAsC;IAC7C,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"Shadows.js","sourceRoot":"","sources":["../../../../src/Foundations/Shadows/Shadows.ts"],"names":[],"mappings":";;AAAA,IAAM,OAAO,GAAG;IACd,KAAK,EAAE,iCAAiC;IACxC,MAAM,EAAE,kCAAkC;IAC1C,KAAK,EAAE,kCAAkC;IACzC,KAAK,EAAE,sCAAsC;IAC7C,IAAI,EAAE,MAAM;CACb,CAAC;AAGF,kBAAe,OAAO,CAAC"}

package/lib/cjs/Foundations/Sizes/Sizes.d.ts

@@ -1,14 +1,15 @@
 declare const sizes: {
-    4: string;
-    8: string;
-    12: string;
-    16: string;
-    24: string;
-    32: string;
-    48: string;
-    64: string;
-    96: string;
-    128: string;
+    '4': string;
+    '8': string;
+    '12': string;
+    '16': string;
+    '24': string;
+    '32': string;
+    '48': string;
+    '64': string;
+    '96': string;
+    '128': string;
 };
+export declare type Sizes = typeof sizes;
 export default sizes;
 //# sourceMappingURL=Sizes.d.ts.map

package/lib/cjs/Foundations/Sizes/Sizes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sizes.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Sizes/Sizes.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;;;;;;;;;;;CAWV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Sizes.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Sizes/Sizes.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;;;;;;;;;;;CAWV,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC;AACjC,eAAe,KAAK,CAAC"}

package/lib/cjs/Foundations/Sizes/Sizes.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sizes.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Sizes/Sizes.examples.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,mBAWjB,CAAC"}
+{"version":3,"file":"Sizes.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Sizes/Sizes.examples.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,mBAkBjB,CAAC"}

package/lib/cjs/Foundations/Sizes/Sizes.examples.js

@@ -17,9 +17,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sizes = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@chakra-ui/react");
+var Card_1 = __importDefault(require("@/Components/Card/Card"));
 var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
 var Text_1 = __importDefault(require("@/Components/Text/Text"));
 var Sizes_1 = __importDefault(require("./Sizes"));
-var Sizes = function () { return ((0, jsx_runtime_1.jsx)(Provider_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.HStack, __assign({ alignItems: "flex-end", spacing: "24" }, { children: Object.keys(Sizes_1.default).map(function (size) { return ((0, jsx_runtime_1.jsxs)(react_1.VStack, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { width: size, height: size, background: "brand.primary" }), (0, jsx_runtime_1.jsx)(Text_1.default, { children: size })] }, size)); }) })) })); };
+var Sizes = function () { return ((0, jsx_runtime_1.jsx)(Provider_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.HStack, __assign({ as: Card_1.default, spacing: "24", sx: {
+            alignItems: 'flex-end',
+            marginTop: '24',
+        } }, { children: Object.keys(Sizes_1.default).map(function (size) { return ((0, jsx_runtime_1.jsxs)(react_1.VStack, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { width: size, height: size, background: "brand.primary" }), (0, jsx_runtime_1.jsx)(Text_1.default, { children: size })] }, size)); }) })) })); };
 exports.Sizes = Sizes;
 //# sourceMappingURL=Sizes.examples.js.map

package/lib/cjs/Foundations/Sizes/Sizes.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sizes.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Sizes/Sizes.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0CAAuD;AACvD,4EAAsD;AACtD,gEAA0C;AAC1C,kDAA4B;AAErB,IAAM,KAAK,GAAG,cAAM,OAAA,CACzB,uBAAC,kBAAQ,cACP,uBAAC,cAAM,aAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,gBACvC,MAAM,CAAC,IAAI,CAAC,eAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAChC,wBAAC,cAAM,eACL,uBAAC,WAAG,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAC,eAAe,GAAG,EAC7D,uBAAC,cAAI,cAAE,IAAI,GAAQ,KAFR,IAAI,CAGR,CACV,EALiC,CAKjC,CAAC,IACK,GACA,CACZ,EAX0B,CAW1B,CAAC;AAXW,QAAA,KAAK,SAWhB"}
+{"version":3,"file":"Sizes.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Sizes/Sizes.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0CAAuD;AACvD,gEAA0C;AAC1C,4EAAsD;AACtD,gEAA0C;AAC1C,kDAA4B;AAErB,IAAM,KAAK,GAAG,cAAM,OAAA,CACzB,uBAAC,kBAAQ,cACP,uBAAC,cAAM,aACL,EAAE,EAAE,cAAI,EACR,OAAO,EAAC,IAAI,EACZ,EAAE,EAAE;YACF,UAAU,EAAE,UAAU;YACtB,SAAS,EAAE,IAAI;SAChB,gBAEA,MAAM,CAAC,IAAI,CAAC,eAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAChC,wBAAC,cAAM,eACL,uBAAC,WAAG,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAC,eAAe,GAAG,EAC7D,uBAAC,cAAI,cAAE,IAAI,GAAQ,KAFR,IAAI,CAGR,CACV,EALiC,CAKjC,CAAC,IACK,GACA,CACZ,EAlB0B,CAkB1B,CAAC;AAlBW,QAAA,KAAK,SAkBhB"}

package/lib/cjs/Foundations/Sizes/Sizes.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var sizes = {
-    4: '4px',
-    8: '8px',
-    12: '12px',
-    16: '16px',
-    24: '24px',
-    32: '32px',
-    48: '48px',
-    64: '64px',
-    96: '96px',
-    128: '128px',
+    '4': '4px',
+    '8': '8px',
+    '12': '12px',
+    '16': '16px',
+    '24': '24px',
+    '32': '32px',
+    '48': '48px',
+    '64': '64px',
+    '96': '96px',
+    '128': '128px',
 };
 exports.default = sizes;
 //# sourceMappingURL=Sizes.js.map

package/lib/cjs/Foundations/Sizes/Sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sizes.js","sourceRoot":"","sources":["../../../../src/Foundations/Sizes/Sizes.ts"],"names":[],"mappings":";;AAAA,IAAM,KAAK,GAAG;IACZ,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,GAAG,EAAE,OAAO;CACb,CAAC;AAEF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"Sizes.js","sourceRoot":"","sources":["../../../../src/Foundations/Sizes/Sizes.ts"],"names":[],"mappings":";;AAAA,IAAM,KAAK,GAAG;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAC;AAGF,kBAAe,KAAK,CAAC"}

package/lib/cjs/Foundations/Typography/Typography.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Typography/Typography.examples.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,SAAS,mBA6BrB,CAAC"}
+{"version":3,"file":"Typography.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Typography/Typography.examples.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,SAAS,mBA+BrB,CAAC"}

package/lib/cjs/Foundations/Typography/Typography.examples.js

@@ -17,10 +17,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FontSizes = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@chakra-ui/react");
+var Card_1 = __importDefault(require("@/Components/Card/Card"));
 var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
 var Text_1 = __importDefault(require("@/Components/Text/Text"));
 var Typography_1 = __importDefault(require("./Typography"));
 var style = {
+    alignItems: 'flex-start',
     counterReset: 'sizes',
     listStyle: 'none',
     li: {
@@ -34,6 +36,6 @@ var style = {
         },
     },
 };
-var FontSizes = function () { return ((0, jsx_runtime_1.jsx)(Provider_1.default, { children: (0, jsx_runtime_1.jsxs)(react_1.VStack, __assign({ as: "ol", alignItems: "flex-start", spacing: 24, sx: style }, { children: [(0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "1" }, { children: [Typography_1.default.fontSizes[1], " / ", Typography_1.default.lineHeights[1], " / Normal / Uppercase"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "2" }, { children: [Typography_1.default.fontSizes[2], " / ", Typography_1.default.lineHeights[2], " / Normal"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "3" }, { children: [Typography_1.default.fontSizes[3], " / ", Typography_1.default.lineHeights[3], " / Normal"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "4" }, { children: [Typography_1.default.fontSizes[4], " / ", Typography_1.default.lineHeights[4], " / Normal"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "5" }, { children: [Typography_1.default.fontSizes[5], " / ", Typography_1.default.lineHeights[5], " / Bold"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "6" }, { children: [Typography_1.default.fontSizes[6], " / ", Typography_1.default.lineHeights[6], " / Bold"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "7" }, { children: [Typography_1.default.fontSizes[7], " / ", Typography_1.default.lineHeights[7], " / Bold"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "8" }, { children: [Typography_1.default.fontSizes[8], " / ", Typography_1.default.lineHeights[8], " / Bold"] }))] })) })); };
+var FontSizes = function () { return ((0, jsx_runtime_1.jsx)(Provider_1.default, { children: (0, jsx_runtime_1.jsx)(Card_1.default, __assign({ sx: { marginTop: '24' } }, { children: (0, jsx_runtime_1.jsxs)(react_1.VStack, __assign({ as: "ol", spacing: 24, sx: style }, { children: [(0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "1" }, { children: [Typography_1.default.fontSizes[1], " / ", Typography_1.default.lineHeights[1], " / Normal / Uppercase"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "2" }, { children: [Typography_1.default.fontSizes[2], " / ", Typography_1.default.lineHeights[2], " / Normal"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "3" }, { children: [Typography_1.default.fontSizes[3], " / ", Typography_1.default.lineHeights[3], " / Normal"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "4" }, { children: [Typography_1.default.fontSizes[4], " / ", Typography_1.default.lineHeights[4], " / Normal"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "5" }, { children: [Typography_1.default.fontSizes[5], " / ", Typography_1.default.lineHeights[5], " / Bold"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "6" }, { children: [Typography_1.default.fontSizes[6], " / ", Typography_1.default.lineHeights[6], " / Bold"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "7" }, { children: [Typography_1.default.fontSizes[7], " / ", Typography_1.default.lineHeights[7], " / Bold"] })), (0, jsx_runtime_1.jsxs)(Text_1.default, __assign({ as: "li", size: "8" }, { children: [Typography_1.default.fontSizes[8], " / ", Typography_1.default.lineHeights[8], " / Bold"] }))] })) })) })); };
 exports.FontSizes = FontSizes;
 //# sourceMappingURL=Typography.examples.js.map

package/lib/cjs/Foundations/Typography/Typography.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Typography/Typography.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0CAA0C;AAC1C,4EAAsD;AACtD,gEAA0C;AAC1C,4DAAsC;AAEtC,IAAM,KAAK,GAAG;IACZ,YAAY,EAAE,OAAO;IACrB,SAAS,EAAE,MAAM;IACjB,EAAE,EAAE;QACF,gBAAgB,EAAE,OAAO;QACzB,OAAO,EAAE;YACP,OAAO,EAAE,4BAA4B;YACrC,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,MAAM;YACnB,SAAS,EAAE,MAAM;SAClB;KACF;CACF,CAAC;AAEK,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,uBAAC,kBAAQ,cACP,wBAAC,cAAM,aAAC,EAAE,EAAC,IAAI,EAAC,UAAU,EAAC,YAAY,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,iBAC5D,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,8BACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,kBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,kBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,kBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,gBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,gBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,gBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,gBACjD,KACA,GACA,CACZ,EA7B8B,CA6B9B,CAAC;AA7BW,QAAA,SAAS,aA6BpB"}
+{"version":3,"file":"Typography.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Typography/Typography.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0CAA0C;AAC1C,gEAA0C;AAC1C,4EAAsD;AACtD,gEAA0C;AAC1C,4DAAsC;AAEtC,IAAM,KAAK,GAAG;IACZ,UAAU,EAAE,YAAY;IACxB,YAAY,EAAE,OAAO;IACrB,SAAS,EAAE,MAAM;IACjB,EAAE,EAAE;QACF,gBAAgB,EAAE,OAAO;QACzB,OAAO,EAAE;YACP,OAAO,EAAE,4BAA4B;YACrC,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,MAAM;YACnB,SAAS,EAAE,MAAM;SAClB;KACF;CACF,CAAC;AAEK,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,uBAAC,kBAAQ,cACP,uBAAC,cAAI,aAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,gBAC3B,wBAAC,cAAM,aAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,iBACpC,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,8BACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,kBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,kBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,kBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,gBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,gBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,gBACjD,EACP,wBAAC,cAAI,aAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,iBACnB,oBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAK,oBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,gBACjD,KACA,IACJ,GACE,CACZ,EA/B8B,CA+B9B,CAAC;AA/BW,QAAA,SAAS,aA+BpB"}