@bitrise/bitkit 9.4.3 → 9.4.4-alpha-chakra.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/README.md +1 -1
  3. package/bitrise.yml +1 -1
  4. package/lib/cjs/AddonBeam/AddonBeam.css +1 -5
  5. package/lib/cjs/Components/Card/Card.d.ts +18 -0
  6. package/lib/cjs/Components/Card/Card.d.ts.map +1 -0
  7. package/lib/cjs/Components/Card/Card.js +27 -0
  8. package/lib/cjs/Components/Card/Card.js.map +1 -0
  9. package/lib/cjs/Components/Card/Card.stories.d.ts +11 -0
  10. package/lib/cjs/Components/Card/Card.stories.d.ts.map +1 -0
  11. package/lib/cjs/Components/Card/Card.stories.js +27 -0
  12. package/lib/cjs/Components/Card/Card.stories.js.map +1 -0
  13. package/lib/cjs/Components/Text/Text.stories.js +2 -16
  14. package/lib/cjs/Components/Text/Text.stories.js.map +1 -1
  15. package/lib/cjs/Foundations/Colors/Colors.d.ts +1 -0
  16. package/lib/cjs/Foundations/Colors/Colors.d.ts.map +1 -1
  17. package/lib/cjs/Foundations/Colors/Colors.examples.d.ts.map +1 -1
  18. package/lib/cjs/Foundations/Colors/Colors.examples.js +55 -6
  19. package/lib/cjs/Foundations/Colors/Colors.examples.js.map +1 -1
  20. package/lib/cjs/Foundations/Colors/Colors.js.map +1 -1
  21. package/lib/cjs/Foundations/Radii/Radii.examples.d.ts.map +1 -1
  22. package/lib/cjs/Foundations/Radii/Radii.examples.js +4 -1
  23. package/lib/cjs/Foundations/Radii/Radii.examples.js.map +1 -1
  24. package/lib/cjs/Foundations/Radii/Radii.theme.d.ts +6 -5
  25. package/lib/cjs/Foundations/Radii/Radii.theme.d.ts.map +1 -1
  26. package/lib/cjs/Foundations/Radii/Radii.theme.js +5 -5
  27. package/lib/cjs/Foundations/Radii/Radii.theme.js.map +1 -1
  28. package/lib/cjs/Foundations/Shadows/Shadows.d.ts +1 -0
  29. package/lib/cjs/Foundations/Shadows/Shadows.d.ts.map +1 -1
  30. package/lib/cjs/Foundations/Shadows/Shadows.examples.d.ts.map +1 -1
  31. package/lib/cjs/Foundations/Shadows/Shadows.examples.js +4 -1
  32. package/lib/cjs/Foundations/Shadows/Shadows.examples.js.map +1 -1
  33. package/lib/cjs/Foundations/Shadows/Shadows.js.map +1 -1
  34. package/lib/cjs/Foundations/Sizes/Sizes.d.ts +11 -10
  35. package/lib/cjs/Foundations/Sizes/Sizes.d.ts.map +1 -1
  36. package/lib/cjs/Foundations/Sizes/Sizes.examples.d.ts.map +1 -1
  37. package/lib/cjs/Foundations/Sizes/Sizes.examples.js +5 -1
  38. package/lib/cjs/Foundations/Sizes/Sizes.examples.js.map +1 -1
  39. package/lib/cjs/Foundations/Sizes/Sizes.js +10 -10
  40. package/lib/cjs/Foundations/Sizes/Sizes.js.map +1 -1
  41. package/lib/cjs/Foundations/Typography/Typography.examples.d.ts.map +1 -1
  42. package/lib/cjs/Foundations/Typography/Typography.examples.js +3 -1
  43. package/lib/cjs/Foundations/Typography/Typography.examples.js.map +1 -1
  44. package/lib/cjs/Sidebar/Sidebar.css +0 -11
  45. package/lib/cjs/theme.js +1 -1
  46. package/lib/cjs/theme.js.map +1 -1
  47. package/lib/cjs/tsconfig.tsbuildinfo +1 -1
  48. package/lib/cjs/variables.css +66 -123
  49. package/lib/cjs/variables.js +6 -6
  50. package/lib/cjs/variables.js.map +1 -1
  51. package/lib/esn/AddonBeam/AddonBeam.css +1 -5
  52. package/lib/esn/Components/Card/Card.d.ts +18 -0
  53. package/lib/esn/Components/Card/Card.d.ts.map +1 -0
  54. package/lib/esn/Components/Card/Card.js +20 -0
  55. package/lib/esn/Components/Card/Card.js.map +1 -0
  56. package/lib/esn/Components/Card/Card.stories.d.ts +11 -0
  57. package/lib/esn/Components/Card/Card.stories.d.ts.map +1 -0
  58. package/lib/esn/Components/Card/Card.stories.js +14 -0
  59. package/lib/esn/Components/Card/Card.stories.js.map +1 -0
  60. package/lib/esn/Components/Text/Text.stories.js +2 -2
  61. package/lib/esn/Components/Text/Text.stories.js.map +1 -1
  62. package/lib/esn/Foundations/Colors/Colors.d.ts +1 -0
  63. package/lib/esn/Foundations/Colors/Colors.d.ts.map +1 -1
  64. package/lib/esn/Foundations/Colors/Colors.examples.d.ts.map +1 -1
  65. package/lib/esn/Foundations/Colors/Colors.examples.js +41 -7
  66. package/lib/esn/Foundations/Colors/Colors.examples.js.map +1 -1
  67. package/lib/esn/Foundations/Colors/Colors.js.map +1 -1
  68. package/lib/esn/Foundations/Radii/Radii.examples.d.ts.map +1 -1
  69. package/lib/esn/Foundations/Radii/Radii.examples.js +4 -1
  70. package/lib/esn/Foundations/Radii/Radii.examples.js.map +1 -1
  71. package/lib/esn/Foundations/Radii/Radii.theme.d.ts +6 -5
  72. package/lib/esn/Foundations/Radii/Radii.theme.d.ts.map +1 -1
  73. package/lib/esn/Foundations/Radii/Radii.theme.js +5 -5
  74. package/lib/esn/Foundations/Radii/Radii.theme.js.map +1 -1
  75. package/lib/esn/Foundations/Shadows/Shadows.d.ts +1 -0
  76. package/lib/esn/Foundations/Shadows/Shadows.d.ts.map +1 -1
  77. package/lib/esn/Foundations/Shadows/Shadows.examples.d.ts.map +1 -1
  78. package/lib/esn/Foundations/Shadows/Shadows.examples.js +4 -1
  79. package/lib/esn/Foundations/Shadows/Shadows.examples.js.map +1 -1
  80. package/lib/esn/Foundations/Shadows/Shadows.js.map +1 -1
  81. package/lib/esn/Foundations/Sizes/Sizes.d.ts +11 -10
  82. package/lib/esn/Foundations/Sizes/Sizes.d.ts.map +1 -1
  83. package/lib/esn/Foundations/Sizes/Sizes.examples.d.ts.map +1 -1
  84. package/lib/esn/Foundations/Sizes/Sizes.examples.js +5 -1
  85. package/lib/esn/Foundations/Sizes/Sizes.examples.js.map +1 -1
  86. package/lib/esn/Foundations/Sizes/Sizes.js +10 -10
  87. package/lib/esn/Foundations/Sizes/Sizes.js.map +1 -1
  88. package/lib/esn/Foundations/Typography/Typography.examples.d.ts.map +1 -1
  89. package/lib/esn/Foundations/Typography/Typography.examples.js +3 -1
  90. package/lib/esn/Foundations/Typography/Typography.examples.js.map +1 -1
  91. package/lib/esn/Sidebar/Sidebar.css +0 -11
  92. package/lib/esn/theme.js +1 -1
  93. package/lib/esn/theme.js.map +1 -1
  94. package/lib/esn/tsconfig.tsbuildinfo +1 -1
  95. package/lib/esn/variables.css +66 -123
  96. package/lib/esn/variables.js +6 -6
  97. package/lib/esn/variables.js.map +1 -1
  98. package/package.json +20 -19
  99. package/release.config.js +1 -1
  100. package/src/AddonBeam/AddonBeam.css +0 -4
  101. package/src/Components/Card/Card.stories.tsx +17 -0
  102. package/src/Components/Card/Card.tsx +37 -0
  103. package/src/Components/Text/Text.stories.tsx +2 -2
  104. package/src/Foundations/Colors/Colors.examples.tsx +123 -10
  105. package/src/Foundations/Colors/Colors.stories.mdx +1 -1
  106. package/src/Foundations/Colors/Colors.ts +1 -0
  107. package/src/Foundations/Radii/Radii.examples.tsx +8 -1
  108. package/src/Foundations/Radii/Radii.stories.mdx +2 -2
  109. package/src/Foundations/Radii/Radii.theme.ts +6 -5
  110. package/src/Foundations/Shadows/Shadows.examples.tsx +9 -2
  111. package/src/Foundations/Shadows/Shadows.stories.mdx +2 -2
  112. package/src/Foundations/Shadows/Shadows.ts +1 -0
  113. package/src/Foundations/Sizes/Sizes.examples.tsx +9 -1
  114. package/src/Foundations/Sizes/Sizes.stories.mdx +2 -2
  115. package/src/Foundations/Sizes/Sizes.ts +11 -10
  116. package/src/Foundations/Typography/Typography.examples.tsx +30 -26
  117. package/src/Foundations/Typography/Typography.stories.mdx +3 -3
  118. package/src/Sidebar/Sidebar.css +0 -11
  119. package/src/theme.ts +1 -1
  120. package/src/variables.css +66 -123
  121. package/src/variables.ts +6 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,5 @@
