@akinon/ui-theme 0.5.0 → 0.7.0

package/dist/cjs/types.d.ts

@@ -0,0 +1,238 @@
+import { ComponentToken as AntdAlertToken } from 'antd/lib/alert/style';
+import { ComponentToken as AntdBadgeToken } from 'antd/lib/badge/style';
+import { ComponentToken as AntdBreadcrumbToken } from 'antd/lib/breadcrumb/style';
+import { ComponentToken as AntdButtonToken } from 'antd/lib/button/style';
+import { ComponentToken as AntdCheckboxToken } from 'antd/lib/checkbox/style';
+import { ComponentToken as AntdFlexToken } from 'antd/lib/flex/style';
+import { ComponentToken as AntdGridToken } from 'antd/lib/grid/style';
+import { ComponentToken as AntdInputToken } from 'antd/lib/input/style';
+import { ComponentToken as AntdLayoutToken } from 'antd/lib/layout/style';
+import { ComponentToken as AntdModalToken } from 'antd/lib/modal/style';
+import { ComponentToken as AntdProgressToken } from 'antd/lib/progress/style';
+import { ComponentToken as AntdRadioToken } from 'antd/lib/radio/style';
+import { ComponentToken as AntdSpinToken } from 'antd/lib/spin/style';
+import { ComponentToken as AntdStepsToken } from 'antd/lib/steps/style';
+import { ComponentToken as AntdTagToken } from 'antd/lib/tag/style';
+import { GlobalToken as AntdGlobalToken } from 'antd/lib/theme/interface';
+import { AliasToken } from 'antd/lib/theme/internal';
+import { ComponentToken as AntdTooltipToken } from 'antd/lib/tooltip/style';
+
+type PositionTypes = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
+
+export type ButtonToken = AntdButtonToken &
+  AliasToken & {
+    colorText: string;
+    colorTextHover: string;
+    defaultBgSm: string;
+    defaultBgSmHover: string;
+    colorErrorBgSM: string;
+    colorErrorBgSMHover: string;
+    colorErrorSMHover: string;
+  };
+
+export type CheckboxToken = AntdCheckboxToken &
+  AliasToken & {
+    colorChecked: string;
+  };
+
+export type RadioToken = AntdRadioToken &
+  AliasToken & {
+    colorChecked: string;
+    buttonSolidCheckedBorder: string;
+  };
+
+export type BadgeToken = AntdBadgeToken &
+  AliasToken & {
+    colorText: string;
+  };
+
+export type InputToken = AntdInputToken &
+  AliasToken & {
+    fontWeight: number;
+  };
+
+export type BreadcrumbToken = AntdBreadcrumbToken &
+  AliasToken & {
+    paddingBottom: number;
+    borderBottom: string;
+    paddingLeft: number;
+    paddingRight: number;
+    marginLeft: number;
+    marginRight: number;
+    fontWeight: number;
+    letterSpacing: number;
+    borderBottom: string;
+    marginInline: number;
+    height: number | string;
+  };
+
+export type TagToken = AntdTagToken &
+  AliasToken & {
+    defaultColorSuccess: string;
+    defaultBorderColorSuccess: string;
+    defaultBgSuccess: string;
+    defaultColorWaiting1: string;
+    defaultBorderColorWaiting1: string;
+    defaultBgWaiting1: string;
+    defaultColorWaiting2: string;
+    defaultBorderColorWaiting2: string;
+    defaultBgWaiting2: string;
+    defaultColorWaiting3: string;
+    defaultBorderColorWaiting3: string;
+    defaultBgWaiting3: string;
+    defaultColorFailed: string;
+    defaultBorderColorFailed: string;
+    defaultBgFailed: string;
+    fontSize: number;
+    paddingLeft: number;
+    paddingRight: number;
+    paddingTop: number;
+    paddingBottom: number;
+    fontSizeClose: number;
+    fontWeight: number;
+  };
+
+export type TooltipToken = AntdTooltipToken &
+  AliasToken & {
+    bgColor: string;
+  };
+
+export type FlexToken = AntdFlexToken & AliasToken;
+
+export type GridToken = AntdGridToken &
+  AliasToken & {
+    rowMaxWidth: number;
+    gutter: number;
+  };
+
+export type LayoutToken = AntdLayoutToken & AliasToken;
+
+export type SpinToken = AntdSpinToken & AliasToken;
+
+export type ModalToken = AntdModalToken &
+  AliasToken & {
+    padding: number | string;
+    fontWeight: number;
+    borderBottom: string;
+    footerPadding: string;
+    closeIconColor: string;
+    contentPadding: string;
+    footerMarginTop: string;
+    closeTop: string;
+    closeRight: string;
+    headerMarginBottom: number;
+    badgeColorContent: string;
+    badgeColorTop: number;
+    badgeColorLeft: number;
+    badgeColorWidth: number;
+    badgeColorHeight: number;
+    badgeColorPosition: PositionTypes;
+    badgeColorBackgroundColor: string;
+  };
+
+export type AlertToken = AntdAlertToken &
+  AliasToken & {
+    defaultColorSuccess: string;
+    defaultBorderColorSuccess: string;
+    defaultBgSuccess: string;
+    defaultColorWaiting1: string;
+    defaultBorderColorWaiting1: string;
+    defaultBgWaiting1: string;
+    defaultColorWaiting2: string;
+    defaultBorderColorWaiting2: string;
+    defaultBgWaiting2: string;
+    defaultColorWaiting3: string;
+    defaultBorderColorWaiting3: string;
+    defaultBgWaiting3: string;
+    defaultColorFailed: string;
+    defaultBorderColorFailed: string;
+    defaultBgFailed: string;
+  };
+
+export type ProgressToken = AntdProgressToken &
+  AliasToken & {
+    strokeColor: string;
+    trailColor: string;
+    borderRadius: string;
+    height: string;
+    successBgColor: string;
+  };
+
+export type StepsToken = AntdStepsToken &
+  AliasToken & {
+    zero?: string;
+    auto?: string;
+    none?: string;
+    full?: string;
+    flex?: string;
+    rowGap?: string;
+    iconWidthHeight?: string;
+    iconSize?: string;
+    paddingInlineEnd?: string;
+    tailTop?: string;
+    tailHeight?: string;
+    titleFontSize?: string;
+    iconColor?: string;
+    tailColor?: string;
+    tailLastChildColor?: string;
+    tailFirstChildColor?: string;
+    tailProcessFirstChildColor?: string;
+    tailProcessColor?: string;
+    tailWaitLastChildColor?: string;
+    finishIconBgColor?: string;
+    finishTailColor?: string;
+    processIconBgColor?: string;
+    waitIconBgColor?: string;
+    waitIconColor?: string;
+    waitTitleColor?: string;
+    waitTailColor?: string;
+    manyItemsTransform?: string;
+    manyItemsWidth?: string;
+    manyItemsHeight?: string;
+    manyItemsWhiteSpace?: string;
+    manyItemsMarginInlineStart?: string;
+    manyItemsIconWidthHeight?: string;
+    manyItemsTailHeight?: string;
+    manyItemsTailBottom?: string;
+  };
+
+export type FormToken = AntdFormToken &
+  AliasToken & {
+    lineHeight: number | string;
+    fontWeight: number;
+    verticalErrorPadding: string;
+  };
+
+export type GlobalToken = AntdGlobalToken & {
+  Button: ButtonToken;
+  Checkbox: CheckboxToken;
+  Radio: RadioToken;
+  Input: InputToken;
+  Breadcrumb: BreadcrumbToken;
+  Tag: TagToken;
+  Tooltip: TooltipToken;
+  Flex: FlexToken;
+  Grid: GridToken;
+  Layout: LayoutToken;
+  Spin: SpinToken;
+  Modal: ModalToken;
+  Alert: AlertToken;
+  Badge: BadgeToken;
+  Progress: ProgressToken;
+  Steps: StepsToken;
+  Form: FormToken;
+  Divider: DividerToken;
+};
+
+export type DividerToken = AntdDividerToken &
+  AliasToken & {
+    fontWeight: number;
+  };
+
+/**
+ * This is a type that is used to prevent the use of custom styles.
+ * Type name joke is stolen from React's internal props.
+ */
+export type DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE = {
+  [key: string]: never;
+};

