w-design-system 0.4.106 → 0.4.107

package/dist/components/LegacyTheme/index.d.ts

@@ -0,0 +1,92 @@
+export declare const spacing: {
+    space1: string;
+    space2: string;
+    space3: string;
+    space4: string;
+    space5: string;
+    space6: string;
+    space7: string;
+    space8: string;
+    space9: string;
+};
+export declare const theme: {
+    zIndex: {
+        z1: number;
+        z2: number;
+        z3: number;
+        z4: number;
+        z5: number;
+        z6: number;
+        z7: number;
+        z8: number;
+        z9: number;
+    };
+    spacing: {
+        space1: string;
+        space2: string;
+        space3: string;
+        space4: string;
+        space5: string;
+        space6: string;
+        space7: string;
+        space8: string;
+        space9: string;
+    };
+    shadow: {
+        shad1: string;
+    };
+    colors: {
+        transparent: string;
+        primary: string;
+        secondary: string;
+        white: string;
+        black: string;
+        cyan40: string;
+        cyan30: string;
+        cyan20: string;
+        cyan10: string;
+        mint40: string;
+        mint30: string;
+        mint20: string;
+        mint10: string;
+        honey40: string;
+        honey30: string;
+        honey20: string;
+        honey10: string;
+        red40: string;
+        red30: string;
+        red20: string;
+        red10: string;
+        shade80: string;
+        shade70: string;
+        shade60: string;
+        shade50: string;
+        shade40: string;
+        shade30: string;
+        shade20: string;
+        shade10: string;
+        shade05: string;
+        blue50: string;
+        blue40: string;
+        blue30: string;
+        blue20: string;
+        blue10: string;
+    };
+    fonts: string[];
+    fontSizes: {
+        small: string;
+        medium: string;
+        large: string;
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        p0: string;
+        p1: string;
+        p2: string;
+        p3: string;
+        p4: string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LegacyTheme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyTheme/index.ts"],"names":[],"mappings":"AAyDA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAA;AAkBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCjB,CAAA"}

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export { Modal } from './Modal/index';
 export { Paragraph } from './Paragraph/index';
 export { Tabs } from './Tabs/index';
 export { theme } from './Themes/index';
+export { theme as LegacyTheme } from './LegacyTheme/index';
 export { Title } from './Title/index';
 export { Paginate } from './Paginate/index';
 export { Table } from './Table/index';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-design-system",
-  "version": "0.4.106",
+  "version": "0.4.107",
   "main": "dist/w-design-system.umd.js",
   "module": "dist/w-design-system.es.js",
   "types": "dist/index.d.ts",

package/src/components/LegacyTheme/index.ts

@@ -0,0 +1,118 @@
+const buttonColor = {
+  primary: 'linear-gradient(90deg, rgba(58,130,180,1) 0%, rgba(29,135,253,1) 50%, rgba(69,131,252,1) 100%)',
+  secondary: 'linear-gradient(90deg, rgba(58,157,180,1) 0%, rgba(29,169,253,1) 50%, rgba(69,149,252,1) 100%)',
+}
+
+const blue = {
+  blue50: '#3A566E',
+  blue40: '#3A566E',
+  blue30: '#61788B',
+  blue20: '#A0AEB9',
+  blue10: '#EFF1F3',
+}
+
+const cyan = {
+  cyan40: '#0055B8',
+  cyan30: '#3377C6',
+  cyan20: '#99BBE3',
+  cyan10: '#E5EEF8',
+}
+
+const shades = {
+  shade80: '#262930',
+  shade70: '#4A4F58',
+  shade60: '#626262',
+  shade50: '#737373',
+  shade40: '#a2a2a2',
+  shade30: '#E5E7EB',
+  shade20: '#F0F1F2',
+  shade10: '#F0F1F2',
+  shade05: '#f8f8f8',
+}
+
+const red = {
+  red40: '#BA0000',
+  red30: '#DC8080',
+  red20: '#F1CCCC',
+  red10: '#FCF5F5',
+}
+
+const honey = {
+  honey40: '#F97316',
+  honey30: '#FDBA74',
+  honey20: '#eee2d9',
+  honey10: '#FFF7ED',
+}
+
+const mint = {
+  mint40: '#19A60D',
+  mint30: '#8CD286',
+  mint20: '#D1EDCF',
+  mint10: '#F1FFF4',
+}
+
+const white = '#FFFFFF'
+const black = '#000000'
+const transparent = 'transparent'
+
+export const spacing = {
+  space1: '4px',
+  space2: '8px',
+  space3: '16px',
+  space4: '24px',
+  space5: '32px',
+  space6: '40px',
+  space7: '48px',
+  space8: '56px',
+  space9: '64px',
+}
+
+const shadow = {
+  shad1: '0px 2px 5px 1px rgba(0, 0, 0, 0.05)',
+}
+
+const zIndex = {
+  z1: 100,
+  z2: 200,
+  z3: 300,
+  z4: 400,
+  z5: 500,
+  z6: 600,
+  z7: 700,
+  z8: 800,
+  z9: 900,
+}
+
+export const theme = {
+  zIndex,
+  spacing,
+  shadow,
+  colors: {
+    ...blue,
+    ...shades,
+    ...red,
+    ...honey,
+    ...mint,
+    ...cyan,
+    white,
+    black,
+    ...buttonColor,
+    transparent,
+  },
+  fonts: ['Ubuntu', 'Nunito Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
+  fontSizes: {
+    small: '1em',
+    medium: '2em',
+    large: '3em',
+    h1: '36px',
+    h2: '34px',
+    h3: '32px',
+    h4: '28px',
+    h5: '24px',
+    p0: '20px',
+    p1: '16px',
+    p2: '14px',
+    p3: '13px',
+    p4: '11px',
+  },
+}

package/src/components/index.tsx

@@ -7,6 +7,7 @@ export { Modal } from './Modal/index'
 export { Paragraph } from './Paragraph/index'
 export { Tabs } from './Tabs/index'
 export { theme } from './Themes/index'
+export { theme as LegacyTheme } from './LegacyTheme/index'
 export { Title } from './Title/index'
 export { Paginate } from './Paginate/index'
 export { Table } from './Table/index'