dwv-ui 0.1.0 → 0.1.2

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.
package/dist/theme.d.ts CHANGED
@@ -50,6 +50,8 @@ declare const colors: {
50
50
  readonly 500: "#FCC404";
51
51
  readonly 600: "#E69D00";
52
52
  readonly 700: "#b96d04";
53
+ readonly 800: "#b96d04";
54
+ readonly 900: "#b96d04";
53
55
  };
54
56
  readonly orange: {
55
57
  readonly 100: "#FFEDD3";
@@ -59,6 +61,8 @@ declare const colors: {
59
61
  readonly 500: "#FF720A";
60
62
  readonly 600: "#F05906";
61
63
  readonly 700: "#C74207";
64
+ readonly 800: "#cc3e02";
65
+ readonly 900: "#cc3e02";
62
66
  };
63
67
  readonly blue: {
64
68
  readonly 100: "#E0EFFE";
@@ -73,11 +77,14 @@ declare const colors: {
73
77
  };
74
78
  readonly pink: {
75
79
  readonly 100: "#FDE4F8";
80
+ readonly 200: "#FBC9F0";
81
+ readonly 300: "#F9AFE8";
82
+ readonly 400: "#F694E0";
76
83
  readonly 500: "#F479D8";
84
+ readonly 600: "#F92DE4";
77
85
  readonly 700: "#D025B7";
78
- };
79
- readonly overlay: {
80
- readonly 100: "#0A0A0CD9";
86
+ readonly 800: "#A61C89";
87
+ readonly 900: "#7D135B";
81
88
  };
82
89
  };
83
90
  declare const borderRadius: {
@@ -145,7 +152,40 @@ declare const animations: {
145
152
  readonly 'scale-in': "scale-in 150ms ease-out";
146
153
  readonly 'scale-out': "scale-out 150ms ease-in";
147
154
  };
148
- declare const spacing: Record<number, string>;
155
+ declare const spacing: {
156
+ px: string;
157
+ 0: string;
158
+ 1: string;
159
+ 2: string;
160
+ 3: string;
161
+ 4: string;
162
+ 5: string;
163
+ 6: string;
164
+ 7: string;
165
+ 8: string;
166
+ 9: string;
167
+ 10: string;
168
+ 11: string;
169
+ 12: string;
170
+ 14: string;
171
+ 16: string;
172
+ 20: string;
173
+ 24: string;
174
+ 28: string;
175
+ 32: string;
176
+ 36: string;
177
+ 40: string;
178
+ 44: string;
179
+ 48: string;
180
+ 52: string;
181
+ 56: string;
182
+ 60: string;
183
+ 64: string;
184
+ 72: string;
185
+ 80: string;
186
+ 88: string;
187
+ 96: string;
188
+ };
149
189
 
150
190
  declare const dwvPreset: Partial<Config>;
151
191
 
package/dist/theme.js CHANGED
@@ -48,7 +48,9 @@ var colors = {
48
48
  400: "#FFE31E",
49
49
  500: "#FCC404",
50
50
  600: "#E69D00",
51
- 700: "#b96d04"
51
+ 700: "#b96d04",
52
+ 800: "#b96d04",
53
+ 900: "#b96d04"
52
54
  },
53
55
  orange: {
54
56
  100: "#FFEDD3",
@@ -57,7 +59,9 @@ var colors = {
57
59
  400: "#FF9232",
58
60
  500: "#FF720A",
59
61
  600: "#F05906",
60
- 700: "#C74207"
62
+ 700: "#C74207",
63
+ 800: "#cc3e02",
64
+ 900: "#cc3e02"
61
65
  },
62
66
  blue: {
63
67
  100: "#E0EFFE",
@@ -72,11 +76,14 @@ var colors = {
72
76
  },
73
77
  pink: {
74
78
  100: "#FDE4F8",
79
+ 200: "#FBC9F0",
80
+ 300: "#F9AFE8",
81
+ 400: "#F694E0",
75
82
  500: "#F479D8",
76
- 700: "#D025B7"
77
- },
78
- overlay: {
79
- 100: "#0A0A0CD9"
83
+ 600: "#F92DE4",
84
+ 700: "#D025B7",
85
+ 800: "#A61C89",
86
+ 900: "#7D135B"
80
87
  }
81
88
  };
82
89
  var borderRadius = {
@@ -124,10 +131,70 @@ var animations = {
124
131
  "scale-in": "scale-in 150ms ease-out",
125
132
  "scale-out": "scale-out 150ms ease-in"
126
133
  };
127
- var spacing = Array.from({ length: 100 }, (_, index) => index * 4).reduce((acc, value) => {
128
- acc[value] = `${value / 4}rem`;
129
- return acc;
130
- }, {});
134
+ var spacing = {
135
+ px: "1px",
136
+ 0: "0",
137
+ 1: "0.25rem",
138
+ // 4px
139
+ 2: "0.5rem",
140
+ // 8px
141
+ 3: "0.75rem",
142
+ // 12px
143
+ 4: "1rem",
144
+ // 16px
145
+ 5: "1.25rem",
146
+ // 20px
147
+ 6: "1.5rem",
148
+ // 24px
149
+ 7: "1.75rem",
150
+ // 28px
151
+ 8: "2rem",
152
+ // 32px
153
+ 9: "2.25rem",
154
+ // 36px
155
+ 10: "2.5rem",
156
+ // 40px
157
+ 11: "2.75rem",
158
+ // 44px
159
+ 12: "3rem",
160
+ // 48px
161
+ 14: "3.5rem",
162
+ // 56px
163
+ 16: "4rem",
164
+ // 64px
165
+ 20: "5rem",
166
+ // 80px
167
+ 24: "6rem",
168
+ // 96px
169
+ 28: "7rem",
170
+ // 112px
171
+ 32: "8rem",
172
+ // 128px
173
+ 36: "9rem",
174
+ // 144px
175
+ 40: "10rem",
176
+ // 160px
177
+ 44: "11rem",
178
+ // 176px
179
+ 48: "12rem",
180
+ // 192px
181
+ 52: "13rem",
182
+ // 208px
183
+ 56: "14rem",
184
+ // 224px
185
+ 60: "15rem",
186
+ // 240px
187
+ 64: "16rem",
188
+ // 256px
189
+ 72: "18rem",
190
+ // 288px
191
+ 80: "20rem",
192
+ // 320px
193
+ 88: "22rem",
194
+ // 352px
195
+ 96: "24rem"
196
+ // 384px
197
+ };
131
198
 
132
199
  // src/theme/preset.ts
133
200
  var dwvPreset = {
package/dist/theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/theme/tokens.ts","../src/theme/preset.ts"],"names":[],"mappings":";AAAA,IAAM,MAAA,GAAS;AAAA,EACb,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,OAAA,EAAS;AAAA,IACP,CAAA,EAAG,SAAA;AAAA,IACH,EAAA,EAAI,SAAA;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,OAAA,EAAS;AAAA,IACP,GAAA,EAAK;AAAA;AAET;AAEA,IAAM,YAAA,GAAe;AAAA,EACjB,IAAA,EAAM,GAAA;AAAA,EACN,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM;AACR;AAEF,IAAM,UAAA,GAAa;AAAA,EACjB,IAAA,EAAM,GAAA;AAAA,EACN,KAAA,EAAO,KAAA;AAAA,EACP,MAAA,EAAQ;AACV;AAEA,IAAM,OAAA,GAAU;AAAA,EACd,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,KAAA,EAAO,MAAA;AAAA,EACP,KAAA,EAAO;AACT;AAEA,IAAM,SAAA,GAAY;AAAA,EAChB,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,IACrB,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA;AAAI,GACrB;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,IACrB,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA;AAAI,GACrB;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,aAAA,EAAc;AAAA,IAC/C,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,UAAA;AAAW,GAC5C;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,UAAA,EAAW;AAAA,IAC5C,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,aAAA;AAAc;AAEjD;AAEA,IAAM,UAAA,GAAa;AAAA,EACjB,SAAA,EAAW,wBAAA;AAAA,EACX,UAAA,EAAY,wBAAA;AAAA,EACZ,UAAA,EAAY,yBAAA;AAAA,EACZ,WAAA,EAAa;AACf;AAEA,IAAM,UAAU,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,KAAI,EAAG,CAAC,CAAA,EAAG,KAAA,KAAU,QAAQ,CAAC,CAAA,CAAE,MAAA,CAA+B,CAAC,KAAK,KAAA,KAAU;AAClH,EAAA,GAAA,CAAI,KAAK,CAAA,GAAI,CAAA,EAAG,KAAA,GAAQ,CAAC,CAAA,GAAA,CAAA;AACzB,EAAA,OAAO,GAAA;AACT,CAAA,EAAG,EAAE;;;AC3HE,IAAM,SAAA,GAA6B;AAAA,EACxC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA,EAAY;AAAA,QACV,MAAA,EAAQ,CAAC,QAAA,EAAU,YAAY;AAAA,OACjC;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA;AACF;AAEJ","file":"theme.js","sourcesContent":["const colors = {\n brand: {\n 100: '#ffdddd',\n 200: '#ffc0c0',\n 300: '#ff9494',\n 400: '#ff5757',\n 500: '#ff2323',\n 600: '#d70000',\n 700: '#b10303',\n 800: '#920A0A',\n 900: '#500000'\n },\n neutral: {\n 0: '#ffffff',\n 50: '#F9F9FA',\n 100: '#F5F5F6',\n 200: '#E6E6E7',\n 300: '#CFCFD2',\n 400: '#AEADB3',\n 500: '#85848C',\n 600: '#6A6971',\n 700: '#5B5A60',\n 800: '#4D4C51',\n 900: '#444347',\n 1000: '#363538'\n },\n dark: {\n 100: '#2C2C2E',\n 200: '#202021',\n 300: '#161618'\n },\n green: {\n 100: '#DFF9E2',\n 200: '#C1F1C7',\n 300: '#91E49B',\n 400: '#5ACE69',\n 500: '#33B444',\n 600: '#28A138',\n 700: '#20752C',\n 800: '#1B4C22',\n 900: '#092A0F'\n },\n yellow: {\n 100: '#FFFDC5',\n 200: '#FFFA87',\n 300: '#FFF148',\n 400: '#FFE31E',\n 500: '#FCC404',\n 600: '#E69D00',\n 700: '#b96d04'\n },\n orange: {\n 100: '#FFEDD3',\n 200: '#FFD8A5',\n 300: '#FFBB6D',\n 400: '#FF9232',\n 500: '#FF720A',\n 600: '#F05906',\n 700: '#C74207'\n },\n blue: {\n 100: '#E0EFFE',\n 200: '#BADFFD',\n 300: '#7CC6FD',\n 400: '#37AAF9',\n 500: '#0D8FEA',\n 600: '#0172CB',\n 700: '#0259A2',\n 800: '#0B406F',\n 900: '#082849'\n },\n pink: {\n 100: '#FDE4F8',\n 500: '#F479D8',\n 700: '#D025B7'\n },\n overlay: {\n 100: '#0A0A0CD9'\n }\n} as const\n\nconst borderRadius = {\n none: '0',\n sm: '0.3125rem',\n md: '0.625rem',\n lg: '0.9375rem',\n all: '50%',\n full: '50%'\n } as const\n\nconst lineHeight = {\n none: '1',\n tight: '1.2',\n normal: '1.5'\n} as const\n\nconst screens = {\n sm: '30em',\n md: '48em',\n lg: '62em',\n xl: '80em',\n '2xl': '96em',\n '3xl': '120em'\n} as const\n\nconst keyframes = {\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' }\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' }\n },\n 'scale-in': {\n from: { opacity: '0', transform: 'scale(0.95)' },\n to: { opacity: '1', transform: 'scale(1)' }\n },\n 'scale-out': {\n from: { opacity: '1', transform: 'scale(1)' },\n to: { opacity: '0', transform: 'scale(0.95)' }\n }\n} as const\n\nconst animations = {\n 'fade-in': 'fade-in 150ms ease-out',\n 'fade-out': 'fade-out 150ms ease-in',\n 'scale-in': 'scale-in 150ms ease-out',\n 'scale-out': 'scale-out 150ms ease-in'\n} as const\n\nconst spacing = Array.from({ length: 100 }, (_, index) => index * 4).reduce<Record<number, string>>((acc, value) => {\n acc[value] = `${value / 4}rem`\n return acc\n}, {})\n\nexport { animations, borderRadius, colors, keyframes, lineHeight, screens, spacing }\n","import type { Config } from 'tailwindcss'\nimport {\n animations,\n borderRadius,\n colors,\n keyframes,\n lineHeight,\n screens,\n spacing\n} from './tokens'\n\nexport const dwvPreset: Partial<Config> = {\n theme: {\n extend: {\n colors,\n borderRadius,\n fontFamily: {\n roboto: ['Roboto', 'sans-serif']\n },\n lineHeight,\n screens,\n keyframes,\n animations,\n spacing\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../src/theme/tokens.ts","../src/theme/preset.ts"],"names":[],"mappings":";AAAA,IAAM,MAAA,GAAS;AAAA,EACb,KAAA,EAAO;AAAA,IACH,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,OAAA,EAAS;AAAA,IACP,CAAA,EAAG,SAAA;AAAA,IACH,EAAA,EAAI,SAAA;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAEX;AAEA,IAAM,YAAA,GAAe;AAAA,EACjB,IAAA,EAAM,GAAA;AAAA,EACN,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM;AACR;AAEF,IAAM,UAAA,GAAa;AAAA,EACjB,IAAA,EAAM,GAAA;AAAA,EACN,KAAA,EAAO,KAAA;AAAA,EACP,MAAA,EAAQ;AACV;AAEA,IAAM,OAAA,GAAU;AAAA,EACd,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,KAAA,EAAO,MAAA;AAAA,EACP,KAAA,EAAO;AACT;AAEA,IAAM,SAAA,GAAY;AAAA,EAChB,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,IACrB,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA;AAAI,GACrB;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,IACrB,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA;AAAI,GACrB;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,aAAA,EAAc;AAAA,IAC/C,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,UAAA;AAAW,GAC5C;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,UAAA,EAAW;AAAA,IAC5C,EAAA,EAAI,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,aAAA;AAAc;AAEjD;AAEA,IAAM,UAAA,GAAa;AAAA,EACjB,SAAA,EAAW,wBAAA;AAAA,EACX,UAAA,EAAY,wBAAA;AAAA,EACZ,UAAA,EAAY,yBAAA;AAAA,EACZ,WAAA,EAAa;AACf;AAEA,IAAM,OAAA,GAAU;AAAA,EACZ,EAAA,EAAI,KAAA;AAAA,EACJ,CAAA,EAAG,GAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA;AAAA,EACH,CAAA,EAAG,QAAA;AAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA;AAAA,EACH,CAAA,EAAG,QAAA;AAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA;AAAA,EACH,EAAA,EAAI,QAAA;AAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA;AAAA,EACJ,EAAA,EAAI;AAAA;AACN;;;AChKK,IAAM,SAAA,GAA6B;AAAA,EACxC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA,EAAY;AAAA,QACV,MAAA,EAAQ,CAAC,QAAA,EAAU,YAAY;AAAA,OACjC;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA;AACF;AAEJ","file":"theme.js","sourcesContent":["const colors = {\n brand: {\n 100: '#ffdddd',\n 200: '#ffc0c0',\n 300: '#ff9494',\n 400: '#ff5757',\n 500: '#ff2323',\n 600: '#d70000',\n 700: '#b10303',\n 800: '#920A0A',\n 900: '#500000'\n },\n neutral: {\n 0: '#ffffff',\n 50: '#F9F9FA',\n 100: '#F5F5F6',\n 200: '#E6E6E7',\n 300: '#CFCFD2',\n 400: '#AEADB3',\n 500: '#85848C',\n 600: '#6A6971',\n 700: '#5B5A60',\n 800: '#4D4C51',\n 900: '#444347',\n 1000: '#363538'\n },\n dark: {\n 100: '#2C2C2E',\n 200: '#202021',\n 300: '#161618'\n },\n green: {\n 100: '#DFF9E2',\n 200: '#C1F1C7',\n 300: '#91E49B',\n 400: '#5ACE69',\n 500: '#33B444',\n 600: '#28A138',\n 700: '#20752C',\n 800: '#1B4C22',\n 900: '#092A0F'\n },\n yellow: {\n 100: '#FFFDC5',\n 200: '#FFFA87',\n 300: '#FFF148',\n 400: '#FFE31E',\n 500: '#FCC404',\n 600: '#E69D00',\n 700: '#b96d04',\n 800: '#b96d04',\n 900: '#b96d04'\n },\n orange: {\n 100: '#FFEDD3',\n 200: '#FFD8A5',\n 300: '#FFBB6D',\n 400: '#FF9232',\n 500: '#FF720A',\n 600: '#F05906',\n 700: '#C74207',\n 800: '#cc3e02',\n 900: '#cc3e02'\n },\n blue: {\n 100: '#E0EFFE',\n 200: '#BADFFD',\n 300: '#7CC6FD',\n 400: '#37AAF9',\n 500: '#0D8FEA',\n 600: '#0172CB',\n 700: '#0259A2',\n 800: '#0B406F',\n 900: '#082849'\n },\n pink: {\n 100: '#FDE4F8',\n 200: '#FBC9F0',\n 300: '#F9AFE8',\n 400: '#F694E0',\n 500: '#F479D8',\n 600: '#F92DE4',\n 700: '#D025B7',\n 800: '#A61C89',\n 900: '#7D135B'\n }\n} as const\n\nconst borderRadius = {\n none: '0',\n sm: '0.3125rem',\n md: '0.625rem',\n lg: '0.9375rem',\n all: '50%',\n full: '50%'\n } as const\n\nconst lineHeight = {\n none: '1',\n tight: '1.2',\n normal: '1.5'\n} as const\n\nconst screens = {\n sm: '30em',\n md: '48em',\n lg: '62em',\n xl: '80em',\n '2xl': '96em',\n '3xl': '120em'\n} as const\n\nconst keyframes = {\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' }\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' }\n },\n 'scale-in': {\n from: { opacity: '0', transform: 'scale(0.95)' },\n to: { opacity: '1', transform: 'scale(1)' }\n },\n 'scale-out': {\n from: { opacity: '1', transform: 'scale(1)' },\n to: { opacity: '0', transform: 'scale(0.95)' }\n }\n} as const\n\nconst animations = {\n 'fade-in': 'fade-in 150ms ease-out',\n 'fade-out': 'fade-out 150ms ease-in',\n 'scale-in': 'scale-in 150ms ease-out',\n 'scale-out': 'scale-out 150ms ease-in'\n} as const\n\nconst spacing = {\n px: '1px',\n 0: '0',\n 1: '0.25rem', // 4px\n 2: '0.5rem', // 8px\n 3: '0.75rem', // 12px\n 4: '1rem', // 16px\n 5: '1.25rem', // 20px\n 6: '1.5rem', // 24px\n 7: '1.75rem', // 28px\n 8: '2rem', // 32px\n 9: '2.25rem', // 36px\n 10: '2.5rem', // 40px\n 11: '2.75rem', // 44px\n 12: '3rem', // 48px\n 14: '3.5rem', // 56px\n 16: '4rem', // 64px\n 20: '5rem', // 80px\n 24: '6rem', // 96px\n 28: '7rem', // 112px\n 32: '8rem', // 128px\n 36: '9rem', // 144px\n 40: '10rem', // 160px\n 44: '11rem', // 176px\n 48: '12rem', // 192px\n 52: '13rem', // 208px\n 56: '14rem', // 224px\n 60: '15rem', // 240px\n 64: '16rem', // 256px\n 72: '18rem', // 288px\n 80: '20rem', // 320px\n 88: '22rem', // 352px\n 96: '24rem' // 384px\n }\n\nexport { animations, borderRadius, colors, keyframes, lineHeight, screens, spacing }\n","import type { Config } from 'tailwindcss'\nimport {\n animations,\n borderRadius,\n colors,\n keyframes,\n lineHeight,\n screens,\n spacing\n} from './tokens'\n\nexport const dwvPreset: Partial<Config> = {\n theme: {\n extend: {\n colors,\n borderRadius,\n fontFamily: {\n roboto: ['Roboto', 'sans-serif']\n },\n lineHeight,\n screens,\n keyframes,\n animations,\n spacing\n }\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dwv-ui",
3
- "version": "0.1.0",
3
+ "version": "0.1.2",
4
4
  "description": "Design System da DWV",
5
5
  "type": "module",
6
6
  "module": "./dist/index.js",
@@ -28,7 +28,8 @@
28
28
  "dev": "tsup --watch",
29
29
  "build": "tsup",
30
30
  "lint": "eslint src/",
31
- "typecheck": "tsc --noEmit"
31
+ "typecheck": "tsc --noEmit",
32
+ "npm:update": "npm version patch && npm publish --access public --registry https://registry.npmjs.org"
32
33
  },
33
34
  "peerDependencies": {
34
35
  "react": "^18.0.0 || ^19.0.0",