@4399ywkf/cli 0.0.21 → 1.0.2

package/dist/templates/src/color/colors/green.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const green: ColorScaleItem = {
+  dark: [
+    '#000503',
+    '#001d12',
+    '#002d1d',
+    '#003f28',
+    '#005232',
+    '#00653c',
+    '#007944',
+    '#1b8d4d',
+    '#3ba05a',
+    '#62c473',
+    '#96cd92',
+    '#cde6c3',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(0, 250, 150, 0.02)',
+    'rgba(0, 242, 150, 0.12)',
+    'rgba(0, 250, 161, 0.18)',
+    'rgba(0, 252, 160, 0.25)',
+    'rgba(0, 248, 152, 0.33)',
+    'rgba(0, 252, 150, 0.4)',
+    'rgba(0, 252, 142, 0.48)',
+    'rgba(48, 252, 137, 0.56)',
+    'rgba(94, 254, 143, 0.63)',
+    'rgba(120, 254, 145, 0.71)',
+    'rgba(185, 253, 180, 0.81)',
+    'rgba(225, 253, 214, 0.91)',
+    '#ffffff',
+  ],
+  light: [
+    '#ffffff',
+    '#f4fdeb',
+    '#e7f8dd',
+    '#d8f2ce',
+    '#c7eabd',
+    '#b4e1ac',
+    '#a0d79b',
+    '#89cc8a',
+    '#71c179',
+    '#379d4a',
+    '#007944',
+    '#003f28',
+    '#000503',
+  ],
+  lightA: [
+    'rgba(255, 255, 255, 0.02)',
+    'rgba(117, 230, 5, 0.06)',
+    'rgba(84, 205, 12, 0.10)',
+    'rgba(60, 190, 10, 0.14)',
+    'rgba(40, 174, 1, 0.26)',
+    'rgba(28, 164, 3, 0.33)',
+    'rgba(18, 155, 5, 0.4)',
+    'rgba(4, 146, 6, 0.47)',
+    'rgba(1, 144, 16, 0.56)',
+    'rgba(1, 143, 28, 0.67)',
+    '#007944',
+    '#003f28',
+    '#000503',
+  ],
+};
+
+export default green;

package/dist/templates/src/color/colors/index.ts

@@ -0,0 +1,66 @@
+import type { ColorScaleItem } from '../types';
+import blue from './blue';
+import cyan from './cyan';
+import geekblue from './geekblue';
+import gold from './gold';
+import gray from './gray';
+import green from './green';
+import lime from './lime';
+import magenta from './magenta';
+import orange from './orange';
+import primary from './primary';
+import purple from './purple';
+import red from './red';
+import volcano from './volcano';
+import yellow from './yellow';
+
+export interface ColorScales {
+  blue: ColorScaleItem;
+  cyan: ColorScaleItem;
+  geekblue: ColorScaleItem;
+  gold: ColorScaleItem;
+  gray: ColorScaleItem;
+  green: ColorScaleItem;
+  lime: ColorScaleItem;
+  magenta: ColorScaleItem;
+  orange: ColorScaleItem;
+  primary: ColorScaleItem;
+  purple: ColorScaleItem;
+  red: ColorScaleItem;
+  volcano: ColorScaleItem;
+  yellow: ColorScaleItem;
+}
+
+export const colorScales: ColorScales = {
+  blue,
+  cyan,
+  geekblue,
+  gold,
+  gray,
+  green,
+  lime,
+  magenta,
+  orange,
+  primary,
+  purple,
+  red,
+  volcano,
+  yellow,
+};
+
+export { colorScales as colors };
+
+export { default as blue } from './blue';
+export { default as cyan } from './cyan';
+export { default as geekblue } from './geekblue';
+export { default as gold } from './gold';
+export { default as gray } from './gray';
+export { default as green } from './green';
+export { default as lime } from './lime';
+export { default as magenta } from './magenta';
+export { default as orange } from './orange';
+export { default as primary } from './primary';
+export { default as purple } from './purple';
+export { default as red } from './red';
+export { default as volcano } from './volcano';
+export { default as yellow } from './yellow';

