@antscorp/antsomi-ui 1.3.5-beta.126 → 1.3.5-beta.128

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.
@@ -800,9 +800,7 @@ export const GlobalStyle = () => {
800
800
  /* Tabs */
801
801
  .antsomi-tabs {
802
802
  .antsomi-tabs-tab {
803
- &.antsomi-tabs-tab-active {
804
- font-weight: bold;
805
- }
803
+ font-weight: bold;
806
804
  }
807
805
  }
808
806
 
@@ -7,17 +7,22 @@ import { InformationWrapper } from './styled';
7
7
  import { Button, Radio, Typography, Flex } from '../../../../atoms';
8
8
  // Constants
9
9
  import { DEVICE_TYPE } from '../../constants';
10
+ import { THEME } from '@antscorp/antsomi-ui/es/constants';
10
11
  export const Information = memo(props => {
12
+ var _a;
11
13
  const { deviceType, itemName = 'Template name', buttonText = 'Use template', description, categoryListing, showDeviceRadios = true, onButtonClick, onDeviceTypeChange, } = props;
12
14
  return (React.createElement(InformationWrapper, { gap: 20, vertical: true },
13
15
  React.createElement("div", { style: { flexShrink: 0 }, className: "title" }, itemName),
14
16
  React.createElement(Flex, { gap: 20, vertical: true, className: "content-information" },
15
- description && React.createElement("div", null, description), categoryListing === null || categoryListing === void 0 ? void 0 :
16
- categoryListing.map(({ key, label, children }) => (React.createElement("div", { key: key },
17
- React.createElement("div", null,
18
- label,
19
- ":"),
20
- React.createElement("div", { style: { fontWeight: 'bold' } }, children === null || children === void 0 ? void 0 : children.map(({ label }) => label).join(', ')))))),
17
+ description && React.createElement("div", { style: { color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw8 } }, description), categoryListing === null || categoryListing === void 0 ? void 0 :
18
+ categoryListing.map(({ key, label, children }) => {
19
+ var _a;
20
+ return (React.createElement("div", { key: key },
21
+ React.createElement("div", { style: { color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw8 } },
22
+ label,
23
+ ":"),
24
+ React.createElement("div", { style: { fontWeight: 'bold' } }, children === null || children === void 0 ? void 0 : children.map(({ label }) => label).join(', '))));
25
+ })),
21
26
  React.createElement(Flex, { gap: 20, style: { flexShrink: 0 }, vertical: true },
22
27
  showDeviceRadios && (React.createElement(Radio.Group, { options: Object.values(DEVICE_TYPE).map(({ value, label, icon }) => ({
23
28
  label: (React.createElement(Flex, { gap: 5, align: "center" },
@@ -12,6 +12,10 @@ export const MenuWrapper = styled.div `
12
12
 
13
13
  .antsomi-menu,
14
14
  .ant-menu {
15
+ [role='menu'] {
16
+ background-color: white !important;
17
+ }
18
+
15
19
  [role='menuitem'] {
16
20
  width: 100%;
17
21
  border-radius: 0;
@@ -1,4 +1,4 @@
1
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
1
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
2
2
  // Types
3
3
  import { theme } from 'antd';
4
4
  // Variables
@@ -148,7 +148,7 @@ THEME.components = {
148
148
  paddingMD: 0,
149
149
  },
150
150
  Tabs: {
151
- colorPrimary: '#1F5FAC',
151
+ itemColor: (_s = THEME.token) === null || _s === void 0 ? void 0 : _s.bw8,
152
152
  horizontalItemPadding: '17px 30px',
153
153
  horizontalItemGutter: 0,
154
154
  lineWidthBold: 3,
@@ -163,11 +163,11 @@ THEME.components = {
163
163
  headerPadding: '15px 10px',
164
164
  },
165
165
  Switch: {
166
- colorTextQuaternary: (_s = THEME.token) === null || _s === void 0 ? void 0 : _s.bw0,
167
- colorTextTertiary: (_t = THEME.token) === null || _t === void 0 ? void 0 : _t.bw0,
166
+ colorTextQuaternary: (_t = THEME.token) === null || _t === void 0 ? void 0 : _t.bw0,
167
+ colorTextTertiary: (_u = THEME.token) === null || _u === void 0 ? void 0 : _u.bw0,
168
168
  handleSize: 12,
169
169
  handleSizeSM: 7,
170
170
  trackMinWidth: 30,
171
- handleBg: (_u = THEME.token) === null || _u === void 0 ? void 0 : _u.colorPrimary,
171
+ handleBg: (_v = THEME.token) === null || _v === void 0 ? void 0 : _v.colorPrimary,
172
172
  },
173
173
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antscorp/antsomi-ui",
3
- "version": "1.3.5-beta.126",
3
+ "version": "1.3.5-beta.128",
4
4
  "description": "An enterprise-class UI design language and React UI library.",
5
5
  "sideEffects": [
6
6
  "dist/*",