@akinon/ui-theme 1.1.3-rc.0 → 1.2.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 (15) hide show
  1. package/dist/cjs/colors.d.ts +21 -1
  2. package/dist/cjs/colors.d.ts.map +1 -1
  3. package/dist/cjs/colors.js +22 -2
  4. package/dist/cjs/theme.d.ts +1 -1
  5. package/dist/cjs/theme.d.ts.map +1 -1
  6. package/dist/cjs/theme.js +22 -2
  7. package/dist/cjs/types.d.ts +21 -0
  8. package/dist/esm/colors.d.ts +21 -1
  9. package/dist/esm/colors.d.ts.map +1 -1
  10. package/dist/esm/colors.js +21 -1
  11. package/dist/esm/theme.d.ts +1 -1
  12. package/dist/esm/theme.d.ts.map +1 -1
  13. package/dist/esm/theme.js +23 -3
  14. package/dist/esm/types.d.ts +21 -0
  15. package/package.json +1 -1
package/dist/cjs/colors.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  export declare const neutral: {
2
2
  '50': string;
3
+ '60': string;
4
+ '60-88': string;
3
5
  '75': string;
4
6
  '80': string;
5
7
  '90': string;
@@ -202,7 +204,25 @@ export declare const akinon: {
202
204
  '600': string;
203
205
  '700': string;
204
206
  '800': string;
205
- '900': string;
206
207
  '950': string;
207
208
  };
209
+ export declare const indigo: {
210
+ '50': string;
211
+ '50-05': string;
212
+ '50-08': string;
213
+ '100': string;
214
+ '100-11': string;
215
+ '100-15': string;
216
+ '300': string;
217
+ '300-40': string;
218
+ };
219
+ export declare const editor: {
220
+ tag: string;
221
+ attr: string;
222
+ value: string;
223
+ comment: string;
224
+ string: string;
225
+ border: string;
226
+ imageUploadBg: string;
227
+ };
208
228
  //# sourceMappingURL=colors.d.ts.map
package/dist/cjs/colors.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;CAkBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;CAejB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;CAwBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;CAkBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;CAejB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;CAWlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}
package/dist/cjs/colors.js CHANGED
@@ -1,9 +1,11 @@
1
1
  "use strict";