package/dist/templates/src/color/colors/lime.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const lime: ColorScaleItem = {
+  dark: [
+    '#020400',
+    '#142100',
+    '#253700',
+    '#374f00',
+    '#4b6800',
+    '#608200',
+    '#769d00',
+    '#8fb81b',
+    '#a9d42f',
+    '#c4f042',
+    '#daf685',
+    '#eefbbe',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(100, 200, 0, 0.02)',
+    'rgba(154, 254, 0, 0.13)',
+    'rgba(168, 250, 0, 0.22)',
+    'rgba(177, 255, 0, 0.31)',
+    'rgba(183, 254, 0, 0.41)',
+    'rgba(188, 255, 0, 0.51)',
+    'rgba(190, 253, 0, 0.62)',
+    'rgba(196, 252, 37, 0.73)',
+    'rgba(204, 255, 57, 0.83)',
+    'rgba(209, 255, 70, 0.94)',
+    'rgba(225, 254, 137, 0.97)',
+    'rgba(240, 254, 192, 0.99)',
+    '#ffffff',
+  ],
+  light: [
+    '#ffffff',
+    '#feffeb',
+    '#f9ffd8',
+    '#f2ffc1',
+    '#ebfdaf',
+    '#e4fc9b',
+    '#ddf987',
+    '#d5f773',
+    '#cdf35c',
+    '#c4f042',
+    '#769d00',
+    '#374f00',
+    '#020400',
+  ],
+  lightA: [
+    'rgba(255, 255, 255, 0.01)',
+    'rgba(242, 255, 5, 0.08)',
+    'rgba(218, 255, 11, 0.16)',
+    'rgba(203, 255, 7, 0.25)',
+    'rgba(193, 249, 5, 0.32)',
+    'rgba(187, 247, 5, 0.4)',
+    'rgba(183, 242, 0, 0.47)',
+    'rgba(179, 240, 0, 0.55)',
+    'rgba(177, 236, 0, 0.64)',
+    'rgba(175, 235, 0, 0.74)',
+    '#769d00',
+    '#374f00',
+    '#020400',
+  ],
+};
+
+export default lime;

package/dist/templates/src/color/colors/magenta.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const magenta: ColorScaleItem = {
+  dark: [
+    '#100002',
+    '#350011',
+    '#4b001e',
+    '#63002d',
+    '#79093f',
+    '#8e1752',
+    '#a32466',
+    '#b8317b',
+    '#ce3e91',
+    '#e34ba9',
+    '#f38bcb',
+    '#fec5e8',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(229, 0, 29, 0.07)',
+    'rgba(252, 0, 81, 0.21)',
+    'rgba(250, 0, 100, 0.3)',
+    'rgba(254, 0, 115, 0.39)',
+    'rgba(252, 19, 131, 0.48)',
+    'rgba(254, 41, 146, 0.56)',
+    'rgba(255, 56, 159, 0.64)',
+    'rgba(252, 67, 168, 0.73)',
+    'rgba(254, 77, 179, 0.81)',
+    'rgba(255, 84, 190, 0.89)',
+    'rgba(253, 145, 211, 0.96)',
+    '#fec5e8',
+    '#ffffff',
+  ],
+  light: [
+    '#ffffff',
+    '#fff7f9',
+    '#ffeaf4',
+    '#ffdaee',
+    '#ffc7e7',
+    '#ffb2df',
+    '#ff99d6',
+    '#f980ca',
+    '#ef67ba',
+    '#e34ba9',
+    '#a32466',
+    '#63002d',
+    '#100002',
+  ],
+  lightA: [
+    'rgba(255, 255, 255, 0.01)',
+    'rgba(255, 55, 105, 0.04)',
+    'rgba(255, 22, 133, 0.09)',
+    'rgba(255, 8, 142, 0.15)',
+    'rgba(255, 0, 146, 0.22)',
+    'rgba(255, 7, 152, 0.31)',
+    'rgba(255, 0, 153, 0.4)',
+    'rgba(243, 1, 149, 0.5)',
+    'rgba(228, 2, 140, 0.6)',
+    'rgba(216, 1, 134, 0.71)',
+    'rgba(148, 0, 77, 0.86)',
+    '#63002d',
+    '#100002',
+  ],
+};
+
+export default magenta;