1
+ ## [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)
2
+
1
3
  ## [9.4.3](https://github.com/bitrise-io/bitkit/compare/v9.4.2...v9.4.3) (2022-04-07)
2
4
 
3
5
  ## [9.4.2](https://github.com/bitrise-io/bitkit/compare/v9.4.1...v9.4.2) (2022-03-30)
package/README.md CHANGED
@@ -4,7 +4,7 @@ Library for React UI components and design patterns.
4
4
  ___
5
5
 
6
6
 
7
- ### Setup
7
+ ### Setup :P
8
8
 
9
9
  ```
10
10
  git clone git@github.com:bitrise-io/bitkit.git
package/bitrise.yml CHANGED
@@ -5,7 +5,7 @@ project_type: other
5
5
  trigger_map:
6
6
  - push_branch: master
7
7
  workflow: Master
8
- - push_branch: alpha
8
+ - push_branch: 'alpha*'
9
9
  workflow: AlphaBranch
10
10
  - pull_request_source_branch: '*'
11
11
  workflow: PullRequests
@@ -12,9 +12,5 @@
12
12
  border-radius: var(--size--x2);
13
13
  transition-property: background-color;
14
14
  transition-duration: var(--transition-duration--base);
15
- transition-timing-function: var(--transition-timing-function)
15
+ transition-timing-function: var(--transition-timing-function);
16
16
  }
17
-
18
- .AddonBeam__link:hover {
19
- background-color: rgba(var(--rgb-grape--1), 0.2);
20
- }
@@ -0,0 +1,18 @@
1
+ import { BoxProps } from '@chakra-ui/react';
2
+ import { Radii } from '@/Foundations/Radii/Radii.theme';
3
+ import { Shadows } from '@/Foundations/Shadows/Shadows';
4
+ import { Sizes } from '@/Foundations/Sizes/Sizes';
5
+ export interface Props {
6
+ borderRadius?: keyof Radii;
7
+ boxShadow?: keyof Shadows;
8
+ children?: BoxProps['children'];
9
+ className?: string;
10
+ padding?: keyof Sizes;
11
+ sx?: BoxProps['sx'];
12
+ }
13
+ declare const Card: {
14
+ (props: Props): JSX.Element;
15
+ defaultProps: Props;
16
+ };
17
+ export default Card;
18
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ var jsx_runtime_1 = require("react/jsx-runtime");
15
+ var react_1 = require("@chakra-ui/react");
16
+ var Card = function (props) {
17
+ var borderRadius = props.borderRadius, boxShadow = props.boxShadow, children = props.children, className = props.className, padding = props.padding, sx = props.sx;
18
+ var style = __assign({ backgroundColor: 'neutral.0', borderRadius: borderRadius, boxShadow: boxShadow, padding: padding }, sx);
19
+ return ((0, jsx_runtime_1.jsx)(react_1.Box, __assign({ className: className, sx: style }, { children: children })));
20
+ };
21
+ Card.defaultProps = {
22
+ borderRadius: '12',
23
+ boxShadow: 'medium',
24
+ padding: '24',
25
+ };
26
+ exports.default = Card;
27
+ //# sourceMappingURL=Card.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,11 @@
1
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
2
+ declare const _default: ComponentMeta<{
3
+ (props: import("./Card").Props): JSX.Element;
4
+ defaultProps: import("./Card").Props;
5
+ }>;
6
+ export default _default;
7
+ export declare const WithProps: ComponentStory<{
8
+ (props: import("./Card").Props): JSX.Element;
9
+ defaultProps: import("./Card").Props;
10
+ }>;
11
+ //# sourceMappingURL=Card.stories.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.WithProps = void 0;
18
+ var jsx_runtime_1 = require("react/jsx-runtime");
19
+ var Card_1 = __importDefault(require("./Card"));
20
+ exports.default = {
21
+ title: 'Components/Card',
22
+ component: Card_1.default,
23
+ };
24
+ var Template = function (props) { return (0, jsx_runtime_1.jsx)(Card_1.default, __assign({}, props)); };
25
+ exports.WithProps = Template.bind({});
26
+ exports.WithProps.args = __assign(__assign({}, Card_1.default.defaultProps), { children: 'The quick brown fox jumps over the lazy dog.', className: '' });
27
+ //# sourceMappingURL=Card.stories.js.map
@@ -0,0 +1 @@
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"}
@@ -10,17 +10,6 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
13
  var __importDefault = (this && this.__importDefault) || function (mod) {
25
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
26
15
  };
@@ -32,10 +21,7 @@ exports.default = {
32
21
  title: 'Components/Text',
33
22
  component: Text_1.default,
34
23
  };
35
- var Template = function (_a) {
36
- var props = __rest(_a, []);
37
- return (0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, props));
38
- };
24
+ var Template = function (props) { return (0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, props)); };
39
25
  exports.WithProps = Template.bind({});
40
- 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);
26
+ 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' });
41
27
  //# sourceMappingURL=Text.stories.js.map
@@ -1 +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"}
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,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"}
@@ -124,5 +124,6 @@ declare const colors: {
124
124
  primary: string;
125
125
  };
126
126
  };
127
+ export declare type Colors = typeof colors;
127
128
  export default colors;
128
129
  //# sourceMappingURL=Colors.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
1
+ {"version":3,"file":"Colors.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.examples.tsx"],"names":[],"mappings":"AAiEA,eAAO,MAAM,OAAO,mBA4DnB,CAAC"}
@@ -1,16 +1,65 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
15
  };
5
16
  Object.defineProperty(exports, "__esModule", { value: true });
6
17
  exports.Palette = void 0;
7
18
  var jsx_runtime_1 = require("react/jsx-runtime");
8
- // eslint-disable-next-line import/no-extraneous-dependencies
9
- var addon_docs_1 = require("@storybook/addon-docs");
19
+ var react_1 = require("@chakra-ui/react");
20
+ var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
21
+ var Text_1 = __importDefault(require("@/Components/Text/Text"));
22
+ var Card_1 = __importDefault(require("@/Components/Card/Card"));
10
23
  var Colors_1 = __importDefault(require("./Colors"));
11
- var Palette = function () { return ((0, jsx_runtime_1.jsx)(addon_docs_1.ColorPalette, { children: Object.keys(Colors_1.default).map(function (key) { return (
12
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
13
- /* @ts-ignore */
14
- (0, jsx_runtime_1.jsx)(addon_docs_1.ColorItem, { title: key.toUpperCase(), subtitle: "subtitle", colors: Colors_1.default[key] }, key)); }) })); };
24
+ var paletteKeys = ['neutral', 'purple', 'red', 'orange', 'yellow', 'green', 'turquoise', 'blue'];
25
+ var getTextColorFromShade = function (backgroundColor, darkColor, lightColor) {
26
+ if (darkColor === void 0) { darkColor = 'text.body'; }
27
+ if (lightColor === void 0) { lightColor = 'neutral.100'; }
28
+ var shade = Number(backgroundColor.split('.')[1]);
29
+ return shade < 50 ? lightColor : darkColor;
30
+ };
31
+ var Shade = function (_a) {
32
+ var children = _a.children;
33
+ var style = { paddingRight: '24', width: '80px', height: '80px', lineHeight: '80px' };
34
+ return ((0, jsx_runtime_1.jsx)(Text_1.default, __assign({ align: "right", sx: style }, { children: children })));
35
+ };
36
+ var InfoHeader = function (_a) {
37
+ var description = _a.description, shades = _a.shades, style = _a.style, title = _a.title;
38
+ 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)); }) }))] })));
39
+ };
40
+ var Item = function (_a) {
41
+ var backgroundColor = _a.backgroundColor, children = _a.children;
42
+ var style = {
43
+ backgroundColor: backgroundColor,
44
+ color: 'transparent',
45
+ padding: '4',
46
+ height: '80px',
47
+ width: '80px',
48
+ _hover: { boxShadow: 'large', color: getTextColorFromShade(backgroundColor), transform: 'scale(1.1)' },
49
+ };
50
+ 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 })) })));
51
+ };
52
+ 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: {
53
+ color: 'text.primary',
54
+ marginBottom: '12',
55
+ }, textTransform: "uppercase" }, { children: colorName })), (0, jsx_runtime_1.jsx)(react_1.Divider, { sx: {
56
+ background: 'neutral.80',
57
+ height: '1',
58
+ } }), Object.keys(Colors_1.default[colorName])
59
+ .reverse()
60
+ .map(function (shade) {
61
+ var backgroundColor = "".concat(colorName, ".").concat(shade);
62
+ return ((0, jsx_runtime_1.jsx)(Item, __assign({ backgroundColor: backgroundColor }, { children: Colors_1.default[colorName][shade] }), backgroundColor));
63
+ })] }), colorName)); })] })) })) })); };
15
64
  exports.Palette = Palette;
16
65
  //# sourceMappingURL=Colors.examples.js.map
@@ -1 +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"}
1
+ {"version":3,"file":"Colors.examples.js","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.examples.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Colors.js","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Colors.js","sourceRoot":"","sources":["../../../../src/Foundations/Colors/Colors.ts"],"names":[],"mappings":"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"}
@@ -1 +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"}
1
+ {"version":3,"file":"Radii.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Radii/Radii.examples.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,mBAiBjB,CAAC"}
@@ -19,7 +19,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
19
19
  var react_1 = require("@chakra-ui/react");
20
20
  var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
21
21
  var Text_1 = __importDefault(require("@/Components/Text/Text"));
22
+ var Card_1 = __importDefault(require("@/Components/Card/Card"));
22
23
  var Radii_theme_1 = __importDefault(require("./Radii.theme"));
23
- 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)); }) })) })); };
24
+ 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: {
25
+ marginTop: '24',
26
+ } }, { 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)); }) })) })); };
24
27
  exports.Radii = Radii;
25
28
  //# sourceMappingURL=Radii.examples.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,9 +1,10 @@
1
1
  declare const radii: {
2
- 4: string;
3
- 8: string;
4
- 12: string;
5
- 16: string;
6
- 24: string;
2
+ '4': string;
3
+ '8': string;
4
+ '12': string;
5
+ '16': string;
6
+ '24': string;
7
7
  };
8
+ export declare type Radii = typeof radii;
8
9
  export default radii;
9
10
  //# sourceMappingURL=Radii.theme.d.ts.map
@@ -1 +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"}
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,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC;AACjC,eAAe,KAAK,CAAC"}
@@ -1,11 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var radii = {
4
- 4: '4px',
5
- 8: '8px',
6
- 12: '12px',
7
- 16: '16px',
8
- 24: '24px',
4
+ '4': '4px',
5
+ '8': '8px',
6
+ '12': '12px',
7
+ '16': '16px',
8
+ '24': '24px',
9
9
  };
10
10
  exports.default = radii;
11
11
  //# sourceMappingURL=Radii.theme.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -5,5 +5,6 @@ declare const shadows: {
5
5
  inner: string;
6
6
  none: string;
7
7
  };
8
+ export declare type Shadows = typeof shadows;
8
9
  export default shadows;
9
10
  //# sourceMappingURL=Shadows.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
1
+ {"version":3,"file":"Shadows.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Shadows/Shadows.examples.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,mBAiBnB,CAAC"}
@@ -17,9 +17,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.Shadows = void 0;
18
18
  var jsx_runtime_1 = require("react/jsx-runtime");
19
19
  var react_1 = require("@chakra-ui/react");
20
+ var Card_1 = __importDefault(require("@/Components/Card/Card"));
20
21
  var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
21
22
  var Text_1 = __importDefault(require("@/Components/Text/Text"));
22
23
  var Shadows_1 = __importDefault(require("./Shadows"));
23
- 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)); }) })) })); };
24
+ 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: {
25
+ marginTop: '24',
26
+ } }, { 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)); }) })) })); };
24
27
  exports.Shadows = Shadows;
25
28
  //# sourceMappingURL=Shadows.examples.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
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;AAGF,kBAAe,OAAO,CAAC"}
@@ -1,14 +1,15 @@
1
1
  declare const sizes: {
2
- 4: string;
3
- 8: string;
4
- 12: string;
5
- 16: string;
6
- 24: string;
7
- 32: string;
8
- 48: string;
9
- 64: string;
10
- 96: string;
11
- 128: string;
2
+ '4': string;
3
+ '8': string;
4
+ '12': string;
5
+ '16': string;
6
+ '24': string;
7
+ '32': string;
8
+ '48': string;
9
+ '64': string;
10
+ '96': string;
11
+ '128': string;
12
12
  };
13
+ export declare type Sizes = typeof sizes;
13
14
  export default sizes;
14
15
  //# sourceMappingURL=Sizes.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
1
+ {"version":3,"file":"Sizes.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Sizes/Sizes.examples.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,mBAkBjB,CAAC"}
@@ -17,9 +17,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.Sizes = void 0;
18
18
  var jsx_runtime_1 = require("react/jsx-runtime");
19
19
  var react_1 = require("@chakra-ui/react");
20
+ var Card_1 = __importDefault(require("@/Components/Card/Card"));
20
21
  var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
21
22
  var Text_1 = __importDefault(require("@/Components/Text/Text"));
22
23
  var Sizes_1 = __importDefault(require("./Sizes"));
23
- 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)); }) })) })); };
24
+ 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: {
25
+ alignItems: 'flex-end',
26
+ marginTop: '24',
27
+ } }, { 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)); }) })) })); };
24
28
  exports.Sizes = Sizes;
25
29
  //# sourceMappingURL=Sizes.examples.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,16 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var sizes = {
4
- 4: '4px',
5
- 8: '8px',
6
- 12: '12px',
7
- 16: '16px',
8
- 24: '24px',
9
- 32: '32px',
10
- 48: '48px',
11
- 64: '64px',
12
- 96: '96px',
13
- 128: '128px',
4
+ '4': '4px',
5
+ '8': '8px',
6
+ '12': '12px',
7
+ '16': '16px',
8
+ '24': '24px',
9
+ '32': '32px',
10
+ '48': '48px',
11
+ '64': '64px',
12
+ '96': '96px',
13
+ '128': '128px',
14
14
  };
15
15
  exports.default = sizes;
16
16
  //# sourceMappingURL=Sizes.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
1
+ {"version":3,"file":"Typography.examples.d.ts","sourceRoot":"","sources":["../../../../src/Foundations/Typography/Typography.examples.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,SAAS,mBA+BrB,CAAC"}
@@ -17,10 +17,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.FontSizes = void 0;
18
18
  var jsx_runtime_1 = require("react/jsx-runtime");
19
19
  var react_1 = require("@chakra-ui/react");
20
+ var Card_1 = __importDefault(require("@/Components/Card/Card"));
20
21
  var Provider_1 = __importDefault(require("@/Components/Provider/Provider"));
21
22
  var Text_1 = __importDefault(require("@/Components/Text/Text"));
22
23
  var Typography_1 = __importDefault(require("./Typography"));
23
24
  var style = {
25
+ alignItems: 'flex-start',
24
26
  counterReset: 'sizes',
25
27
  listStyle: 'none',
26
28
  li: {
@@ -34,6 +36,6 @@ var style = {
34
36
  },
35
37
  },
36
38
  };
37
- 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"] }))] })) })); };
39
+ 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"] }))] })) })) })); };
38
40
  exports.FontSizes = FontSizes;
39
41
  //# sourceMappingURL=Typography.examples.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -89,21 +89,10 @@
89
89
  border-top-color: var(--color-grape--4);
90
90
  }
91
91
 
92
- .Sidebar--theme-dark .Sidebar__sub-menu-item,
93
- .Sidebar--theme-dark .Sidebar__menu-item--active .Sidebar__menu-item-link::before,
94
- .Sidebar--theme-dark .Sidebar__menu-item:hover .Sidebar__menu-item-link::before {
95
- background-color: rgba(var(--rgb-white), 0.1);
96
- }
97
-
98
92
  .Sidebar--theme-dark .Sidebar__sub-menu-item {
99
93
  border-top-color: var(--color-grape--5);
100
94
  }
101
95
 
102
- .Sidebar--theme-dark .Sidebar__sub-menu-item--active,
103
- .Sidebar--theme-dark .Sidebar__sub-menu-item:hover {
104
- background-color: rgba(var(--rgb-white), 0.2);
105
- }
106
-
107
96
  .Sidebar--theme-light {
108
97
  background-color: var(--color-white);
109
98
  color: var(--color-grape-5)