package/dist/esm/colors.d.ts

@@ -1,6 +1,7 @@
 export declare const neutral: {
     '50': string;
     '75': string;
+    '80': string;
     '100': string;
     '150': string;
     '200': string;
@@ -10,6 +11,7 @@ export declare const neutral: {
     '375': string;
     '400': string;
     '500': string;
+    '550': string;
     '600': string;
     '700': string;
     '800': string;
@@ -17,9 +19,11 @@ export declare const neutral: {
     '950': string;
 };
 export declare const ebonyClay: {
+    '25': string;
     '50': string;
     '100': string;
     '150': string;
+    '175': string;
     '200': string;
     '300': string;
     '350': string;
@@ -32,18 +36,24 @@ export declare const ebonyClay: {
     '600': string;
     '700': string;
     '800': string;
+    '850': string;
     '900': string;
     '950': string;
+    '951': string;
 };
 export declare const gray: {
     '100': string;
+    '150': string;
     '200': string;
+    '250': string;
     '300': string;
     '400': string;
     '500': string;
     '600': string;
     '700': string;
+    '750': string;
     '800': string;
+    '850': string;
     '900': string;
     '925': string;
     '950': string;
@@ -54,12 +64,16 @@ export declare const red: {
     '200': string;
     '300': string;
     '400': string;
+    '425': string;
+    '450': string;
     '500': string;
     '600': string;
     '700': string;
     '800': string;
     '900': string;
     '950': string;
+    '951': string;
+    '952': string;
 };
 export declare const green: {
     '50': string;
@@ -73,6 +87,10 @@ export declare const green: {
     '800': string;
     '900': string;
     '950': string;
+    '951': string;
+    '952': string;
+    '953': string;
+    '954': string;
 };
 export declare const blue: {
     '50': string;
@@ -86,6 +104,10 @@ export declare const blue: {
     '800': string;
     '900': string;
     '950': string;
+    '951': string;
+    '952': string;
+    '953': string;
+    '954': string;
 };
 export declare const purple: {
     '50': string;
@@ -99,6 +121,9 @@ export declare const purple: {
     '800': string;
     '900': string;
     '950': string;
+    '951': string;
+    '952': string;
+    '953': string;
 };
 export declare const pink: {
     '50': string;
@@ -121,7 +146,6 @@ export declare const azure: {
     '400': string;
     '500': string;
     '600': string;
-    '750': string;
     '700': string;
     '800': string;
     '900': string;
@@ -133,12 +157,18 @@ export declare const orange: {
     '200': string;
     '300': string;
     '400': string;
+    '425': string;
+    '450': string;
     '500': string;
     '600': string;
     '700': string;
     '800': string;
     '900': string;
     '950': string;
+    '951': string;
+    '952': string;
+    '953': string;
+    '954': string;
 };
 export declare const akinon: {
     '50': string;

package/dist/esm/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAkBrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;CAYf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAajB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;CAgBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;CAgBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYjB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;CAkBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}

package/dist/esm/colors.js

@@ -2,7 +2,8 @@
 export const neutral = {
     '50': '#ffffff',
     '75': '#fbfcfd',
-    '100': '#f5f5f5',
+    '80': '#fafafa',
+    '100': '#f5f6f6',
     '150': '#f1f3f9',
     '200': '#e5e5e5',
     '250': '#d6e1e3',
@@ -11,6 +12,7 @@ export const neutral = {
     '375': '#bfbfbf',
     '400': '#a3a3a3',
     '500': '#737373',
+    '550': '#626262',
     '600': '#525252',
     '700': '#404040',
     '800': '#262626',
@@ -18,9 +20,11 @@ export const neutral = {
     '950': '#0a0a0a'
 };
 export const ebonyClay = {
+    '25': '#6c7ebe',
     '50': '#677084',
     '100': '#5c6880',
     '150': '#58669a',
+    '175': '#495679',
     '200': '#515c7c',
     '300': '#465178',
     '350': '#43464f',
@@ -33,18 +37,24 @@ export const ebonyClay = {
     '600': '#232b3b', // applied from design: header input bg
     '700': '#1d2331',
     '800': '#171d27',
+    '850': '#131826',
     '900': '#11171e',
-    '950': '#0c111a'
+    '950': '#0c111a',
+    '951': '#000000bf'
 };
 export const gray = {
     '100': '#f5f5f5',
+    '150': '#e9f0f7',
     '200': '#e5e5e5',
+    '250': '#d4d6f0',
     '300': '#d4d4d4',
     '400': '#a3a3a3',
     '500': '#788195', // applied from design: header text placeholder
     '600': '#525252',
     '700': '#404040',
+    '750': '#292b2c',
     '800': '#262626',
+    '850': '#30363e',
     '900': '#3b404c', // applied from design: layout border
     '925': '#36373b',
     '950': '#171717'
@@ -55,12 +65,16 @@ export const red = {
     '200': '#fce0cf',
     '300': '#fac7b1',
     '400': '#f58d7a',
+    '425': '#ff5163',
+    '450': '#f05050',
     '500': '#ef4444',
     '600': '#d93636',
     '700': '#b32525',
     '800': '#8f1818',
     '900': '#6b0e0e',
-    '950': '#450606'
+    '950': '#450606',
+    '951': '#e33030',
+    '952': '#f6b5b5'
 };
 export const green = {
     '50': '#fafcf2',
@@ -73,7 +87,11 @@ export const green = {
     '700': '#529e13',
     '800': '#3d800d',
     '900': '#275e07',
-    '950': '#163d03'
+    '950': '#163d03',
+    '951': '#67b50c',
+    '952': '#71d200',
+    '953': '#e3f6cc',
+    '954': '#7bd500'
 };
 export const blue = {
     '50': '#f5fcff',
@@ -86,7 +104,11 @@ export const blue = {
     '700': '#2153b8',
     '800': '#153b94',
     '900': '#0c286e',
-    '950': '#051647'
+    '950': '#051647',
+    '951': '#126a6f',
+    '952': '#75e2e7',
+    '953': '#c6f0f2',
+    '954': '#363d51'
 };
 export const purple = {
     '50': '#fbf7fc',
@@ -99,7 +121,10 @@ export const purple = {
     '700': '#72467b',
     '800': '#633e6a',
     '900': '#543659',
-    '950': '#341b37'
+    '950': '#341b37',
+    '951': '#7667b6',
+    '952': '#9387c7',
+    '953': '#eae7f4'
 };
 export const pink = {
     '50': '#fff7fd',
@@ -123,7 +148,6 @@ export const azure = {
     '400': '#599cff',
     '500': '#4482ff', // applied from design: primary button color
     '600': '#1b55f5',
-    '750': '#1890ff',
     '700': '#1440e1',
     '800': '#1734b6',
     '900': '#19318f',
@@ -136,12 +160,18 @@ export const orange = {
     '200': '#ffebbf',
     '300': '#fcd997',
     '400': '#fcb44e',
+    '425': '#ffaa49',
+    '450': '#ce8d0b',
     '500': '#f98003',
     '600': '#e06e02',
     '700': '#ba5202',
     '800': '#963d02',
     '900': '#702900',
-    '950': '#471700'
+    '950': '#471700',
+    '951': '#ff7041',
+    '952': '#ff7041',
+    '953': '#fce0ce',
+    '954': '#ffc76b'
 };
 // Akinon brand color and shades.
 export const akinon = {

package/dist/esm/index.d.ts

@@ -1,2 +1,3 @@
 export * from './theme';
+export * from './types.d';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/esm/index.js

@@ -1 +1,2 @@
 export * from './theme';
+export * from './types.d';

package/dist/esm/theme.d.ts

@@ -34,7 +34,7 @@ export declare const useToken: typeof antdTheme.useToken;
  * --color-{object_key}-{object_key}: {color_value};
  */
 export declare const getCssVariables: () => {
-    [key: string]: string;
+    [key: string]: string | number;
 };
 export {};
 //# sourceMappingURL=theme.d.ts.map

package/dist/esm/theme.d.ts.map

@@ -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;AAiBvD,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;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBAiGnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CAc3B,CAAC"}
+{"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;AAqCvD,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;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBAkWnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}