package/dist/templates/src/color/colors/orange.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const orange: ColorScaleItem = {
+  dark: [
+    '#070300',
+    '#291900',
+    '#462b00',
+    '#684100',
+    '#8e5900',
+    '#b36f00',
+    '#d18000',
+    '#e88b00',
+    '#f89200',
+    '#ff9927',
+    '#ffd1b1',
+    '#fff1eb',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(233, 100, 0, 0.03)',
+    'rgba(241, 147, 0, 0.17)',
+    'rgba(250, 154, 0, 0.28)',
+    'rgba(254, 159, 0, 0.41)',
+    'rgba(254, 159, 0, 0.56)',
+    'rgba(252, 156, 0, 0.71)',
+    'rgba(255, 156, 0, 0.82)',
+    'rgba(255, 153, 0, 0.91)',
+    'rgba(253, 149, 0, 0.98)',
+    '#ff9927',
+    '#ffd1b1',
+    '#fff1eb',
+    '#ffffff',
+  ],
+  light: [
+    '#ffffff',
+    '#fffcff',
+    '#fff8f6',
+    '#fff1eb',
+    '#ffe9dd',
+    '#ffdeca',
+    '#ffd1b1',
+    '#ffc293',
+    '#ffb06a',
+    '#f88c13',
+    '#d18000',
+    '#684100',
+    '#070300',
+  ],
+  lightA: [
+    'rgba(255, 255, 255, 0.02)',
+    'rgba(255, 105, 255, 0.03)',
+    'rgba(255, 80, 30, 0.08)',
+    'rgba(255, 80, 5, 0.12)',
+    'rgba(255, 98, 12, 0.16)',
+    'rgba(255, 98, 3, 0.21)',
+    'rgba(255, 107, 3, 0.31)',
+    'rgba(255, 113, 4, 0.43)',
+    'rgba(255, 121, 2, 0.59)',
+    'rgba(255, 135, 1, 0.85)',
+    '#d18000',
+    '#684100',
+    '#070300',
+  ],
+};
+
+export default orange;

package/dist/templates/src/color/colors/primary.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const primary: ColorScaleItem = {
+  dark: [
+    '#000000',
+    '#111111',
+    '#333333',
+    '#555555',
+    '#666666',
+    '#888888',
+    '#aaaaaa',
+    '#cccccc',
+    '#dddddd',
+    '#eeeeee',
+    '#ffffff',
+    '#ffffff',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(255, 255, 255, 0.02)',
+    'rgba(255, 255, 255, 0.08)',
+    'rgba(255, 255, 255, 0.16)',
+    'rgba(255, 255, 255, 0.22)',
+    'rgba(255, 255, 255, 0.36)',
+    'rgba(255, 255, 255, 0.48)',
+    'rgba(255, 255, 255, 0.6)',
+    'rgba(255, 255, 255, 0.72)',
+    'rgba(255, 255, 255, 0.84)',
+    'rgba(255, 255, 255, 0.88)',
+    'rgba(255, 255, 255, 0.92)',
+    'rgba(255, 255, 255, 0.96)',
+    'rgba(255, 255, 255, 0.98)',
+  ],
+  light: [
+    '#ffffff',
+    '#f5f5f5',
+    '#eeeeee',
+    '#cccccc',
+    '#aaaaaa',
+    '#888888',
+    '#666666',
+    '#444444',
+    '#333333',
+    '#222222',
+    '#111111',
+    '#0b0b0b',
+    '#000000',
+  ],
+  lightA: [
+    'rgba(0, 0, 0, 0.02)',
+    'rgba(0, 0, 0, 0.08)',
+    'rgba(0, 0, 0, 0.16)',
+    'rgba(0, 0, 0, 0.22)',
+    'rgba(0, 0, 0, 0.36)',
+    'rgba(0, 0, 0, 0.48)',
+    'rgba(0, 0, 0, 0.6)',
+    'rgba(0, 0, 0, 0.72)',
+    'rgba(0, 0, 0, 0.84)',
+    'rgba(0, 0, 0, 0.88)',
+    'rgba(0, 0, 0, 0.92)',
+    'rgba(0, 0, 0, 0.96)',
+    'rgba(0, 0, 0, 0.98)',
+  ],
+};
+
+export default primary;

