@smart-coder-labs/apple-design-system 1.0.8 → 1.0.10

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@smart-coder-labs/apple-design-system",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "description": "Design system completo estilo Apple (macOS/iOS/VisionOS) con Framer Motion",
5
5
  "keywords": [
6
6
  "apple-design-system",
package/dist/tokens.d.ts DELETED
@@ -1,92 +0,0 @@
1
- export declare const tokens: {
2
- readonly colors: {
3
- readonly light: {
4
- readonly background: {
5
- readonly primary: "#FFFFFF";
6
- readonly secondary: "#F5F5F7";
7
- readonly tertiary: "#FFFFFF";
8
- };
9
- readonly text: {
10
- readonly primary: "#1D1D1F";
11
- readonly secondary: "#6E6E73";
12
- readonly tertiary: "#86868B";
13
- };
14
- readonly border: {
15
- readonly default: "rgba(0, 0, 0, 0.1)";
16
- readonly divider: "rgba(0, 0, 0, 0.05)";
17
- };
18
- };
19
- readonly dark: {
20
- readonly background: {
21
- readonly primary: "#000000";
22
- readonly secondary: "#1C1C1E";
23
- readonly tertiary: "#2C2C2E";
24
- };
25
- readonly text: {
26
- readonly primary: "#F5F5F7";
27
- readonly secondary: "#98989D";
28
- readonly tertiary: "#6E6E73";
29
- };
30
- readonly border: {
31
- readonly default: "rgba(255, 255, 255, 0.12)";
32
- readonly divider: "rgba(255, 255, 255, 0.08)";
33
- };
34
- };
35
- readonly accent: {
36
- readonly light: {
37
- readonly blue: "#007AFF";
38
- readonly purple: "#AF52DE";
39
- readonly pink: "#FF2D55";
40
- readonly red: "#FF3B30";
41
- readonly orange: "#FF9500";
42
- readonly yellow: "#FFCC00";
43
- readonly green: "#34C759";
44
- readonly teal: "#5AC8FA";
45
- readonly indigo: "#5856D6";
46
- };
47
- readonly dark: {
48
- readonly blue: "#0A84FF";
49
- readonly purple: "#BF5AF2";
50
- readonly pink: "#FF375F";
51
- readonly red: "#FF453A";
52
- readonly orange: "#FF9F0A";
53
- readonly yellow: "#FFD60A";
54
- readonly green: "#30D158";
55
- readonly teal: "#64D2FF";
56
- readonly indigo: "#5E5CE6";
57
- };
58
- };
59
- };
60
- readonly radius: {
61
- readonly sm: "8px";
62
- readonly md: "12px";
63
- readonly lg: "16px";
64
- readonly xl: "20px";
65
- readonly full: "9999px";
66
- };
67
- readonly shadows: {
68
- readonly light: {
69
- readonly sm: "0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02)";
70
- readonly md: "0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04)";
71
- readonly lg: "0 8px 32px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06)";
72
- };
73
- readonly dark: {
74
- readonly sm: "0 2px 8px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1)";
75
- readonly md: "0 4px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2)";
76
- readonly lg: "0 8px 32px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3)";
77
- };
78
- };
79
- readonly animation: {
80
- readonly duration: {
81
- readonly fast: "0.15s";
82
- readonly normal: "0.2s";
83
- readonly slow: "0.3s";
84
- };
85
- readonly easing: {
86
- readonly default: "cubic-bezier(0.25, 0.1, 0.25, 1.0)";
87
- readonly spring: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
88
- };
89
- };
90
- };
91
- export type Tokens = typeof tokens;
92
- //# sourceMappingURL=tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGT,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}
package/dist/tokens.js DELETED
@@ -1,101 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.tokens = void 0;
4
- exports.tokens = {
5
- // 🎨 PALETA DE COLORES
6
- colors: {
7
- // Neutrales (Light Mode)
8
- light: {
9
- background: {
10
- primary: '#FFFFFF',
11
- secondary: '#F5F5F7',
12
- tertiary: '#FFFFFF',
13
- },
14
- text: {
15
- primary: '#1D1D1F',
16
- secondary: '#6E6E73',
17
- tertiary: '#86868B',
18
- },
19
- border: {
20
- default: 'rgba(0, 0, 0, 0.1)',
21
- divider: 'rgba(0, 0, 0, 0.05)',
22
- },
23
- },
24
- // Neutrales (Dark Mode)
25
- dark: {
26
- background: {
27
- primary: '#000000',
28
- secondary: '#1C1C1E',
29
- tertiary: '#2C2C2E',
30
- },
31
- text: {
32
- primary: '#F5F5F7',
33
- secondary: '#98989D',
34
- tertiary: '#6E6E73',
35
- },
36
- border: {
37
- default: 'rgba(255, 255, 255, 0.12)',
38
- divider: 'rgba(255, 255, 255, 0.08)',
39
- },
40
- },
41
- // Accents
42
- accent: {
43
- light: {
44
- blue: '#007AFF',
45
- purple: '#AF52DE',
46
- pink: '#FF2D55',
47
- red: '#FF3B30',
48
- orange: '#FF9500',
49
- yellow: '#FFCC00',
50
- green: '#34C759',
51
- teal: '#5AC8FA',
52
- indigo: '#5856D6',
53
- },
54
- dark: {
55
- blue: '#0A84FF',
56
- purple: '#BF5AF2',
57
- pink: '#FF375F',
58
- red: '#FF453A',
59
- orange: '#FF9F0A',
60
- yellow: '#FFD60A',
61
- green: '#30D158',
62
- teal: '#64D2FF',
63
- indigo: '#5E5CE6',
64
- },
65
- },
66
- },
67
- // 🔲 RADIUS
68
- radius: {
69
- sm: '8px',
70
- md: '12px',
71
- lg: '16px',
72
- xl: '20px',
73
- full: '9999px',
74
- },
75
- // 🌫️ SOMBRAS
76
- shadows: {
77
- light: {
78
- sm: '0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02)',
79
- md: '0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04)',
80
- lg: '0 8px 32px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06)',
81
- },
82
- dark: {
83
- sm: '0 2px 8px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1)',
84
- md: '0 4px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2)',
85
- lg: '0 8px 32px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3)',
86
- },
87
- },
88
- // ⚡ ANIMACIONES
89
- animation: {
90
- duration: {
91
- fast: '0.15s',
92
- normal: '0.2s',
93
- slow: '0.3s',
94
- },
95
- easing: {
96
- default: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)',
97
- spring: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
98
- },
99
- },
100
- };
101
- //# sourceMappingURL=tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../tokens.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IAClB,uBAAuB;IACvB,MAAM,EAAE;QACJ,yBAAyB;QACzB,KAAK,EAAE;YACH,UAAU,EAAE;gBACR,OAAO,EAAE,SAAS;gBAClB,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,SAAS;aACtB;YACD,IAAI,EAAE;gBACF,OAAO,EAAE,SAAS;gBAClB,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,SAAS;aACtB;YACD,MAAM,EAAE;gBACJ,OAAO,EAAE,oBAAoB;gBAC7B,OAAO,EAAE,qBAAqB;aACjC;SACJ;QACD,wBAAwB;QACxB,IAAI,EAAE;YACF,UAAU,EAAE;gBACR,OAAO,EAAE,SAAS;gBAClB,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,SAAS;aACtB;YACD,IAAI,EAAE;gBACF,OAAO,EAAE,SAAS;gBAClB,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,SAAS;aACtB;YACD,MAAM,EAAE;gBACJ,OAAO,EAAE,2BAA2B;gBACpC,OAAO,EAAE,2BAA2B;aACvC;SACJ;QACD,UAAU;QACV,MAAM,EAAE;YACJ,KAAK,EAAE;gBACH,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,SAAS;gBACjB,IAAI,EAAE,SAAS;gBACf,GAAG,EAAE,SAAS;gBACd,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,SAAS;aACpB;YACD,IAAI,EAAE;gBACF,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,SAAS;gBACjB,IAAI,EAAE,SAAS;gBACf,GAAG,EAAE,SAAS;gBACd,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,SAAS;aACpB;SACJ;KACJ;IACD,YAAY;IACZ,MAAM,EAAE;QACJ,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,QAAQ;KACjB;IACD,cAAc;IACd,OAAO,EAAE;QACL,KAAK,EAAE;YACH,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,+DAA+D;YACnE,EAAE,EAAE,+DAA+D;SACtE;QACD,IAAI,EAAE;YACF,EAAE,EAAE,4DAA4D;YAChE,EAAE,EAAE,6DAA6D;YACjE,EAAE,EAAE,6DAA6D;SACpE;KACJ;IACD,gBAAgB;IAChB,SAAS,EAAE;QACP,QAAQ,EAAE;YACN,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,MAAM;SACf;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,oCAAoC;YAC7C,MAAM,EAAE,yCAAyC;SACpD;KACJ;CACK,CAAC"}