ywana-core8 0.1.92 → 0.1.93
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/doc/package-lock.json +4 -4
- package/doc/package.json +1 -1
- package/doc/public/index.html +2 -0
- package/doc/src/App.js +84 -4
- package/doc/src/components/WelcomePage.js +21 -21
- package/doc/src/index.css +9 -0
- package/doc/src/index.js +5 -1
- package/doc/src/theme.css +256 -0
- package/package.json +2 -2
package/doc/package-lock.json
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"react": "^19.1.1",
|
|
13
13
|
"react-dom": "^19.1.1",
|
|
14
14
|
"react-scripts": "^5.0.1",
|
|
15
|
-
"ywana-core8": "
|
|
15
|
+
"ywana-core8": "0.1.92"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"..": {
|
|
@@ -17268,9 +17268,9 @@
|
|
|
17268
17268
|
}
|
|
17269
17269
|
},
|
|
17270
17270
|
"node_modules/ywana-core8": {
|
|
17271
|
-
"version": "0.1.
|
|
17272
|
-
"resolved": "https://registry.npmjs.org/ywana-core8/-/ywana-core8-0.1.
|
|
17273
|
-
"integrity": "sha512-
|
|
17271
|
+
"version": "0.1.92",
|
|
17272
|
+
"resolved": "https://registry.npmjs.org/ywana-core8/-/ywana-core8-0.1.92.tgz",
|
|
17273
|
+
"integrity": "sha512-jvN2NPLe+pVWnt7HqUx+CVuIudTPgnHWZaXb/zQEhfaTm/boZfLv0dBdRvfvdDTN8MNZicuIEMby7POl+YyCpw==",
|
|
17274
17274
|
"dependencies": {
|
|
17275
17275
|
"axios": "^1.3.4",
|
|
17276
17276
|
"crypto-js": "^4.1.1",
|
package/doc/package.json
CHANGED
package/doc/public/index.html
CHANGED
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
15
15
|
|
|
16
16
|
<title>Ywana Core8 - Documentación</title>
|
|
17
|
+
<script defer="defer" src="static/js/main.b8affaf0.js"></script>
|
|
18
|
+
<link href="static/css/main.705ece8d.css" rel="stylesheet">
|
|
17
19
|
</head>
|
|
18
20
|
<body>
|
|
19
21
|
<noscript>Necesitas habilitar JavaScript para ejecutar esta aplicación.</noscript>
|
package/doc/src/App.js
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { Fragment } from 'react';
|
|
2
2
|
import { Site, Page } from 'ywana-core8';
|
|
3
|
-
import {
|
|
3
|
+
import { ButtonExamples, AccordionExamples, CheckBoxExamples, ChipExamples, ColorExamples, FormExamples, Header2Examples, IconExamples, ListExamples, ProgressExamples, PropertyExamples, RadioExamples, SectionExamples, SwitchExamples, TabExamples, TableExamples, DataTable2Examples, TextField2Examples, TokenFieldExamples, TreeExamples } from 'ywana-core8'
|
|
4
4
|
import './App.css';
|
|
5
5
|
|
|
6
|
+
// Hacer Fragment disponible globalmente para los componentes de ywana-core8
|
|
7
|
+
window.React = React;
|
|
8
|
+
window.Fragment = Fragment;
|
|
9
|
+
|
|
6
10
|
// Importar componentes de ejemplo
|
|
7
11
|
import WelcomePage from './components/WelcomePage';
|
|
8
12
|
|
|
@@ -16,7 +20,7 @@ function App() {
|
|
|
16
20
|
{/* Página de bienvenida */}
|
|
17
21
|
<Page
|
|
18
22
|
id="welcome"
|
|
19
|
-
title="
|
|
23
|
+
title="Welcome"
|
|
20
24
|
icon="home"
|
|
21
25
|
section="Overview"
|
|
22
26
|
>
|
|
@@ -24,7 +28,83 @@ function App() {
|
|
|
24
28
|
</Page>
|
|
25
29
|
|
|
26
30
|
<Page id="button" title="Button" icon="widgets" section="Inputs">
|
|
27
|
-
<
|
|
31
|
+
<ButtonExamples />
|
|
32
|
+
</Page>
|
|
33
|
+
|
|
34
|
+
<Page id="accordion" title="Accordion" icon="widgets" section="Inputs">
|
|
35
|
+
<AccordionExamples />
|
|
36
|
+
</Page>
|
|
37
|
+
|
|
38
|
+
<Page id="checkbox" title="Checkbox" icon="widgets" section="Inputs">
|
|
39
|
+
<CheckBoxExamples />
|
|
40
|
+
</Page>
|
|
41
|
+
|
|
42
|
+
<Page id="chip" title="Chip" icon="widgets" section="Inputs">
|
|
43
|
+
<ChipExamples />
|
|
44
|
+
</Page>
|
|
45
|
+
|
|
46
|
+
<Page id="color" title="Color" icon="widgets" section="Inputs">
|
|
47
|
+
<ColorExamples />
|
|
48
|
+
</Page>
|
|
49
|
+
|
|
50
|
+
<Page id="form" title="Form" icon="widgets" section="Inputs">
|
|
51
|
+
<FormExamples />
|
|
52
|
+
</Page>
|
|
53
|
+
|
|
54
|
+
<Page id="header" title="Header" icon="widgets" section="Inputs">
|
|
55
|
+
<Header2Examples />
|
|
56
|
+
</Page>
|
|
57
|
+
|
|
58
|
+
<Page id="icon" title="Icon" icon="widgets" section="Inputs">
|
|
59
|
+
<IconExamples />
|
|
60
|
+
</Page>
|
|
61
|
+
|
|
62
|
+
<Page id="list" title="List" icon="widgets" section="Inputs">
|
|
63
|
+
<ListExamples />
|
|
64
|
+
</Page>
|
|
65
|
+
|
|
66
|
+
<Page id="progress" title="Progress" icon="widgets" section="Inputs">
|
|
67
|
+
<ProgressExamples />
|
|
68
|
+
</Page>
|
|
69
|
+
|
|
70
|
+
<Page id="property" title="Property" icon="widgets" section="Inputs">
|
|
71
|
+
<PropertyExamples />
|
|
72
|
+
</Page>
|
|
73
|
+
|
|
74
|
+
<Page id="radio" title="Radio" icon="widgets" section="Inputs">
|
|
75
|
+
<RadioExamples />
|
|
76
|
+
</Page>
|
|
77
|
+
|
|
78
|
+
<Page id="section" title="Section" icon="widgets" section="Inputs">
|
|
79
|
+
<SectionExamples />
|
|
80
|
+
</Page>
|
|
81
|
+
|
|
82
|
+
<Page id="switch" title="Switch" icon="widgets" section="Inputs">
|
|
83
|
+
<SwitchExamples />
|
|
84
|
+
</Page>
|
|
85
|
+
|
|
86
|
+
<Page id="tab" title="Tab" icon="widgets" section="Inputs">
|
|
87
|
+
<TabExamples />
|
|
88
|
+
</Page>
|
|
89
|
+
|
|
90
|
+
<Page id="table" title="Table" icon="widgets" section="Inputs">
|
|
91
|
+
<TableExamples />
|
|
92
|
+
</Page>
|
|
93
|
+
|
|
94
|
+
<Page id="table2" title="Table2" icon="widgets" section="Inputs">
|
|
95
|
+
<DataTable2Examples />
|
|
96
|
+
</Page>
|
|
97
|
+
|
|
98
|
+
<Page id="textfield" title="Textfield" icon="widgets" section="Inputs">
|
|
99
|
+
<TextField2Examples />
|
|
100
|
+
</Page>
|
|
101
|
+
|
|
102
|
+
<Page id="tokenfield" title="Tokenfield" icon="widgets" section="Inputs">
|
|
103
|
+
<TokenFieldExamples />
|
|
104
|
+
</Page>
|
|
105
|
+
|
|
106
|
+
<Page id="tree" title="Tree" icon="widgets" section="Inputs">
|
|
107
|
+
<TreeExamples />
|
|
28
108
|
</Page>
|
|
29
109
|
|
|
30
110
|
</Site>
|
|
@@ -6,10 +6,10 @@ const WelcomePage = () => {
|
|
|
6
6
|
<div className="welcome-hero">
|
|
7
7
|
<h1>Ywana Core8</h1>
|
|
8
8
|
<p>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
A comprehensive React component library designed to create
|
|
10
|
+
modern, accessible, and highly functional user interfaces.
|
|
11
|
+
Explore our component collection and discover how they can
|
|
12
|
+
accelerate your development.
|
|
13
13
|
</p>
|
|
14
14
|
</div>
|
|
15
15
|
|
|
@@ -18,10 +18,10 @@ const WelcomePage = () => {
|
|
|
18
18
|
<div className="feature-icon">
|
|
19
19
|
<span className="material-icons">palette</span>
|
|
20
20
|
</div>
|
|
21
|
-
<h3>
|
|
21
|
+
<h3>Modern Design</h3>
|
|
22
22
|
<p>
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
Components with clean, modern design that adapt
|
|
24
|
+
to any project.
|
|
25
25
|
</p>
|
|
26
26
|
</div>
|
|
27
27
|
|
|
@@ -29,10 +29,10 @@ const WelcomePage = () => {
|
|
|
29
29
|
<div className="feature-icon">
|
|
30
30
|
<span className="material-icons">accessibility</span>
|
|
31
31
|
</div>
|
|
32
|
-
<h3>
|
|
32
|
+
<h3>Accessible</h3>
|
|
33
33
|
<p>
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
All components follow web accessibility best practices
|
|
35
|
+
(WCAG guidelines).
|
|
36
36
|
</p>
|
|
37
37
|
</div>
|
|
38
38
|
|
|
@@ -40,10 +40,10 @@ const WelcomePage = () => {
|
|
|
40
40
|
<div className="feature-icon">
|
|
41
41
|
<span className="material-icons">tune</span>
|
|
42
42
|
</div>
|
|
43
|
-
<h3>
|
|
43
|
+
<h3>Customizable</h3>
|
|
44
44
|
<p>
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
Easy customization with CSS variables and
|
|
46
|
+
configurable props.
|
|
47
47
|
</p>
|
|
48
48
|
</div>
|
|
49
49
|
|
|
@@ -51,10 +51,10 @@ const WelcomePage = () => {
|
|
|
51
51
|
<div className="feature-icon">
|
|
52
52
|
<span className="material-icons">speed</span>
|
|
53
53
|
</div>
|
|
54
|
-
<h3>
|
|
54
|
+
<h3>Optimized</h3>
|
|
55
55
|
<p>
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
Lightweight components optimized for the best
|
|
57
|
+
performance.
|
|
58
58
|
</p>
|
|
59
59
|
</div>
|
|
60
60
|
</div>
|
|
@@ -62,19 +62,19 @@ const WelcomePage = () => {
|
|
|
62
62
|
<div className="welcome-stats">
|
|
63
63
|
<div className="stat-item">
|
|
64
64
|
<span className="stat-number">20+</span>
|
|
65
|
-
<span className="stat-label">
|
|
65
|
+
<span className="stat-label">Components</span>
|
|
66
66
|
</div>
|
|
67
67
|
<div className="stat-item">
|
|
68
|
-
<span className="stat-number">
|
|
69
|
-
<span className="stat-label">
|
|
68
|
+
<span className="stat-number">6</span>
|
|
69
|
+
<span className="stat-label">Categories</span>
|
|
70
70
|
</div>
|
|
71
71
|
<div className="stat-item">
|
|
72
72
|
<span className="stat-number">100%</span>
|
|
73
|
-
<span className="stat-label">
|
|
73
|
+
<span className="stat-label">React</span>
|
|
74
74
|
</div>
|
|
75
75
|
<div className="stat-item">
|
|
76
76
|
<span className="stat-number">∞</span>
|
|
77
|
-
<span className="stat-label">
|
|
77
|
+
<span className="stat-label">Possibilities</span>
|
|
78
78
|
</div>
|
|
79
79
|
</div>
|
|
80
80
|
</div>
|
package/doc/src/index.css
CHANGED
|
@@ -220,6 +220,15 @@ code {
|
|
|
220
220
|
gap: 1rem;
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
+
/* Corrección para el sidebar de ejemplos */
|
|
224
|
+
.example-sidebar {
|
|
225
|
+
position: relative !important;
|
|
226
|
+
|
|
227
|
+
}
|
|
228
|
+
.example-content {
|
|
229
|
+
margin-left: 0 !important;
|
|
230
|
+
}
|
|
231
|
+
|
|
223
232
|
/* Responsive para ejemplos */
|
|
224
233
|
@media (max-width: 768px) {
|
|
225
234
|
.example-row {
|
package/doc/src/index.js
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { Fragment } from 'react';
|
|
2
2
|
import ReactDOM from 'react-dom/client';
|
|
3
3
|
import 'ywana-core8/dist/index.css'
|
|
4
4
|
import 'ywana-core8/src/css/theme_light.css'
|
|
5
5
|
import './index.css';
|
|
6
6
|
import App from './App';
|
|
7
7
|
|
|
8
|
+
// Hacer React y Fragment disponibles globalmente para ywana-core8
|
|
9
|
+
window.React = React;
|
|
10
|
+
window.Fragment = Fragment;
|
|
11
|
+
|
|
8
12
|
const root = ReactDOM.createRoot(document.getElementById('root'));
|
|
9
13
|
root.render(
|
|
10
14
|
<React.StrictMode>
|
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
/* Theme personalizado para Ywana Core8 Documentation */
|
|
2
|
+
|
|
3
|
+
/* Variables de color mejoradas */
|
|
4
|
+
:root {
|
|
5
|
+
/* Colores primarios */
|
|
6
|
+
--primary-50: #eff6ff;
|
|
7
|
+
--primary-100: #dbeafe;
|
|
8
|
+
--primary-200: #bfdbfe;
|
|
9
|
+
--primary-300: #93c5fd;
|
|
10
|
+
--primary-400: #60a5fa;
|
|
11
|
+
--primary-500: #3b82f6;
|
|
12
|
+
--primary-600: #2563eb;
|
|
13
|
+
--primary-700: #1d4ed8;
|
|
14
|
+
--primary-800: #1e40af;
|
|
15
|
+
--primary-900: #1e3a8a;
|
|
16
|
+
|
|
17
|
+
/* Colores de superficie */
|
|
18
|
+
--surface-primary: #ffffff;
|
|
19
|
+
--surface-secondary: #f8fafc;
|
|
20
|
+
--surface-tertiary: #f1f5f9;
|
|
21
|
+
--surface-elevated: #ffffff;
|
|
22
|
+
|
|
23
|
+
/* Colores de texto */
|
|
24
|
+
--text-primary: #0f172a;
|
|
25
|
+
--text-secondary: #475569;
|
|
26
|
+
--text-tertiary: #64748b;
|
|
27
|
+
--text-disabled: #94a3b8;
|
|
28
|
+
--text-inverse: #ffffff;
|
|
29
|
+
|
|
30
|
+
/* Colores de borde */
|
|
31
|
+
--border-light: #e2e8f0;
|
|
32
|
+
--border-medium: #cbd5e1;
|
|
33
|
+
--border-strong: #94a3b8;
|
|
34
|
+
|
|
35
|
+
/* Sombras mejoradas */
|
|
36
|
+
--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
37
|
+
--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
38
|
+
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
39
|
+
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
40
|
+
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
41
|
+
|
|
42
|
+
/* Espaciado */
|
|
43
|
+
--spacing-xs: 0.25rem;
|
|
44
|
+
--spacing-sm: 0.5rem;
|
|
45
|
+
--spacing-md: 1rem;
|
|
46
|
+
--spacing-lg: 1.5rem;
|
|
47
|
+
--spacing-xl: 2rem;
|
|
48
|
+
--spacing-2xl: 3rem;
|
|
49
|
+
|
|
50
|
+
/* Bordes redondeados */
|
|
51
|
+
--radius-sm: 0.375rem;
|
|
52
|
+
--radius-md: 0.5rem;
|
|
53
|
+
--radius-lg: 0.75rem;
|
|
54
|
+
--radius-xl: 1rem;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* Estilos globales mejorados */
|
|
58
|
+
body {
|
|
59
|
+
background: linear-gradient(135deg, var(--surface-secondary) 0%, var(--surface-tertiary) 100%);
|
|
60
|
+
color: var(--text-primary);
|
|
61
|
+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
62
|
+
line-height: 1.6;
|
|
63
|
+
-webkit-font-smoothing: antialiased;
|
|
64
|
+
-moz-osx-font-smoothing: grayscale;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/* Sobrescribir estilos del Site */
|
|
68
|
+
.site {
|
|
69
|
+
background: transparent !important;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.site__header {
|
|
73
|
+
background: var(--surface-elevated) !important;
|
|
74
|
+
border-bottom: 1px solid var(--border-light) !important;
|
|
75
|
+
box-shadow: var(--shadow-sm) !important;
|
|
76
|
+
backdrop-filter: blur(10px);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.site__title {
|
|
80
|
+
color: var(--text-primary) !important;
|
|
81
|
+
font-weight: 700 !important;
|
|
82
|
+
font-size: 1.25rem !important;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.site__icon {
|
|
86
|
+
color: var(--primary-600) !important;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/* Sidebar mejorado */
|
|
90
|
+
.site__sidebar {
|
|
91
|
+
background: var(--surface-elevated) !important;
|
|
92
|
+
border-right: 1px solid var(--border-light) !important;
|
|
93
|
+
box-shadow: var(--shadow-sm) !important;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.site__sidebar-section {
|
|
97
|
+
margin-bottom: var(--spacing-lg) !important;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.site__sidebar-section-title {
|
|
101
|
+
color: var(--text-secondary) !important;
|
|
102
|
+
font-weight: 600 !important;
|
|
103
|
+
font-size: 0.875rem !important;
|
|
104
|
+
text-transform: uppercase !important;
|
|
105
|
+
letter-spacing: 0.05em !important;
|
|
106
|
+
padding: var(--spacing-sm) var(--spacing-md) !important;
|
|
107
|
+
margin-bottom: var(--spacing-sm) !important;
|
|
108
|
+
border-bottom: 1px solid var(--border-light) !important;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.site__sidebar-item {
|
|
112
|
+
margin: 2px var(--spacing-sm) !important;
|
|
113
|
+
border-radius: var(--radius-md) !important;
|
|
114
|
+
transition: all 0.2s ease !important;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.site__sidebar-item:hover {
|
|
118
|
+
background: var(--primary-50) !important;
|
|
119
|
+
transform: translateX(2px) !important;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.site__sidebar-item.active {
|
|
123
|
+
background: var(--primary-100) !important;
|
|
124
|
+
border-left: 3px solid var(--primary-600) !important;
|
|
125
|
+
box-shadow: var(--shadow-sm) !important;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.site__sidebar-item-icon {
|
|
129
|
+
color: var(--primary-600) !important;
|
|
130
|
+
margin-right: var(--spacing-sm) !important;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.site__sidebar-item-title {
|
|
134
|
+
color: var(--text-primary) !important;
|
|
135
|
+
font-weight: 500 !important;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.site__sidebar-item.active .site__sidebar-item-title {
|
|
139
|
+
color: var(--primary-700) !important;
|
|
140
|
+
font-weight: 600 !important;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
/* Contenido principal */
|
|
144
|
+
.site__content {
|
|
145
|
+
background: transparent !important;
|
|
146
|
+
padding: var(--spacing-xl) !important;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.page {
|
|
150
|
+
background: var(--surface-elevated) !important;
|
|
151
|
+
border-radius: var(--radius-xl) !important;
|
|
152
|
+
box-shadow: var(--shadow-lg) !important;
|
|
153
|
+
padding: var(--spacing-2xl) !important;
|
|
154
|
+
margin: 0 auto !important;
|
|
155
|
+
max-width: 1200px !important;
|
|
156
|
+
border: 1px solid var(--border-light) !important;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/* Títulos mejorados */
|
|
160
|
+
h1, h2, h3, h4, h5, h6 {
|
|
161
|
+
color: var(--text-primary) !important;
|
|
162
|
+
font-weight: 700 !important;
|
|
163
|
+
line-height: 1.2 !important;
|
|
164
|
+
margin-bottom: var(--spacing-md) !important;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
h1 {
|
|
168
|
+
font-size: 2.5rem !important;
|
|
169
|
+
background: linear-gradient(135deg, var(--primary-600), var(--primary-800)) !important;
|
|
170
|
+
-webkit-background-clip: text !important;
|
|
171
|
+
-webkit-text-fill-color: transparent !important;
|
|
172
|
+
background-clip: text !important;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
h2 {
|
|
176
|
+
font-size: 2rem !important;
|
|
177
|
+
color: var(--text-primary) !important;
|
|
178
|
+
border-bottom: 2px solid var(--primary-200) !important;
|
|
179
|
+
padding-bottom: var(--spacing-sm) !important;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
h3 {
|
|
183
|
+
font-size: 1.5rem !important;
|
|
184
|
+
color: var(--primary-700) !important;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
/* Párrafos y texto */
|
|
188
|
+
p {
|
|
189
|
+
color: var(--text-secondary) !important;
|
|
190
|
+
line-height: 1.7 !important;
|
|
191
|
+
margin-bottom: var(--spacing-md) !important;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
/* Enlaces */
|
|
195
|
+
a {
|
|
196
|
+
color: var(--primary-600) !important;
|
|
197
|
+
text-decoration: none !important;
|
|
198
|
+
transition: color 0.2s ease !important;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
a:hover {
|
|
202
|
+
color: var(--primary-700) !important;
|
|
203
|
+
text-decoration: underline !important;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
/* Botones mejorados */
|
|
207
|
+
.button, button {
|
|
208
|
+
background: var(--primary-600) !important;
|
|
209
|
+
color: var(--text-inverse) !important;
|
|
210
|
+
border: none !important;
|
|
211
|
+
border-radius: var(--radius-md) !important;
|
|
212
|
+
padding: var(--spacing-sm) var(--spacing-md) !important;
|
|
213
|
+
font-weight: 500 !important;
|
|
214
|
+
transition: all 0.2s ease !important;
|
|
215
|
+
box-shadow: var(--shadow-sm) !important;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.button:hover, button:hover {
|
|
219
|
+
background: var(--primary-700) !important;
|
|
220
|
+
box-shadow: var(--shadow-md) !important;
|
|
221
|
+
transform: translateY(-1px) !important;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
/* Cards y contenedores */
|
|
225
|
+
.card, .example-container {
|
|
226
|
+
background: var(--surface-elevated) !important;
|
|
227
|
+
border: 1px solid var(--border-light) !important;
|
|
228
|
+
border-radius: var(--radius-lg) !important;
|
|
229
|
+
padding: var(--spacing-xl) !important;
|
|
230
|
+
box-shadow: var(--shadow-sm) !important;
|
|
231
|
+
transition: box-shadow 0.2s ease !important;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.card:hover, .example-container:hover {
|
|
235
|
+
box-shadow: var(--shadow-md) !important;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/* Responsive */
|
|
239
|
+
@media (max-width: 768px) {
|
|
240
|
+
.site__content {
|
|
241
|
+
padding: var(--spacing-md) !important;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
.page {
|
|
245
|
+
padding: var(--spacing-xl) !important;
|
|
246
|
+
border-radius: var(--radius-lg) !important;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
h1 {
|
|
250
|
+
font-size: 2rem !important;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
h2 {
|
|
254
|
+
font-size: 1.5rem !important;
|
|
255
|
+
}
|
|
256
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ywana-core8",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.93",
|
|
4
4
|
"description": "ywana-core8",
|
|
5
5
|
"homepage": "https://ywana.github.io/workspace",
|
|
6
6
|
"author": "Ernesto Roldan Garcia",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"build": "microbundle --no-compress --jsx React.createElement",
|
|
20
20
|
"dev": "microbundle watch --no-compress --jsx React.createElement",
|
|
21
21
|
"test": "jest",
|
|
22
|
-
"deploy-docs": "gh-pages -d doc"
|
|
22
|
+
"deploy-docs": "gh-pages -d doc/build"
|
|
23
23
|
},
|
|
24
24
|
"bugs": {
|
|
25
25
|
"url": "https://github.com/ywana/ywana-core8/issues"
|