package/dist/templates/src/color/colors/purple.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const purple: ColorScaleItem = {
+  dark: [
+    '#0d000b',
+    '#2e002a',
+    '#42003e',
+    '#560053',
+    '#670e66',
+    '#781e78',
+    '#892b8a',
+    '#9a399e',
+    '#ab46b2',
+    '#bd54c6',
+    '#d590da',
+    '#edc7ee',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(217, 0, 183, 0.06)',
+    'rgba(242, 0, 221, 0.19)',
+    'rgba(254, 0, 238, 0.26)',
+    'rgba(253, 0, 244, 0.34)',
+    'rgba(251, 34, 249, 0.41)',
+    'rgba(255, 64, 255, 0.47)',
+    'rgba(249, 78, 251, 0.55)',
+    'rgba(248, 92, 255, 0.62)',
+    'rgba(244, 100, 254, 0.7)',
+    'rgba(242, 108, 254, 0.78)',
+    'rgba(248, 167, 253, 0.86)',
+    'rgba(252, 212, 253, 0.94)',
+    '#ffffff',
+  ],
+  light: [
+    '#ffffff',
+    '#fff6fb',
+    '#ffe7fd',
+    '#fdd6fe',
+    '#f6c4f8',
+    '#eeb1f1',
+    '#e49ce8',
+    '#d886de',
+    '#cb6ed2',
+    '#bd54c6',
+    '#892b8a',
+    '#560053',
+    '#0d000b',
+  ],
+  lightA: [
+    'rgba(255, 255, 255, 0.01)',
+    'rgba(255, 30, 155, 0.04)',
+    'rgba(255, 15, 235, 0.08)',
+    'rgba(243, 14, 249, 0.16)',
+    'rgba(218, 9, 226, 0.24)',
+    'rgba(200, 3, 210, 0.31)',
+    'rgba(186, 1, 196, 0.39)',
+    'rgba(174, 3, 186, 0.48)',
+    'rgba(164, 1, 176, 0.57)',
+    'rgba(156, 0, 170, 0.67)',
+    'rgba(113, 0, 114, 0.83)',
+    '#560053',
+    '#0d000b',
+  ],
+};
+
+export default purple;

package/dist/templates/src/color/colors/red.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const red: ColorScaleItem = {
+  dark: [
+    '#0f0003',
+    '#380015',
+    '#560023',
+    '#780032',
+    '#9d0042',
+    '#c10251',
+    '#d6225d',
+    '#e43165',
+    '#ee3a6a',
+    '#f4416c',
+    '#ffb0b7',
+    '#ffe8e8',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(250, 0, 50, 0.06)',
+    'rgba(255, 0, 95, 0.22)',
+    'rgba(253, 0, 103, 0.34)',
+    'rgba(255, 0, 106, 0.47)',
+    'rgba(253, 0, 106, 0.62)',
+    'rgba(254, 3, 107, 0.76)',
+    'rgba(255, 40, 111, 0.84)',
+    'rgba(253, 54, 112, 0.9)',
+    'rgba(253, 62, 113, 0.94)',
+    'rgba(254, 68, 112, 0.96)',
+    '#ffb0b7',
+    '#ffe8e8',
+    '#ffffff',
+  ],
+  light: [
+    '#ffffff',
+    '#fffbff',
+    '#fff3f3',
+    '#ffe8e8',
+    '#ffdadb',
+    '#ffc7ca',
+    '#ffb0b7',
+    '#ff94a1',
+    '#ff6f87',
+    '#f4416c',
+    '#d6225d',
+    '#780032',
+    '#0f0003',
+  ],
+  lightA: [
+    'rgba(255, 255, 255, 0.01)',
+    'rgba(255, 55, 255, 0.02)',
+    'rgba(255, 15, 15, 0.05)',
+    'rgba(255, 25, 25, 0.1)',
+    'rgba(255, 8, 15, 0.15)',
+    'rgba(255, 0, 14, 0.22)',
+    'rgba(255, 0, 23, 0.31)',
+    'rgba(255, 0, 31, 0.42)',
+    'rgba(255, 2, 44, 0.57)',
+    'rgba(240, 2, 59, 0.75)',
+    'rgba(208, 1, 69, 0.87)',
+    '#780032',
+    '#0f0003',
+  ],
+};
+
+export default red;

