@sociallane/elements 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/admin/views/onboarding.php +1 -1
- package/admin/views/partials/step-complete.php +1 -1
- package/admin/views/partials/step-requirements.php +2 -2
- package/admin/views/settings.php +1 -1
- package/admin/views/setup-widget-catalog-frontend.php +3 -1
- package/admin/views/setup-widget-catalog.php +7 -3
- package/assets/css/tailwind.css +1 -28
- package/elements/button/button.php +29 -16
- package/elements/button/templates/render.php +8 -24
- package/includes/button-presets.php +15 -5
- package/includes/class-widget-manager.php +1 -1
- package/package.json +1 -1
- package/packages/core/assets/css/tailwind.css +1 -28
- package/packages/core/assets/dist/.vite/manifest.json +15 -3
- package/packages/core/assets/dist/animations-BfenTMbz.js +1 -0
- package/packages/core/assets/dist/tailwind-BBMzypmd.css +1 -0
- package/packages/core/assets/dist/vendor-gsap-W43tiS41.js +37 -0
- package/packages/core/assets/dist/vendor-lenis-L8jc5Amd.js +1 -0
- package/packages/core/includes/helpers.php +35 -22
- package/packages/core/package.json +1 -1
- package/packages/core/vite.config.js +25 -5
- package/packages/widgets/bento-grid/data/view.php +8 -8
- package/packages/widgets/bento-grid/templates/partials/tcsr-row1-left.php +1 -1
- package/packages/widgets/bento-grid/templates/partials/two-row-deploys.php +1 -1
- package/packages/widgets/bento-grid/templates/partials/two-row-overview.php +1 -1
- package/packages/widgets/bento-grid/templates/partials/two-row-security.php +1 -1
- package/packages/widgets/bento-grid-4/data/view.php +8 -8
- package/packages/widgets/bento-grid-4/templates/partials/tcsr-row1-left.php +1 -1
- package/packages/widgets/bento-grid-4/templates/partials/two-row-deploys.php +1 -1
- package/packages/widgets/bento-grid-4/templates/partials/two-row-overview.php +1 -1
- package/packages/widgets/bento-grid-4/templates/partials/two-row-security.php +1 -1
- package/packages/widgets/bento-grid-5/data/view.php +8 -8
- package/packages/widgets/bento-grid-5/templates/partials/tcsr-row1-left.php +1 -1
- package/packages/widgets/bento-grid-5/templates/partials/two-row-deploys.php +1 -1
- package/packages/widgets/bento-grid-5/templates/partials/two-row-overview.php +1 -1
- package/packages/widgets/bento-grid-5/templates/partials/two-row-security.php +1 -1
- package/packages/widgets/bento-grid-6/data/view.php +8 -8
- package/packages/widgets/bento-grid-6/templates/partials/tcsr-row1-left.php +1 -1
- package/packages/widgets/bento-grid-6/templates/partials/two-row-deploys.php +1 -1
- package/packages/widgets/bento-grid-6/templates/partials/two-row-overview.php +1 -1
- package/packages/widgets/bento-grid-6/templates/partials/two-row-security.php +1 -1
- package/packages/widgets/bento-portfolio/data/view.php +3 -3
- package/packages/widgets/bento-portfolio/templates/partials/portfolio-card.php +2 -2
- package/packages/widgets/bento-portfolio-4/data/view.php +3 -3
- package/packages/widgets/bento-portfolio-4/templates/partials/portfolio-card.php +2 -2
- package/packages/widgets/bento-portfolio-5/data/view.php +3 -3
- package/packages/widgets/bento-portfolio-5/templates/partials/portfolio-card.php +2 -2
- package/packages/widgets/bento-portfolio-6/data/view.php +3 -3
- package/packages/widgets/bento-portfolio-6/templates/partials/portfolio-card.php +2 -2
- package/packages/widgets/blog-grid/data/view.php +1 -1
- package/packages/widgets/card-hover-reveal/data/view.php +1 -1
- package/packages/widgets/content-block/data/view.php +4 -4
- package/packages/widgets/cta-banner/data/view.php +3 -3
- package/packages/widgets/cta-banner/templates/wrapper.php +2 -2
- package/packages/widgets/cta-split/data/view.php +4 -4
- package/packages/widgets/faq-centered/data/view.php +7 -7
- package/packages/widgets/faq-centered/templates/partials/accordion.php +4 -4
- package/packages/widgets/faq-split/data/view.php +7 -7
- package/packages/widgets/faq-split/templates/partials/accordion.php +4 -4
- package/packages/widgets/faq-stacked/data/view.php +7 -7
- package/packages/widgets/faq-stacked/templates/partials/accordion.php +4 -4
- package/packages/widgets/feature-grid/data/view.php +8 -8
- package/packages/widgets/feature-grid-centered/data/view.php +8 -8
- package/packages/widgets/feature-list/data/view.php +4 -4
- package/packages/widgets/feature-list-cta/data/view.php +6 -6
- package/packages/widgets/feature-list-cta/templates/partials/feature-item.php +1 -1
- package/packages/widgets/footer/data/view.php +4 -4
- package/packages/widgets/footer-brand/data/view.php +18 -27
- package/packages/widgets/footer-links-contact/data/view.php +2 -2
- package/packages/widgets/form-contact/data/view.php +4 -4
- package/packages/widgets/grid-team/data/view.php +4 -4
- package/packages/widgets/grid-team/templates/partials/team-card.php +1 -1
- package/packages/widgets/hero-announcement/data/view.php +1 -1
- package/packages/widgets/hero-centered-image/data/view.php +1 -1
- package/packages/widgets/hero-centered-image/templates/wrapper.php +1 -1
- package/packages/widgets/hero-collage/data/view.php +3 -3
- package/packages/widgets/hero-overlay/data/view.php +1 -1
- package/packages/widgets/hero-overlay/templates/wrapper.php +1 -1
- package/packages/widgets/hero-overlay-single/data/view.php +1 -1
- package/packages/widgets/hero-overlay-single/templates/wrapper.php +1 -1
- package/packages/widgets/hero-overlay-slider/data/view.php +1 -1
- package/packages/widgets/hero-overlay-slider/templates/wrapper.php +1 -1
- package/packages/widgets/hero-saas-centered/data/view.php +5 -5
- package/packages/widgets/hero-saas-split/data/view.php +5 -5
- package/packages/widgets/hero-saas-stacked/data/view.php +5 -5
- package/packages/widgets/hero-split/data/view.php +3 -3
- package/packages/widgets/hero-stacked-image/templates/wrapper.php +4 -4
- package/packages/widgets/intro-text/data/view.php +3 -3
- package/packages/widgets/logo-grid-centered/data/view.php +4 -4
- package/packages/widgets/logo-grid-row/data/view.php +4 -4
- package/packages/widgets/logo-grid-split/data/view.php +4 -4
- package/packages/widgets/nav-centered/data/view.php +8 -8
- package/packages/widgets/nav-compact/data/view.php +8 -8
- package/packages/widgets/nav-default/data/view.php +8 -8
- package/packages/widgets/nav-floating/data/view.php +8 -8
- package/packages/widgets/nav-minimal/data/view.php +8 -8
- package/packages/widgets/newsletter/data/view.php +5 -5
- package/packages/widgets/newsletter-card/data/view.php +5 -5
- package/packages/widgets/newsletter-section/data/view.php +5 -5
- package/packages/widgets/outreach-dashboard/data/view.php +2 -2
- package/packages/widgets/outreach-dashboard/templates/partials/card-meetings.php +1 -1
- package/packages/widgets/page-hero-center/data/view.php +3 -3
- package/packages/widgets/page-hero-left/data/view.php +3 -3
- package/packages/widgets/pipeline-dashboard/data/view.php +3 -3
- package/packages/widgets/posts-grid/data/view.php +6 -6
- package/packages/widgets/posts-grid/templates/partials/card.php +3 -3
- package/packages/widgets/posts-grid-overlay/data/view.php +6 -6
- package/packages/widgets/posts-grid-overlay/templates/partials/card.php +3 -3
- package/packages/widgets/pricing-table/data/view.php +2 -2
- package/packages/widgets/sales-dashboard/data/view.php +3 -3
- package/packages/widgets/sales-dashboard/templates/partials/card-competitors.php +1 -1
- package/packages/widgets/sales-dashboard/templates/partials/card-feature.php +6 -6
- package/packages/widgets/section-stats/data/view.php +3 -3
- package/packages/widgets/section-stats/templates/partials/stat-card.php +1 -1
- package/packages/widgets/simple-page-hero/data/view.php +3 -3
- package/packages/widgets/social-proof/data/view.php +5 -5
- package/packages/widgets/social-proof/templates/partials/layout-trust.php +2 -2
- package/packages/widgets/social-proof/templates/partials/stat-card.php +1 -1
- package/packages/widgets/social-proof-trust/data/view.php +12 -12
- package/packages/widgets/social-proof-trust/templates/partials/layout-trust.php +2 -2
- package/packages/widgets/social-proof-trust/templates/partials/stat-card.php +1 -1
- package/packages/widgets/testimonials-bento/data/view.php +1 -1
- package/packages/widgets/testimonials-grid/data/view.php +1 -1
- package/packages/widgets/testimonials-masonry/data/view.php +1 -1
- package/packages/widgets/widget-filter/data/view.php +1 -1
- package/packages/widgets/widget-filter/templates/wrapper.php +70 -9
- package/packages/widgets/widget-filter/widget-filter.php +1 -1
- package/sociallane-elements.php +6 -0
- package/vite.config.js +25 -5
- package/widgets/bento-grid/data/view.php +8 -8
- package/widgets/bento-grid/templates/partials/tcsr-row1-left.php +1 -1
- package/widgets/bento-grid/templates/partials/two-row-deploys.php +1 -1
- package/widgets/bento-grid/templates/partials/two-row-overview.php +1 -1
- package/widgets/bento-grid/templates/partials/two-row-security.php +1 -1
- package/widgets/bento-portfolio/data/view.php +3 -3
- package/widgets/bento-portfolio/templates/partials/portfolio-card.php +2 -2
- package/widgets/blog-grid/data/view.php +1 -1
- package/widgets/card-hover-reveal/data/view.php +1 -1
- package/widgets/content-block/data/view.php +4 -4
- package/widgets/cta-banner/data/view.php +3 -3
- package/widgets/cta-banner/templates/wrapper.php +2 -2
- package/widgets/cta-split/data/view.php +4 -4
- package/widgets/faq/data/view.php +7 -7
- package/widgets/faq/templates/partials/accordion.php +4 -4
- package/widgets/feature-grid/data/view.php +8 -8
- package/widgets/feature-list/data/view.php +4 -4
- package/widgets/feature-list-cta/data/view.php +6 -6
- package/widgets/feature-list-cta/templates/partials/feature-item.php +1 -1
- package/widgets/footer/data/view.php +4 -4
- package/widgets/footer-brand/data/view.php +18 -27
- package/widgets/footer-links-contact/data/view.php +2 -2
- package/widgets/form-contact/data/view.php +4 -4
- package/widgets/grid-posts/data/view.php +6 -6
- package/widgets/grid-posts/templates/partials/card.php +3 -3
- package/widgets/grid-team/data/view.php +4 -4
- package/widgets/grid-team/templates/partials/team-card.php +1 -1
- package/widgets/grid-testimonials/data/view.php +1 -1
- package/widgets/hero-announcement/data/view.php +1 -1
- package/widgets/hero-centered-image/data/view.php +1 -1
- package/widgets/hero-centered-image/templates/wrapper.php +1 -1
- package/widgets/hero-collage/data/view.php +3 -3
- package/widgets/hero-overlay/data/view.php +1 -1
- package/widgets/hero-overlay/templates/wrapper.php +1 -1
- package/widgets/hero-saas/data/view.php +5 -5
- package/widgets/hero-split/data/view.php +3 -3
- package/widgets/hero-stacked-image/templates/wrapper.php +4 -4
- package/widgets/intro-text/data/view.php +2 -2
- package/widgets/logo-grid/data/view.php +4 -4
- package/widgets/newsletter/data/view.php +5 -5
- package/widgets/outreach-dashboard/data/view.php +2 -2
- package/widgets/outreach-dashboard/templates/partials/card-meetings.php +1 -1
- package/widgets/pipeline-dashboard/data/view.php +3 -3
- package/widgets/pricing-table/data/view.php +2 -2
- package/widgets/sales-dashboard/data/view.php +3 -3
- package/widgets/sales-dashboard/templates/partials/card-competitors.php +1 -1
- package/widgets/sales-dashboard/templates/partials/card-feature.php +6 -6
- package/widgets/section-stats/data/view.php +3 -3
- package/widgets/section-stats/templates/partials/stat-card.php +1 -1
- package/widgets/simple-page-hero/data/view.php +3 -3
- package/widgets/social-proof/data/view.php +12 -12
- package/widgets/social-proof/templates/partials/layout-trust.php +2 -2
- package/widgets/social-proof/templates/partials/stat-card.php +1 -1
- package/packages/core/assets/dist/animations-BySooxN8.js +0 -37
- package/packages/core/assets/dist/tailwind-BMzFIA_O.css +0 -1
|
@@ -150,35 +150,35 @@ function prepare_nav_centered_view( array $settings, string $widget_id ): array
|
|
|
150
150
|
// Variant: bar style and padding
|
|
151
151
|
$bar_styles = [
|
|
152
152
|
'default' => [
|
|
153
|
-
'bar' => 'bg-neutral-100 text-
|
|
153
|
+
'bar' => 'bg-neutral-100 text-neutral-900 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
154
154
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
155
155
|
'padding' => 'py-4',
|
|
156
156
|
'centered' => false,
|
|
157
157
|
'is_floating' => false,
|
|
158
158
|
],
|
|
159
159
|
'centered' => [
|
|
160
|
-
'bar' => 'bg-
|
|
161
|
-
'drop_out' => 'bg-
|
|
160
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
161
|
+
'drop_out' => 'bg-neutral-800 border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
162
162
|
'padding' => 'py-4',
|
|
163
163
|
'centered' => true,
|
|
164
164
|
'is_floating' => false,
|
|
165
165
|
],
|
|
166
166
|
'minimal' => [
|
|
167
|
-
'bar' => 'bg-
|
|
167
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 dark:border-neutral-700',
|
|
168
168
|
'drop_out' => 'bg-white/95 dark:bg-neutral-900/95 border-t border-neutral-200 dark:border-neutral-700',
|
|
169
169
|
'padding' => 'py-4',
|
|
170
170
|
'centered' => false,
|
|
171
171
|
'is_floating' => false,
|
|
172
172
|
],
|
|
173
173
|
'compact' => [
|
|
174
|
-
'bar' => 'bg-
|
|
174
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
175
175
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
176
176
|
'padding' => 'py-2',
|
|
177
177
|
'centered' => false,
|
|
178
178
|
'is_floating' => false,
|
|
179
179
|
],
|
|
180
180
|
'floating' => [
|
|
181
|
-
'bar' => 'bg-
|
|
181
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 shadow-lg rounded-full',
|
|
182
182
|
'drop_out' => 'bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-700',
|
|
183
183
|
'padding' => 'py-3 px-6',
|
|
184
184
|
'centered' => false,
|
|
@@ -193,9 +193,9 @@ function prepare_nav_centered_view( array $settings, string $widget_id ): array
|
|
|
193
193
|
$classes = [
|
|
194
194
|
'bar' => $variant_style['bar'],
|
|
195
195
|
'drop_out' => $variant_style['drop_out'],
|
|
196
|
-
'link' => 'no-underline text-
|
|
196
|
+
'link' => 'no-underline text-neutral-900 hover:text-neutral-500 hover:underline focus:text-neutral-900 dark:text-neutral-300 dark:hover:text-white dark:focus:text-white',
|
|
197
197
|
'logo' => 'no-underline text-neutral-900 dark:text-white',
|
|
198
|
-
'skip' => 'no-underline bg-primary text-
|
|
198
|
+
'skip' => 'no-underline bg-primary text-neutral-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
|
|
199
199
|
];
|
|
200
200
|
|
|
201
201
|
$is_floating = ! empty( $variant_style['is_floating'] );
|
|
@@ -150,35 +150,35 @@ function prepare_nav_compact_view( array $settings, string $widget_id ): array {
|
|
|
150
150
|
// Variant: bar style and padding
|
|
151
151
|
$bar_styles = [
|
|
152
152
|
'default' => [
|
|
153
|
-
'bar' => 'bg-neutral-100 text-
|
|
153
|
+
'bar' => 'bg-neutral-100 text-neutral-900 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
154
154
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
155
155
|
'padding' => 'py-4',
|
|
156
156
|
'centered' => false,
|
|
157
157
|
'is_floating' => false,
|
|
158
158
|
],
|
|
159
159
|
'centered' => [
|
|
160
|
-
'bar' => 'bg-
|
|
161
|
-
'drop_out' => 'bg-
|
|
160
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
161
|
+
'drop_out' => 'bg-neutral-800 border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
162
162
|
'padding' => 'py-4',
|
|
163
163
|
'centered' => true,
|
|
164
164
|
'is_floating' => false,
|
|
165
165
|
],
|
|
166
166
|
'minimal' => [
|
|
167
|
-
'bar' => 'bg-
|
|
167
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 dark:border-neutral-700',
|
|
168
168
|
'drop_out' => 'bg-white/95 dark:bg-neutral-900/95 border-t border-neutral-200 dark:border-neutral-700',
|
|
169
169
|
'padding' => 'py-4',
|
|
170
170
|
'centered' => false,
|
|
171
171
|
'is_floating' => false,
|
|
172
172
|
],
|
|
173
173
|
'compact' => [
|
|
174
|
-
'bar' => 'bg-
|
|
174
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
175
175
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
176
176
|
'padding' => 'py-2',
|
|
177
177
|
'centered' => false,
|
|
178
178
|
'is_floating' => false,
|
|
179
179
|
],
|
|
180
180
|
'floating' => [
|
|
181
|
-
'bar' => 'bg-
|
|
181
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 shadow-lg rounded-full',
|
|
182
182
|
'drop_out' => 'bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-700',
|
|
183
183
|
'padding' => 'py-3 px-6',
|
|
184
184
|
'centered' => false,
|
|
@@ -193,9 +193,9 @@ function prepare_nav_compact_view( array $settings, string $widget_id ): array {
|
|
|
193
193
|
$classes = [
|
|
194
194
|
'bar' => $variant_style['bar'],
|
|
195
195
|
'drop_out' => $variant_style['drop_out'],
|
|
196
|
-
'link' => 'no-underline text-
|
|
196
|
+
'link' => 'no-underline text-neutral-900 hover:text-neutral-500 hover:underline focus:text-neutral-900 dark:text-neutral-300 dark:hover:text-white dark:focus:text-white',
|
|
197
197
|
'logo' => 'no-underline text-neutral-900 dark:text-white',
|
|
198
|
-
'skip' => 'no-underline bg-primary text-
|
|
198
|
+
'skip' => 'no-underline bg-primary text-neutral-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
|
|
199
199
|
];
|
|
200
200
|
|
|
201
201
|
$is_floating = ! empty( $variant_style['is_floating'] );
|
|
@@ -151,35 +151,35 @@ function prepare_nav_default_view( array $settings, string $widget_id ): array {
|
|
|
151
151
|
// Variant: bar style and padding
|
|
152
152
|
$bar_styles = [
|
|
153
153
|
'default' => [
|
|
154
|
-
'bar' => 'bg-neutral-100 text-
|
|
154
|
+
'bar' => 'bg-neutral-100 text-neutral-900 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
155
155
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
156
156
|
'padding' => 'py-4',
|
|
157
157
|
'centered' => false,
|
|
158
158
|
'is_floating' => false,
|
|
159
159
|
],
|
|
160
160
|
'centered' => [
|
|
161
|
-
'bar' => 'bg-
|
|
162
|
-
'drop_out' => 'bg-
|
|
161
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
162
|
+
'drop_out' => 'bg-neutral-800 border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
163
163
|
'padding' => 'py-4',
|
|
164
164
|
'centered' => true,
|
|
165
165
|
'is_floating' => false,
|
|
166
166
|
],
|
|
167
167
|
'minimal' => [
|
|
168
|
-
'bar' => 'bg-
|
|
168
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 dark:border-neutral-700',
|
|
169
169
|
'drop_out' => 'bg-white/95 dark:bg-neutral-900/95 border-t border-neutral-200 dark:border-neutral-700',
|
|
170
170
|
'padding' => 'py-4',
|
|
171
171
|
'centered' => false,
|
|
172
172
|
'is_floating' => false,
|
|
173
173
|
],
|
|
174
174
|
'compact' => [
|
|
175
|
-
'bar' => 'bg-
|
|
175
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
176
176
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
177
177
|
'padding' => 'py-2',
|
|
178
178
|
'centered' => false,
|
|
179
179
|
'is_floating' => false,
|
|
180
180
|
],
|
|
181
181
|
'floating' => [
|
|
182
|
-
'bar' => 'bg-
|
|
182
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 shadow-lg rounded-full',
|
|
183
183
|
'drop_out' => 'bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-700',
|
|
184
184
|
'padding' => 'py-3 px-6',
|
|
185
185
|
'centered' => false,
|
|
@@ -194,9 +194,9 @@ function prepare_nav_default_view( array $settings, string $widget_id ): array {
|
|
|
194
194
|
$classes = [
|
|
195
195
|
'bar' => $variant_style['bar'],
|
|
196
196
|
'drop_out' => $variant_style['drop_out'],
|
|
197
|
-
'link' => 'no-underline text-
|
|
197
|
+
'link' => 'no-underline text-neutral-900 hover:text-neutral-500 hover:underline focus:text-neutral-900 dark:text-neutral-300 dark:hover:text-white dark:focus:text-white',
|
|
198
198
|
'logo' => 'no-underline text-neutral-900 dark:text-white',
|
|
199
|
-
'skip' => 'no-underline bg-primary text-
|
|
199
|
+
'skip' => 'no-underline bg-primary text-neutral-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
|
|
200
200
|
];
|
|
201
201
|
|
|
202
202
|
$is_floating = ! empty( $variant_style['is_floating'] );
|
|
@@ -150,35 +150,35 @@ function prepare_nav_floating_view( array $settings, string $widget_id ): array
|
|
|
150
150
|
// Variant: bar style and padding
|
|
151
151
|
$bar_styles = [
|
|
152
152
|
'default' => [
|
|
153
|
-
'bar' => 'bg-neutral-100 text-
|
|
153
|
+
'bar' => 'bg-neutral-100 text-neutral-900 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
154
154
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
155
155
|
'padding' => 'py-4',
|
|
156
156
|
'centered' => false,
|
|
157
157
|
'is_floating' => false,
|
|
158
158
|
],
|
|
159
159
|
'centered' => [
|
|
160
|
-
'bar' => 'bg-
|
|
161
|
-
'drop_out' => 'bg-
|
|
160
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
161
|
+
'drop_out' => 'bg-neutral-800 border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
162
162
|
'padding' => 'py-4',
|
|
163
163
|
'centered' => true,
|
|
164
164
|
'is_floating' => false,
|
|
165
165
|
],
|
|
166
166
|
'minimal' => [
|
|
167
|
-
'bar' => 'bg-
|
|
167
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 dark:border-neutral-700',
|
|
168
168
|
'drop_out' => 'bg-white/95 dark:bg-neutral-900/95 border-t border-neutral-200 dark:border-neutral-700',
|
|
169
169
|
'padding' => 'py-4',
|
|
170
170
|
'centered' => false,
|
|
171
171
|
'is_floating' => false,
|
|
172
172
|
],
|
|
173
173
|
'compact' => [
|
|
174
|
-
'bar' => 'bg-
|
|
174
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
175
175
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
176
176
|
'padding' => 'py-2',
|
|
177
177
|
'centered' => false,
|
|
178
178
|
'is_floating' => false,
|
|
179
179
|
],
|
|
180
180
|
'floating' => [
|
|
181
|
-
'bar' => 'bg-
|
|
181
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 shadow-lg rounded-full',
|
|
182
182
|
'drop_out' => 'bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-700',
|
|
183
183
|
'padding' => 'py-3 px-6',
|
|
184
184
|
'centered' => false,
|
|
@@ -193,9 +193,9 @@ function prepare_nav_floating_view( array $settings, string $widget_id ): array
|
|
|
193
193
|
$classes = [
|
|
194
194
|
'bar' => $variant_style['bar'],
|
|
195
195
|
'drop_out' => $variant_style['drop_out'],
|
|
196
|
-
'link' => 'no-underline text-
|
|
196
|
+
'link' => 'no-underline text-neutral-900 hover:text-neutral-500 hover:underline focus:text-neutral-900 dark:text-neutral-300 dark:hover:text-white dark:focus:text-white',
|
|
197
197
|
'logo' => 'no-underline text-neutral-900 dark:text-white',
|
|
198
|
-
'skip' => 'no-underline bg-primary text-
|
|
198
|
+
'skip' => 'no-underline bg-primary text-neutral-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
|
|
199
199
|
];
|
|
200
200
|
|
|
201
201
|
$is_floating = ! empty( $variant_style['is_floating'] );
|
|
@@ -150,35 +150,35 @@ function prepare_nav_minimal_view( array $settings, string $widget_id ): array {
|
|
|
150
150
|
// Variant: bar style and padding
|
|
151
151
|
$bar_styles = [
|
|
152
152
|
'default' => [
|
|
153
|
-
'bar' => 'bg-neutral-100 text-
|
|
153
|
+
'bar' => 'bg-neutral-100 text-neutral-900 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
154
154
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
155
155
|
'padding' => 'py-4',
|
|
156
156
|
'centered' => false,
|
|
157
157
|
'is_floating' => false,
|
|
158
158
|
],
|
|
159
159
|
'centered' => [
|
|
160
|
-
'bar' => 'bg-
|
|
161
|
-
'drop_out' => 'bg-
|
|
160
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
161
|
+
'drop_out' => 'bg-neutral-800 border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
162
162
|
'padding' => 'py-4',
|
|
163
163
|
'centered' => true,
|
|
164
164
|
'is_floating' => false,
|
|
165
165
|
],
|
|
166
166
|
'minimal' => [
|
|
167
|
-
'bar' => 'bg-
|
|
167
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 dark:border-neutral-700',
|
|
168
168
|
'drop_out' => 'bg-white/95 dark:bg-neutral-900/95 border-t border-neutral-200 dark:border-neutral-700',
|
|
169
169
|
'padding' => 'py-4',
|
|
170
170
|
'centered' => false,
|
|
171
171
|
'is_floating' => false,
|
|
172
172
|
],
|
|
173
173
|
'compact' => [
|
|
174
|
-
'bar' => 'bg-
|
|
174
|
+
'bar' => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
175
175
|
'drop_out' => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
|
|
176
176
|
'padding' => 'py-2',
|
|
177
177
|
'centered' => false,
|
|
178
178
|
'is_floating' => false,
|
|
179
179
|
],
|
|
180
180
|
'floating' => [
|
|
181
|
-
'bar' => 'bg-
|
|
181
|
+
'bar' => 'bg-neutral-950 dark:bg-neutral-900 shadow-lg rounded-full',
|
|
182
182
|
'drop_out' => 'bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-700',
|
|
183
183
|
'padding' => 'py-3 px-6',
|
|
184
184
|
'centered' => false,
|
|
@@ -193,9 +193,9 @@ function prepare_nav_minimal_view( array $settings, string $widget_id ): array {
|
|
|
193
193
|
$classes = [
|
|
194
194
|
'bar' => $variant_style['bar'],
|
|
195
195
|
'drop_out' => $variant_style['drop_out'],
|
|
196
|
-
'link' => 'no-underline text-
|
|
196
|
+
'link' => 'no-underline text-neutral-900 hover:text-neutral-500 hover:underline focus:text-neutral-900 dark:text-neutral-300 dark:hover:text-white dark:focus:text-white',
|
|
197
197
|
'logo' => 'no-underline text-neutral-900 dark:text-white',
|
|
198
|
-
'skip' => 'no-underline bg-primary text-
|
|
198
|
+
'skip' => 'no-underline bg-primary text-neutral-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
|
|
199
199
|
];
|
|
200
200
|
|
|
201
201
|
$is_floating = ! empty( $variant_style['is_floating'] );
|
|
@@ -34,12 +34,12 @@ function prepare_newsletter_view( array $settings, string $widget_id ): array {
|
|
|
34
34
|
|
|
35
35
|
// Light/dark: dual classes for Nav theme switcher (elementor-widget-structure, widget-utility-classes)
|
|
36
36
|
$classes = [
|
|
37
|
-
'section' => 'bg-white dark:bg-
|
|
38
|
-
'card' => 'bg-neutral-100 dark:bg-
|
|
39
|
-
'headline' => 'text-
|
|
37
|
+
'section' => 'bg-white dark:bg-neutral-900 ',
|
|
38
|
+
'card' => 'bg-neutral-100 dark:bg-neutral-500/40 rounded-2xl border border-neutral-200 dark:border-neutral-200/30',
|
|
39
|
+
'headline' => 'text-neutral-900 dark:text-neutral-200',
|
|
40
40
|
'description' => 'text-zic-900 dark:text-neutral-200',
|
|
41
|
-
'privacy' => 'text-
|
|
42
|
-
'privacy_link' => 'text-
|
|
41
|
+
'privacy' => 'text-neutral-900 dark:text-neutral-200',
|
|
42
|
+
'privacy_link' => 'text-neutral-900 dark:text-white font-semibold underline hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-neutral-100 dark:focus:ring-offset-neutral-800 rounded',
|
|
43
43
|
];
|
|
44
44
|
|
|
45
45
|
return array_merge( $fields, [
|
|
@@ -34,12 +34,12 @@ function prepare_newsletter_card_view( array $settings, string $widget_id ): arr
|
|
|
34
34
|
|
|
35
35
|
// Light/dark: dual classes for Nav theme switcher (elementor-widget-structure, widget-utility-classes)
|
|
36
36
|
$classes = [
|
|
37
|
-
'section' => 'bg-white dark:bg-
|
|
38
|
-
'card' => 'bg-neutral-100 dark:bg-
|
|
39
|
-
'headline' => 'text-
|
|
37
|
+
'section' => 'bg-white dark:bg-neutral-900 ',
|
|
38
|
+
'card' => 'bg-neutral-100 dark:bg-neutral-500/40 rounded-2xl border border-neutral-200 dark:border-neutral-200/30',
|
|
39
|
+
'headline' => 'text-neutral-900 dark:text-neutral-200',
|
|
40
40
|
'description' => 'text-zic-900 dark:text-neutral-200',
|
|
41
|
-
'privacy' => 'text-
|
|
42
|
-
'privacy_link' => 'text-
|
|
41
|
+
'privacy' => 'text-neutral-900 dark:text-neutral-200',
|
|
42
|
+
'privacy_link' => 'text-neutral-900 dark:text-white font-semibold underline hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-neutral-100 dark:focus:ring-offset-neutral-800 rounded',
|
|
43
43
|
];
|
|
44
44
|
|
|
45
45
|
return array_merge( $fields, [
|
|
@@ -34,12 +34,12 @@ function prepare_newsletter_section_view( array $settings, string $widget_id ):
|
|
|
34
34
|
|
|
35
35
|
// Light/dark: dual classes for Nav theme switcher (elementor-widget-structure, widget-utility-classes)
|
|
36
36
|
$classes = [
|
|
37
|
-
'section' => 'bg-white dark:bg-
|
|
38
|
-
'card' => 'bg-neutral-100 dark:bg-
|
|
39
|
-
'headline' => 'text-
|
|
37
|
+
'section' => 'bg-white dark:bg-neutral-900 ',
|
|
38
|
+
'card' => 'bg-neutral-100 dark:bg-neutral-500/40 rounded-2xl border border-neutral-200 dark:border-neutral-200/30',
|
|
39
|
+
'headline' => 'text-neutral-900 dark:text-neutral-200',
|
|
40
40
|
'description' => 'text-zic-900 dark:text-neutral-200',
|
|
41
|
-
'privacy' => 'text-
|
|
42
|
-
'privacy_link' => 'text-
|
|
41
|
+
'privacy' => 'text-neutral-900 dark:text-neutral-200',
|
|
42
|
+
'privacy_link' => 'text-neutral-900 dark:text-white font-semibold underline hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-neutral-100 dark:focus:ring-offset-neutral-800 rounded',
|
|
43
43
|
];
|
|
44
44
|
|
|
45
45
|
return array_merge( $fields, [
|
|
@@ -142,8 +142,8 @@ function prepare_outreach_dashboard_view( array $settings, string $widget_id ):
|
|
|
142
142
|
'chat_bubble' => 'bg-neutral-700/80 dark:bg-neutral-700 rounded-lg p-3 text-sm',
|
|
143
143
|
'chat_user_meta' => 'text-neutral-300 dark:text-neutral-300 text-sm',
|
|
144
144
|
'chat_user_msg' => 'text-neutral-100 dark:text-neutral-100 text-sm',
|
|
145
|
-
'chat_tag_red' => 'bg-
|
|
146
|
-
'chat_tag_yellow'=> 'bg-
|
|
145
|
+
'chat_tag_red' => 'bg-neutral-500/90 text-white text-xs font-medium rounded-full px-2 py-0.5',
|
|
146
|
+
'chat_tag_yellow'=> 'bg-neutral-500/90 text-white text-xs font-medium rounded-full px-2 py-0.5',
|
|
147
147
|
'chat_input' => 'bg-neutral-700/50 dark:bg-neutral-700 border border-neutral-600 dark:border-neutral-500 rounded-lg px-3 py-2 text-neutral-100 dark:text-neutral-100 placeholder-neutral-500 text-sm',
|
|
148
148
|
'chat_typing' => 'text-neutral-500 dark:text-neutral-500 text-xs',
|
|
149
149
|
'chat_send' => 'bg-neutral-100 text-neutral-900 hover:bg-white rounded-lg px-4 py-2 text-sm font-medium',
|
|
@@ -35,7 +35,7 @@ $m = $view['meetings'];
|
|
|
35
35
|
</div>
|
|
36
36
|
<div class="flex -space-x-3 shrink-0">
|
|
37
37
|
<div class="size-10 rounded-full bg-neutral-600 border-2 border-neutral-800 flex items-center justify-center" aria-hidden="true">
|
|
38
|
-
<svg class="size-5 text-
|
|
38
|
+
<svg class="size-5 text-neutral-400" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
|
39
39
|
</div>
|
|
40
40
|
<div class="size-10 rounded-full bg-neutral-600 border-2 border-neutral-800" aria-hidden="true"></div>
|
|
41
41
|
</div>
|
|
@@ -27,9 +27,9 @@ function prepare_page_hero_center_view( array $settings, string $widget_id ): ar
|
|
|
27
27
|
|
|
28
28
|
// Light/dark: dark hero background; title white, text muted
|
|
29
29
|
$classes = [
|
|
30
|
-
'section' => 'bg-neutral-100 dark:bg-
|
|
31
|
-
'title' => 'text-
|
|
32
|
-
'text' => 'text-
|
|
30
|
+
'section' => 'bg-neutral-100 dark:bg-neutral-900',
|
|
31
|
+
'title' => 'text-neutral-900 dark:text-neutral-100',
|
|
32
|
+
'text' => 'text-neutral-900 dark:text-neutral-100',
|
|
33
33
|
];
|
|
34
34
|
|
|
35
35
|
return array_merge( $fields, [
|
|
@@ -27,9 +27,9 @@ function prepare_page_hero_left_view( array $settings, string $widget_id ): arra
|
|
|
27
27
|
|
|
28
28
|
// Light/dark: dark hero background; title white, text muted
|
|
29
29
|
$classes = [
|
|
30
|
-
'section' => 'bg-neutral-100 dark:bg-
|
|
31
|
-
'title' => 'text-
|
|
32
|
-
'text' => 'text-
|
|
30
|
+
'section' => 'bg-neutral-100 dark:bg-neutral-900',
|
|
31
|
+
'title' => 'text-neutral-900 dark:text-neutral-100',
|
|
32
|
+
'text' => 'text-neutral-900 dark:text-neutral-100',
|
|
33
33
|
];
|
|
34
34
|
|
|
35
35
|
return array_merge( $fields, [
|
|
@@ -83,7 +83,7 @@ function prepare_pipeline_dashboard_view( array $settings, string $widget_id ):
|
|
|
83
83
|
'section' => 'bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100',
|
|
84
84
|
'title' => 'text-neutral-900 dark:text-white font-bold',
|
|
85
85
|
'frame' => 'bg-neutral-100 dark:bg-neutral-800 rounded-xl shadow-lg border border-neutral-200 dark:border-neutral-700 overflow-hidden',
|
|
86
|
-
'app_bar' => 'bg-gradient-to-r from-
|
|
86
|
+
'app_bar' => 'bg-gradient-to-r from-neutral-50/80 via-neutral-50/80 to-neutral-100/80 dark:from-neutral-800 dark:via-neutral-800 dark:to-neutral-700 border-b border-neutral-200 dark:border-neutral-600',
|
|
87
87
|
'tab' => 'text-neutral-700 dark:text-neutral-300 no-underline',
|
|
88
88
|
'tab_active' => 'text-neutral-900 dark:text-white font-semibold',
|
|
89
89
|
'breadcrumbs' => 'text-neutral-500 dark:text-neutral-400 text-sm',
|
|
@@ -98,9 +98,9 @@ function prepare_pipeline_dashboard_view( array $settings, string $widget_id ):
|
|
|
98
98
|
'card' => 'bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 rounded-lg p-3 shadow-sm',
|
|
99
99
|
'card_company' => 'text-neutral-900 dark:text-white font-medium text-sm',
|
|
100
100
|
'card_value' => 'text-neutral-600 dark:text-neutral-300 text-sm',
|
|
101
|
-
'tag_inbound' => 'bg-
|
|
101
|
+
'tag_inbound' => 'bg-neutral-500/90 text-white text-xs font-medium rounded px-2 py-0.5',
|
|
102
102
|
'tag_outreach' => 'bg-neutral-500/90 text-white text-xs font-medium rounded px-2 py-0.5',
|
|
103
|
-
'tag_referral' => 'bg-
|
|
103
|
+
'tag_referral' => 'bg-neutral-500/90 text-white text-xs font-medium rounded px-2 py-0.5',
|
|
104
104
|
'add_lead' => 'border-2 border-dashed border-neutral-300 dark:border-neutral-600 rounded-lg p-4 text-neutral-500 dark:text-neutral-400 text-sm text-center',
|
|
105
105
|
'avatar' => 'rounded-full bg-neutral-300 dark:bg-neutral-600 border-2 border-white dark:border-neutral-800 size-8',
|
|
106
106
|
];
|
|
@@ -43,12 +43,12 @@ function prepare_posts_grid_view( array $settings, string $widget_id ): array {
|
|
|
43
43
|
|
|
44
44
|
// Light/dark mode: dual classes so widget responds to Nav theme switcher
|
|
45
45
|
$theme_classes = [
|
|
46
|
-
'section' => 'bg-neutral-100 dark:bg-
|
|
47
|
-
'card' => 'bg-
|
|
48
|
-
'title' => 'text-
|
|
49
|
-
'meta' => 'text-
|
|
50
|
-
'excerpt' => 'text-
|
|
51
|
-
'overlay_text' => 'text-
|
|
46
|
+
'section' => 'bg-neutral-100 dark:bg-neutral-950',
|
|
47
|
+
'card' => 'bg-neutral-950 border border-neutral-200 dark:bg-neutral-950 dark:border-neutral-300/10',
|
|
48
|
+
'title' => 'text-neutral-950 dark:text-neutral-300',
|
|
49
|
+
'meta' => 'text-neutral-300 dark:text-neutral-100/50',
|
|
50
|
+
'excerpt' => 'text-neutral-950 dark:text-neutral-100/50',
|
|
51
|
+
'overlay_text' => 'text-neutral-100 dark:text-neutral-300',
|
|
52
52
|
'overlay_meta' => 'text-white/80 dark:text-white/80',
|
|
53
53
|
];
|
|
54
54
|
|
|
@@ -31,17 +31,17 @@ $elements_path = SOCIALLANE_ELEMENTS_PATH . 'elements';
|
|
|
31
31
|
<?php endif; ?>
|
|
32
32
|
<div class="p-5 md:p-6 flex flex-col flex-1">
|
|
33
33
|
<?php if ( ! empty( $card['show_date'] ) && ! empty( $card['date'] ) ) : ?>
|
|
34
|
-
<time datetime="<?php echo esc_attr( $card['date_iso'] ); ?>" class="<?php echo esc_attr( $classes['meta'] ?? '' ); ?> text-
|
|
34
|
+
<time datetime="<?php echo esc_attr( $card['date_iso'] ); ?>" class="<?php echo esc_attr( $classes['meta'] ?? '' ); ?> text-neutral-300/50 dark:text-neutral-300/80 text-sm mb-2">
|
|
35
35
|
<?php echo esc_html( $card['date'] ); ?>
|
|
36
36
|
</time>
|
|
37
37
|
<?php endif; ?>
|
|
38
|
-
<h3 class="<?php echo esc_attr( $classes['title'] ?? '' ); ?> text-
|
|
38
|
+
<h3 class="<?php echo esc_attr( $classes['title'] ?? '' ); ?> text-neutral-300 dark:text-neutral-300 text-lg md:text-xl font-normal font-heading leading-tight mt-0 mb-2">
|
|
39
39
|
<a href="<?php echo esc_url( $card['url'] ); ?>" class="text-inherit no-underline focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:outline-none rounded">
|
|
40
40
|
<?php echo $card['title']; ?>
|
|
41
41
|
</a>
|
|
42
42
|
</h3>
|
|
43
43
|
<?php if ( ! empty( $card['show_excerpt'] ) && ! empty( $card['excerpt'] ) ) : ?>
|
|
44
|
-
<div class="<?php echo esc_attr( $classes['excerpt'] ?? '' ); ?> text-
|
|
44
|
+
<div class="<?php echo esc_attr( $classes['excerpt'] ?? '' ); ?> text-neutral-100/50 dark:text-neutral-100/50 text-[.85rem] leading-relaxed flex-1">
|
|
45
45
|
<?php echo $card['excerpt']; ?>
|
|
46
46
|
</div>
|
|
47
47
|
<?php endif; ?>
|
|
@@ -43,12 +43,12 @@ function prepare_posts_grid_overlay_view( array $settings, string $widget_id ):
|
|
|
43
43
|
|
|
44
44
|
// Light/dark mode: dual classes so widget responds to Nav theme switcher
|
|
45
45
|
$theme_classes = [
|
|
46
|
-
'section' => 'bg-neutral-100 dark:bg-
|
|
47
|
-
'card' => 'bg-
|
|
48
|
-
'title' => 'text-
|
|
49
|
-
'meta' => 'text-
|
|
50
|
-
'excerpt' => 'text-
|
|
51
|
-
'overlay_text' => 'text-
|
|
46
|
+
'section' => 'bg-neutral-100 dark:bg-neutral-950',
|
|
47
|
+
'card' => 'bg-neutral-950 border border-neutral-200 dark:bg-neutral-950 dark:border-neutral-300/10',
|
|
48
|
+
'title' => 'text-neutral-950 dark:text-neutral-300',
|
|
49
|
+
'meta' => 'text-neutral-300 dark:text-neutral-100/50',
|
|
50
|
+
'excerpt' => 'text-neutral-950 dark:text-neutral-100/50',
|
|
51
|
+
'overlay_text' => 'text-neutral-100 dark:text-neutral-300',
|
|
52
52
|
'overlay_meta' => 'text-white/80 dark:text-white/80',
|
|
53
53
|
];
|
|
54
54
|
|
|
@@ -31,17 +31,17 @@ $elements_path = SOCIALLANE_ELEMENTS_PATH . 'elements';
|
|
|
31
31
|
<?php endif; ?>
|
|
32
32
|
<div class="p-5 md:p-6 flex flex-col flex-1">
|
|
33
33
|
<?php if ( ! empty( $card['show_date'] ) && ! empty( $card['date'] ) ) : ?>
|
|
34
|
-
<time datetime="<?php echo esc_attr( $card['date_iso'] ); ?>" class="<?php echo esc_attr( $classes['meta'] ?? '' ); ?> text-
|
|
34
|
+
<time datetime="<?php echo esc_attr( $card['date_iso'] ); ?>" class="<?php echo esc_attr( $classes['meta'] ?? '' ); ?> text-neutral-300/50 dark:text-neutral-300/80 text-sm mb-2">
|
|
35
35
|
<?php echo esc_html( $card['date'] ); ?>
|
|
36
36
|
</time>
|
|
37
37
|
<?php endif; ?>
|
|
38
|
-
<h3 class="<?php echo esc_attr( $classes['title'] ?? '' ); ?> text-
|
|
38
|
+
<h3 class="<?php echo esc_attr( $classes['title'] ?? '' ); ?> text-neutral-300 dark:text-neutral-300 text-lg md:text-xl font-normal font-heading leading-tight mt-0 mb-2">
|
|
39
39
|
<a href="<?php echo esc_url( $card['url'] ); ?>" class="text-inherit no-underline focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:outline-none rounded">
|
|
40
40
|
<?php echo $card['title']; ?>
|
|
41
41
|
</a>
|
|
42
42
|
</h3>
|
|
43
43
|
<?php if ( ! empty( $card['show_excerpt'] ) && ! empty( $card['excerpt'] ) ) : ?>
|
|
44
|
-
<div class="<?php echo esc_attr( $classes['excerpt'] ?? '' ); ?> text-
|
|
44
|
+
<div class="<?php echo esc_attr( $classes['excerpt'] ?? '' ); ?> text-neutral-100/50 dark:text-neutral-100/50 text-[.85rem] leading-relaxed flex-1">
|
|
45
45
|
<?php echo $card['excerpt']; ?>
|
|
46
46
|
</div>
|
|
47
47
|
<?php endif; ?>
|
|
@@ -64,7 +64,7 @@ function prepare_pricing_table_view( array $settings, string $widget_id ): array
|
|
|
64
64
|
|
|
65
65
|
// Light/dark dual classes for Nav theme switcher
|
|
66
66
|
$classes = [
|
|
67
|
-
'section' => 'bg-neutral-100 dark:bg-
|
|
67
|
+
'section' => 'bg-neutral-100 dark:bg-neutral-900',
|
|
68
68
|
'headline' => 'text-neutral-900 dark:text-white',
|
|
69
69
|
'description' => 'text-neutral-600 dark:text-neutral-300',
|
|
70
70
|
'card' => 'bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700',
|
|
@@ -72,7 +72,7 @@ function prepare_pricing_table_view( array $settings, string $widget_id ): array
|
|
|
72
72
|
'plan_name' => 'text-neutral-900 dark:text-white',
|
|
73
73
|
'price' => 'text-neutral-900 dark:text-white',
|
|
74
74
|
'annual_detail' => 'text-neutral-500 dark:text-neutral-400',
|
|
75
|
-
'annual_link' => 'text-neutral-600 dark:text-neutral-400 hover:text-primary dark:hover:text-
|
|
75
|
+
'annual_link' => 'text-neutral-600 dark:text-neutral-400 hover:text-primary dark:hover:text-neutral-300 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-800',
|
|
76
76
|
'cta' => 'bg-neutral-800 dark:bg-neutral-700 text-white hover:bg-neutral-700 dark:hover:bg-neutral-600 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-800',
|
|
77
77
|
'feature_text' => 'text-neutral-600 dark:text-neutral-300',
|
|
78
78
|
'feature_icon' => 'text-neutral-500 dark:text-neutral-400',
|
|
@@ -116,7 +116,7 @@ function prepare_sales_dashboard_view( array $settings, string $widget_id ): arr
|
|
|
116
116
|
'eyebrow' => 'text-neutral-500 dark:text-neutral-400 text-sm font-semibold uppercase tracking-wider',
|
|
117
117
|
'headline' => 'text-neutral-900 dark:text-white font-bold',
|
|
118
118
|
'card' => 'bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700 shadow-sm overflow-hidden',
|
|
119
|
-
'card_profile_gradient' => 'bg-gradient-to-r from-
|
|
119
|
+
'card_profile_gradient' => 'bg-gradient-to-r from-neutral-50/90 via-neutral-50/90 to-neutral-100/90 dark:from-neutral-800 dark:via-neutral-700 dark:to-neutral-700',
|
|
120
120
|
'profile_name' => 'text-neutral-900 dark:text-white font-bold',
|
|
121
121
|
'profile_meta' => 'text-neutral-600 dark:text-neutral-300 text-sm',
|
|
122
122
|
'profile_tab' => 'text-neutral-600 dark:text-neutral-400 text-sm border-b-2 border-transparent pb-2',
|
|
@@ -130,8 +130,8 @@ function prepare_sales_dashboard_view( array $settings, string $widget_id ): arr
|
|
|
130
130
|
'dropdown' => 'text-neutral-600 dark:text-neutral-300 text-sm border border-neutral-300 dark:border-neutral-600 rounded-md px-3 py-1.5 bg-white dark:bg-neutral-800',
|
|
131
131
|
'filter_btn' => 'text-neutral-600 dark:text-neutral-400 border border-neutral-300 dark:border-neutral-600 rounded-md px-3 py-1.5 text-sm',
|
|
132
132
|
'badge' => 'text-xs font-medium rounded-full px-2 py-0.5',
|
|
133
|
-
'badge_tomorrow' => 'bg-
|
|
134
|
-
'badge_soon' => 'bg-
|
|
133
|
+
'badge_tomorrow' => 'bg-neutral-500/90 text-white',
|
|
134
|
+
'badge_soon' => 'bg-neutral-500/90 text-white',
|
|
135
135
|
'badge_later' => 'bg-neutral-200 dark:bg-neutral-600 text-neutral-700 dark:text-neutral-200',
|
|
136
136
|
'table_cell' => 'text-neutral-900 dark:text-white text-sm',
|
|
137
137
|
'table_cell_muted' => 'text-neutral-500 dark:text-neutral-400 text-sm',
|
|
@@ -27,7 +27,7 @@ $badge_class = [ 'tomorrow' => $c['badge_tomorrow'], 'soon' => $c['badge_soon'],
|
|
|
27
27
|
<svg class="size-4" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"/></svg>
|
|
28
28
|
<?php esc_html_e( 'Filter', 'sociallane-elements' ); ?>
|
|
29
29
|
<?php if ( $co['filter_badge'] > 0 ) : ?>
|
|
30
|
-
<span class="bg-
|
|
30
|
+
<span class="bg-neutral-500 text-white text-xs font-medium rounded-full min-w-[1.25rem] h-5 flex items-center justify-center px-1"><?php echo (int) $co['filter_badge']; ?></span>
|
|
31
31
|
<?php endif; ?>
|
|
32
32
|
</button>
|
|
33
33
|
</div>
|
|
@@ -24,18 +24,18 @@ $c = $view['classes'];
|
|
|
24
24
|
<?php if ( $card_placeholder === 'keyboard' ) : ?>
|
|
25
25
|
<div class="rounded-lg bg-neutral-100 dark:bg-neutral-700/50 p-4 flex items-center justify-center min-h-[100px]" aria-hidden="true">
|
|
26
26
|
<div class="flex flex-wrap gap-1 justify-center max-w-[200px]">
|
|
27
|
-
<span class="px-2 py-1 rounded bg-
|
|
27
|
+
<span class="px-2 py-1 rounded bg-neutral-200/80 dark:bg-neutral-900/40 text-xs">shift</span>
|
|
28
28
|
<span class="px-2 py-1 rounded bg-neutral-200 dark:bg-neutral-600 text-xs">D</span>
|
|
29
|
-
<span class="px-2 py-1 rounded bg-
|
|
30
|
-
<span class="px-2 py-1 rounded bg-
|
|
29
|
+
<span class="px-2 py-1 rounded bg-neutral-200/80 dark:bg-neutral-900/40 text-xs">option</span>
|
|
30
|
+
<span class="px-2 py-1 rounded bg-neutral-200/80 dark:bg-neutral-900/40 text-xs">command</span>
|
|
31
31
|
</div>
|
|
32
32
|
</div>
|
|
33
33
|
<?php elseif ( $card_placeholder === 'integrations' ) : ?>
|
|
34
34
|
<div class="rounded-full border-2 border-dashed border-neutral-300 dark:border-neutral-600 size-24 mx-auto flex items-center justify-center text-neutral-400 dark:text-neutral-500 text-xs" aria-hidden="true">○</div>
|
|
35
35
|
<div class="flex justify-center gap-2 -mt-8">
|
|
36
|
-
<span class="size-8 rounded-full bg-
|
|
37
|
-
<span class="size-8 rounded-full bg-
|
|
38
|
-
<span class="size-8 rounded-full bg-
|
|
36
|
+
<span class="size-8 rounded-full bg-neutral-200 dark:bg-neutral-800 shrink-0" aria-hidden="true"></span>
|
|
37
|
+
<span class="size-8 rounded-full bg-neutral-200 dark:bg-neutral-800 shrink-0" aria-hidden="true"></span>
|
|
38
|
+
<span class="size-8 rounded-full bg-neutral-200 dark:bg-neutral-800 shrink-0" aria-hidden="true"></span>
|
|
39
39
|
<span class="size-8 rounded-full bg-neutral-300 dark:bg-neutral-600 shrink-0" aria-hidden="true"></span>
|
|
40
40
|
</div>
|
|
41
41
|
<?php elseif ( $card_placeholder === 'map' ) : ?>
|
|
@@ -64,9 +64,9 @@ function prepare_section_stats_view( array $settings, string $widget_id ): array
|
|
|
64
64
|
*/
|
|
65
65
|
|
|
66
66
|
$classes = [
|
|
67
|
-
'section' => 'bg-neutral-100 dark:bg-
|
|
68
|
-
'headline' => 'text-
|
|
69
|
-
'description' => 'text-
|
|
67
|
+
'section' => 'bg-neutral-100 dark:bg-neutral-900 text-white dark:text-white',
|
|
68
|
+
'headline' => 'text-neutral-900 dark:text-neutral-200',
|
|
69
|
+
'description' => 'text-neutral-900 dark:text-neutral-200',
|
|
70
70
|
'card_default_bg' => 'bg-neutral-800 dark:bg-neutral-800 border border-neutral-100/10',
|
|
71
71
|
'card_accent_bg' => 'bg-neutral-600 dark:bg-neutral-700 border border-neutral-100/10',
|
|
72
72
|
'card_stat' => 'text-white dark:text-white',
|