2
2
  // Tailwind like colors.
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.akinon = exports.orange = exports.azure = exports.pink = exports.purple = exports.blue = exports.green = exports.red = exports.gray = exports.ebonyClay = exports.neutral = void 0;
4
+ exports.editor = exports.indigo = exports.akinon = exports.orange = exports.azure = exports.pink = exports.purple = exports.blue = exports.green = exports.red = exports.gray = exports.ebonyClay = exports.neutral = void 0;
5
5
  exports.neutral = {
6
6
  '50': '#ffffff',
7
+ '60': '#fdfdfd',
8
+ '60-88': '#fdfdfde0',
7
9
  '75': '#fbfcfd',
8
10
  '80': '#fafafa',
9
11
  '90': '#f6f7f9',
@@ -209,6 +211,24 @@ exports.akinon = {
209
211
  '600': '#bd2025',
210
212
  '700': '#9c161a',
211
213
  '800': '#7d0e11',
212
- '900': '#5e080a',
213
214
  '950': '#3d0405'
214
215
  };
216
+ exports.indigo = {
217
+ '50': '#e8e8fd',
218
+ '50-05': '#e8e8fd0d',
219
+ '50-08': '#e8e8fd14',
220
+ '100': '#eeeef6',
221
+ '100-11': '#eeeef61c',
222
+ '100-15': '#eeeef626',
223
+ '300': '#c8c8ff',
224
+ '300-40': '#c8c8ff66'
225
+ };
226
+ exports.editor = {
227
+ tag: '#800000',
228
+ attr: '#ff0000',
229
+ value: '#0000ff',
230
+ comment: '#008000',
231
+ string: '#a31515',
232
+ border: '#d9d9d9',
233
+ imageUploadBg: '#ffffff05'
234
+ };
package/dist/cjs/theme.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { theme as antdTheme, ThemeConfig } from 'antd';
2
2
  import { CustomTokens, NavCardToken } from './types';
3
3
  export declare const fontSize = 16;
4
- type ColorName = 'akinon' | 'azure' | 'blue' | 'orange' | 'red' | 'green' | 'pink' | 'purple' | 'gray' | 'ebonyClay' | 'neutral';
4
+ type ColorName = 'akinon' | 'azure' | 'blue' | 'orange' | 'red' | 'green' | 'pink' | 'purple' | 'gray' | 'ebonyClay' | 'neutral' | 'neutral' | 'indigo' | 'editor';
5
5
  type Color = {
6
6
  [key: string]: string;
7
7
  };
package/dist/cjs/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAgBvD,OAAO,EAML,YAAY,EAWZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBA4jBnB,CAAC;AA8FF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,YAAY,CAoBd;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAkBvD,OAAO,EAML,YAAY,EAWZ,YAAY,EAYb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAiBvC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBA8kBnB,CAAC;AA8FF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,YAAY,CAoBd;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
package/dist/cjs/theme.js CHANGED
@@ -17,7 +17,9 @@ const colors = {
17
17
  purple: colors_1.purple,
18
18
  gray: colors_1.gray,
19
19
  ebonyClay: colors_1.ebonyClay,
20
- neutral: colors_1.neutral
20
+ neutral: colors_1.neutral,
21
+ indigo: colors_1.indigo,
22
+ editor: colors_1.editor
21
23
  };
22
24
  /**
23
25
  * Non-editable akinon theme object.
@@ -387,6 +389,7 @@ exports.theme = {
387
389
  colorBgContainerDisabled: colors.gray['925'],
388
390
  colorBgContainer: colors.ebonyClay['475'],
389
391
  fontSizeLG: exports.fontSize * 0.875,
392
+ fontWeight: 600,
390
393
  paddingXXS: 0,
391
394
  borderRadiusSM: 0,
392
395
  colorBorder: colors.ebonyClay['550'],
@@ -416,6 +419,22 @@ exports.theme = {
416
419
  cellPaddingInline: 0,
417
420
  fontSize: exports.fontSize
418
421
  },
422
+ Tabs: {
423
+ textColor: colors.neutral['50'],
424
+ menuGap: '170px',
425
+ separatorColor: colors === null || colors === void 0 ? void 0 : colors.gray['900'],
426
+ separatorHeight: '1px',
427
+ navWrapperPadding: '0px 0px 20px 50px',
428
+ tabIconWrapperSize: '38px !important',
429
+ tabIconSize: '18px !important',
430
+ tabIconFill: `${colors.neutral['1000']} !important`,
431
+ tabIconBg: colors.neutral['50'],
432
+ tabIconActiveFill: `${colors.neutral['50']} !important`,
433
+ tabIconActiveBg: `${colors.orange['425']} !important`,
434
+ tabIconFillTransition: 'fill 0.3s ease',
435
+ tabIconBgTransition: 'background 0.3s ease',
436
+ tabLabelTransform: 'translateY(calc(100% + 11px))'
437
+ },
419
438
  Input: {
420
439
  colorBgContainer: colors.ebonyClay['475'],
421
440
  fontSizeLG: exports.fontSize * 0.875,
@@ -432,7 +451,8 @@ exports.theme = {
432
451
  colorBgContainer: colors.ebonyClay['475'],
433
452
  fontSizeLG: exports.fontSize * 0.875,
434
453
  colorBorder: colors.ebonyClay['550'],
435
- lineWidth: 2
454
+ lineWidth: 2,
455
+ fontWeight: 600
436
456
  },
437
457
  Modal: {
438
458
  titleFontSize: exports.fontSize * 1.25,
package/dist/cjs/types.d.ts CHANGED
@@ -17,6 +17,7 @@ import { ComponentToken as AntdSelectToken } from 'antd/lib/select/style';
17
17
  import { ComponentToken as AntdSpinToken } from 'antd/lib/spin/style';
18
18
  import { ComponentToken as AntdStepsToken } from 'antd/lib/steps/style';
19
19
  import { ComponentToken as AntdTableToken } from 'antd/lib/table/style';
20
+ import { ComponentToken as AntTabsToken } from 'antd/lib/tabs/style';
20
21
  import { ComponentToken as AntdTagToken } from 'antd/lib/tag/style';
21
22
  import { GlobalToken as AntdGlobalToken } from 'antd/lib/theme/interface';
22
23
  import { AliasToken } from 'antd/lib/theme/internal';
@@ -420,6 +421,7 @@ export type SelectToken = AntdSelectToken &
420
421
  selectItemColor?: string;
421
422
  optionActiveColor?: string;
422
423
  optionOddColor?: string;
424
+ fontWeight?: number;
423
425
  };
424
426
 
425
427
  export type TableToken = AntdTableToken & AliasToken & {};
@@ -428,6 +430,24 @@ export type NavCardToken = AliasToken & {
428
430
  shadow: string;
429
431
  };
430
432
 
433
+ export type TabsToken = AntTabsToken &
434
+ AliasToken & {
435
+ textColor: string;
436
+ menuGap: string;
437
+ navWrapperPadding: string;
438
+ separatorColor: string;
439
+ separatorHeight: string;
440
+ tabIconSize: string;
441
+ tabIconWrapperSize: string;
442
+ tabIconFill: string;
443
+ tabIconBg: string;
444
+ tabIconActiveFill: string;
445
+ tabIconActiveBg: string;
446
+ tabIconFillTransition: string;
447
+ tabIconBgTransition: string;
448
+ tabLabelTransform: string;
449
+ };
450
+
431
451
  export type GlobalToken = AntdGlobalToken & {
432
452
  Button: ButtonToken;
433
453
  Checkbox: CheckboxToken;
@@ -455,6 +475,7 @@ export type GlobalToken = AntdGlobalToken & {
455
475
  Select: SelectToken;
456
476
  Table: TableToken;
457
477
  NavCardTokens: NavCardToken;
478
+ Tabs: TabsToken;
458
479
  };
459
480
 
460
481
  /**
package/dist/esm/colors.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  export declare const neutral: {
2
2
  '50': string;
3
+ '60': string;
4
+ '60-88': string;
3
5
  '75': string;
4
6
  '80': string;
5
7
  '90': string;
@@ -202,7 +204,25 @@ export declare const akinon: {
202
204
  '600': string;
203
205
  '700': string;
204
206
  '800': string;
205
- '900': string;
206
207
  '950': string;
207
208
  };
209
+ export declare const indigo: {
210
+ '50': string;
211
+ '50-05': string;
212
+ '50-08': string;
213
+ '100': string;
214
+ '100-11': string;
215
+ '100-15': string;
216
+ '300': string;
217
+ '300-40': string;
218
+ };
219
+ export declare const editor: {
220
+ tag: string;
221
+ attr: string;
222
+ value: string;
223
+ comment: string;
224
+ string: string;
225
+ border: string;
226
+ imageUploadBg: string;
227
+ };
208
228
  //# sourceMappingURL=colors.d.ts.map
package/dist/esm/colors.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;CAkBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;CAejB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;CAwBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;CAkBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;CAejB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;CAWlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}
package/dist/esm/colors.js CHANGED
@@ -1,6 +1,8 @@
1
1
  // Tailwind like colors.
2
2
  export const neutral = {
3
3
  '50': '#ffffff',
4
+ '60': '#fdfdfd',
5
+ '60-88': '#fdfdfde0',
4
6
  '75': '#fbfcfd',
5
7
  '80': '#fafafa',
6
8
  '90': '#f6f7f9',
@@ -206,6 +208,24 @@ export const akinon = {
206
208
  '600': '#bd2025',
207
209
  '700': '#9c161a',
208
210
  '800': '#7d0e11',
209
- '900': '#5e080a',
210
211
  '950': '#3d0405'
211
212
  };
213
+ export const indigo = {
214
+ '50': '#e8e8fd',
215
+ '50-05': '#e8e8fd0d',
216
+ '50-08': '#e8e8fd14',
217
+ '100': '#eeeef6',
218
+ '100-11': '#eeeef61c',
219
+ '100-15': '#eeeef626',
220
+ '300': '#c8c8ff',
221
+ '300-40': '#c8c8ff66'
222
+ };
223
+ export const editor = {
224
+ tag: '#800000',
225
+ attr: '#ff0000',
226
+ value: '#0000ff',
227
+ comment: '#008000',
228
+ string: '#a31515',
229
+ border: '#d9d9d9',
230
+ imageUploadBg: '#ffffff05'
231
+ };
package/dist/esm/theme.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { theme as antdTheme, ThemeConfig } from 'antd';
2
2
  import { CustomTokens, NavCardToken } from './types';
3
3
  export declare const fontSize = 16;
4
- type ColorName = 'akinon' | 'azure' | 'blue' | 'orange' | 'red' | 'green' | 'pink' | 'purple' | 'gray' | 'ebonyClay' | 'neutral';
4
+ type ColorName = 'akinon' | 'azure' | 'blue' | 'orange' | 'red' | 'green' | 'pink' | 'purple' | 'gray' | 'ebonyClay' | 'neutral' | 'neutral' | 'indigo' | 'editor';
5
5
  type Color = {
6
6
  [key: string]: string;
7
7
  };
package/dist/esm/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAgBvD,OAAO,EAML,YAAY,EAWZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBA4jBnB,CAAC;AA8FF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,YAAY,CAoBd;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAkBvD,OAAO,EAML,YAAY,EAWZ,YAAY,EAYb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAiBvC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBA8kBnB,CAAC;AA8FF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,YAAY,CAoBd;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
package/dist/esm/theme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { theme as antdTheme } from 'antd';
2
- import { akinon, azure, blue, ebonyClay, gray, green, neutral, orange, pink, purple, red } from './colors';
2
+ import { akinon, azure, blue, ebonyClay, editor, gray, green, indigo, neutral, orange, pink, purple, red } from './colors';
3
3
  // antd works with numbers. use this to convert px to rem.
4
4
  export const fontSize = 16;
5
5
  const colors = {
@@ -13,7 +13,9 @@ const colors = {
13
13
  purple,
14
14
  gray,
15
15
  ebonyClay,
16
- neutral
16
+ neutral,
17
+ indigo,
18
+ editor
17
19
  };
18
20
  /**
19
21
  * Non-editable akinon theme object.
@@ -383,6 +385,7 @@ export const theme = {
383
385
  colorBgContainerDisabled: colors.gray['925'],
384
386
  colorBgContainer: colors.ebonyClay['475'],
385
387
  fontSizeLG: fontSize * 0.875,
388
+ fontWeight: 600,
386
389
  paddingXXS: 0,
387
390
  borderRadiusSM: 0,
388
391
  colorBorder: colors.ebonyClay['550'],
@@ -412,6 +415,22 @@ export const theme = {
412
415
  cellPaddingInline: 0,
413
416
  fontSize: fontSize
414
417
  },
418
+ Tabs: {
419
+ textColor: colors.neutral['50'],
420
+ menuGap: '170px',
421
+ separatorColor: colors === null || colors === void 0 ? void 0 : colors.gray['900'],
422
+ separatorHeight: '1px',
423
+ navWrapperPadding: '0px 0px 20px 50px',
424
+ tabIconWrapperSize: '38px !important',
425
+ tabIconSize: '18px !important',
426
+ tabIconFill: `${colors.neutral['1000']} !important`,
427
+ tabIconBg: colors.neutral['50'],
428
+ tabIconActiveFill: `${colors.neutral['50']} !important`,
429
+ tabIconActiveBg: `${colors.orange['425']} !important`,
430
+ tabIconFillTransition: 'fill 0.3s ease',
431
+ tabIconBgTransition: 'background 0.3s ease',
432
+ tabLabelTransform: 'translateY(calc(100% + 11px))'
433
+ },
415
434
  Input: {
416
435
  colorBgContainer: colors.ebonyClay['475'],
417
436
  fontSizeLG: fontSize * 0.875,
@@ -428,7 +447,8 @@ export const theme = {
428
447
  colorBgContainer: colors.ebonyClay['475'],
429
448
  fontSizeLG: fontSize * 0.875,
430
449
  colorBorder: colors.ebonyClay['550'],
431
- lineWidth: 2
450
+ lineWidth: 2,
451
+ fontWeight: 600
432
452
  },
433
453
  Modal: {
434
454
  titleFontSize: fontSize * 1.25,
package/dist/esm/types.d.ts CHANGED
@@ -17,6 +17,7 @@ import { ComponentToken as AntdSelectToken } from 'antd/lib/select/style';
17
17
  import { ComponentToken as AntdSpinToken } from 'antd/lib/spin/style';
18
18
  import { ComponentToken as AntdStepsToken } from 'antd/lib/steps/style';
19
19
  import { ComponentToken as AntdTableToken } from 'antd/lib/table/style';
20
+ import { ComponentToken as AntTabsToken } from 'antd/lib/tabs/style';
20
21
  import { ComponentToken as AntdTagToken } from 'antd/lib/tag/style';
21
22
  import { GlobalToken as AntdGlobalToken } from 'antd/lib/theme/interface';
22
23
  import { AliasToken } from 'antd/lib/theme/internal';
@@ -420,6 +421,7 @@ export type SelectToken = AntdSelectToken &
420
421
  selectItemColor?: string;
421
422
  optionActiveColor?: string;
422
423
  optionOddColor?: string;
424
+ fontWeight?: number;
423
425
  };
424
426
 
425
427
  export type TableToken = AntdTableToken & AliasToken & {};
@@ -428,6 +430,24 @@ export type NavCardToken = AliasToken & {
428
430
  shadow: string;
429
431
  };
430
432
 
433
+ export type TabsToken = AntTabsToken &
434
+ AliasToken & {
435
+ textColor: string;
436
+ menuGap: string;
437
+ navWrapperPadding: string;
438
+ separatorColor: string;
439
+ separatorHeight: string;
440
+ tabIconSize: string;
441
+ tabIconWrapperSize: string;
442
+ tabIconFill: string;
443
+ tabIconBg: string;
444
+ tabIconActiveFill: string;
445
+ tabIconActiveBg: string;
446
+ tabIconFillTransition: string;
447
+ tabIconBgTransition: string;
448
+ tabLabelTransform: string;
449
+ };
450
+
431
451
  export type GlobalToken = AntdGlobalToken & {
432
452
  Button: ButtonToken;
433
453
  Checkbox: CheckboxToken;
@@ -455,6 +475,7 @@ export type GlobalToken = AntdGlobalToken & {
455
475
  Select: SelectToken;
456
476
  Table: TableToken;
457
477
  NavCardTokens: NavCardToken;
478
+ Tabs: TabsToken;
458
479
  };
459
480
 
460
481
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akinon/ui-theme",
3
- "version": "1.1.3-rc.0",
3
+ "version": "1.2.1",
4
4
  "private": false,
5
5
  "description": "Akinon UI's default theme values.",
6
6
  "type": "module",