package/dist/templates/src/color/colors/volcano.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const volcano: ColorScaleItem = {
+  dark: [
+    '#0c0100',
+    '#2f0a00',
+    '#451200',
+    '#5d1900',
+    '#762000',
+    '#8e2a07',
+    '#a53716',
+    '#bc4424',
+    '#d45132',
+    '#ec5e41',
+    '#ff9480',
+    '#ffcbc3',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(240, 20, 0, 0.05)',
+    'rgba(247, 53, 0, 0.19)',
+    'rgba(246, 64, 0, 0.28)',
+    'rgba(251, 68, 0, 0.37)',
+    'rgba(251, 68, 0, 0.47)',
+    'rgba(254, 75, 12, 0.56)',
+    'rgba(254, 85, 34, 0.65)',
+    'rgba(254, 92, 49, 0.74)',
+    'rgba(255, 98, 60, 0.83)',
+    'rgba(254, 101, 70, 0.93)',
+    '#ff9480',
+    '#ffcbc3',
+    '#ffffff',
+  ],
+  light: [
+    '#ffffff',
+    '#fff7f6',
+    '#ffece9',
+    '#ffded9',
+    '#ffcec5',
+    '#ffbbaf',
+    '#ffa695',
+    '#ff8e78',
+    '#fb745a',
+    '#ec5e41',
+    '#a53716',
+    '#5d1900',
+    '#0c0100',
+  ],
+  lightA: [
+    'rgba(255, 255, 255, 0.01)',
+    'rgba(255, 55, 30, 0.04)',
+    'rgba(255, 44, 11, 0.06)',
+    'rgba(255, 35, 2, 0.12)',
+    'rgba(255, 42, 3, 0.20)',
+    'rgba(255, 43, 5, 0.32)',
+    'rgba(255, 43, 3, 0.42)',
+    'rgba(255, 42, 0, 0.53)',
+    'rgba(249, 41, 1, 0.65)',
+    'rgba(230, 40, 2, 0.75)',
+    'rgba(157, 38, 2, 0.92)',
+    '#5d1900',
+    '#0c0100',
+  ],
+};
+
+export default volcano;

package/dist/templates/src/color/colors/yellow.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const yellow: ColorScaleItem = {
+  dark: [
+    '#050400',
+    '#251d00',
+    '#3e3300',
+    '#584a00',
+    '#736300',
+    '#8e7d00',
+    '#ab9800',
+    '#c7b426',
+    '#e3d142',
+    '#ffef5c',
+    '#fff594',
+    '#fffad3',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(250, 200, 0, 0.02)',
+    'rgba(247, 193, 0, 0.15)',
+    'rgba(248, 204, 0, 0.25)',
+    'rgba(251, 211, 0, 0.35)',
+    'rgba(250, 215, 0, 0.46)',
+    'rgba(254, 223, 0, 0.56)',
+    'rgba(255, 227, 0, 0.67)',
+    'rgba(255, 231, 49, 0.78)',
+    'rgba(255, 235, 74, 0.89)',
+    '#ffef5c',
+    '#fff594',
+    '#fffad3',
+    '#ffffff',
+  ],
+  light: [
+    '#ffffff',
+    '#fffeff',
+    '#fffcff',
+    '#fffbf1',
+    '#fffada',
+    '#fff9c2',
+    '#fff7aa',
+    '#fff592',
+    '#fff279',
+    '#ffef5c',
+    '#ab9800',
+    '#584a00',
+    '#050400',
+  ],
+  lightA: [
+    'rgba(255, 255, 255, 0.01)',
+    'rgba(255, 155, 255, 0.01)',
+    'rgba(255, 105, 255, 0.02)',
+    'rgba(255, 188, 22, 0.06)',
+    'rgba(255, 222, 8, 0.15)',
+    'rgba(255, 230, 1, 0.24)',
+    'rgba(255, 231, 5, 0.34)',
+    'rgba(255, 232, 2, 0.43)',
+    'rgba(255, 230, 2, 0.53)',
+    'rgba(255, 230, 0, 0.64)',
+    '#ab9800',
+    '#584a00',
+    '#050400',
+  ],
+};
+
+export default yellow;

package/dist/templates/src/color/index.ts

@@ -0,0 +1,4 @@
+export * from './colors';
+export { default as ColorScales, type ColorScalesProps } from './ColorScales';
+export * from './neutrals';
+export { type ColorScaleItem } from './types';

package/dist/templates/src/color/neutrals/index.ts

@@ -0,0 +1,30 @@
+import type { ColorScaleItem } from '@/color/types';
+
+import mauve from './mauve';
+import olive from './olive';
+import sage from './sage';
+import sand from './sand';
+import slate from './slate';
+
+export interface NeutralColorScales {
+  mauve: ColorScaleItem;
+  olive: ColorScaleItem;
+  sage: ColorScaleItem;
+  sand: ColorScaleItem;
+  slate: ColorScaleItem;
+}
+
+export const neutralColorScales: NeutralColorScales = {
+  mauve,
+  olive,
+  sage,
+  sand,
+  slate,
+};
+
+export { neutralColorScales as neutrals };
+export { default as mauve } from './mauve';
+export { default as olive } from './olive';
+export { default as sage } from './sage';
+export { default as sand } from './sand';
+export { default as slate } from './slate';