azion-theme 1.5.7 → 1.6.0

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.
Files changed (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/package.json +1 -1
  3. package/src/azion/_extensions.scss +1 -1
  4. package/src/azion/_variables.scss +9 -3
  5. package/src/azion/extended-components/_carousel.scss +9 -0
  6. package/src/azion/variables/_media.scss +2 -2
  7. package/src/azion-dark/_extensions.scss +1 -1
  8. package/src/azion-dark/_variables.scss +1 -1
  9. package/src/azion-dark/extended-components/_carousel.scss +9 -0
  10. package/src/azion-dark/variables/_media.scss +2 -2
  11. package/src/azion-light/_extensions.scss +1 -0
  12. package/src/azion-light/_variables.scss +2 -2
  13. package/src/azion-light/extended-components/_carousel.scss +9 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ ## [1.6.0](https://github.com/aziontech/azion-theme/compare/v1.5.8...v1.6.0) (2024-09-16)
2
+
3
+ ### Features
4
+
5
+ * surfaces update ([#25](https://github.com/aziontech/azion-theme/issues/25)) ([08ea867](https://github.com/aziontech/azion-theme/commit/08ea867392692a5ae1c56564b80519657b84cb74))
6
+
7
+ ## [1.5.8](https://github.com/aziontech/azion-theme/compare/v1.5.7...v1.5.8) (2024-09-16)
8
+
9
+ ### Bug Fixes
10
+
11
+ * carousel colors indicator ([#24](https://github.com/aziontech/azion-theme/issues/24)) ([ac6386a](https://github.com/aziontech/azion-theme/commit/ac6386a4f571324624071555c1d1caaad4e94165))
12
+
1
13
  ## [1.5.7](https://github.com/aziontech/azion-theme/compare/v1.5.6...v1.5.7) (2024-09-05)
2
14
 
3
15
  ### Bug Fixes
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "azion-theme",
3
3
  "type": "module",
4
- "version": "1.5.7",
4
+ "version": "1.6.0",
5
5
  "author": "aziontech",
6
6
  "contributors": [
7
7
  {
package/src/azion/_extensions.scss CHANGED
@@ -26,5 +26,5 @@
26
26
  @import './extended-components/progressbar';
27
27
  @import './extended-components/dialog';
28
28
  @import './extended-components/multiselect';
29
-
29
+ @import './extended-components/carousel';
30
30
  }
package/src/azion/_variables.scss CHANGED
@@ -101,7 +101,7 @@ $colors: (
101
101
 
102
102
  --surface-ground: #171717;
103
103
  --surface-section: #171717;
104
- --surface-card: #171717;
104
+ --surface-card: #111111;
105
105
  --surface-overlay: #ffffff;
106
106
  --surface-border: #282828;
107
107
  --surface-hover: #f5f5f516;
@@ -223,6 +223,9 @@ $colors: (
223
223
  --p-tag-warning-color: #ffb64d;
224
224
  --p-tag-danger-background: #f53d3d33;
225
225
  --p-tag-danger-color: #f53d3d;
226
+ --carousel-indicator: #e9ecef20;
227
+ --carousel-indicator-highlight: #ededed;
228
+ --carousel-indicator-hover: #dee2e640;
226
229
  }
227
230
 
228
231
  :root.azion.azion-light {
@@ -268,8 +271,8 @@ $colors: (
268
271
  --gray-800: #424242;
269
272
  --gray-900: #212121;
270
273
 
271
- --surface-ground: #ffffff;
272
- --surface-section: #ffffff;
274
+ --surface-ground: #F9FAFB;
275
+ --surface-section: #F9FAFB;
273
276
  --surface-card: #ffffff;
274
277
  --surface-overlay: #ffffff;
275
278
  --surface-border: #e8e8e8;
@@ -379,4 +382,7 @@ $colors: (
379
382
  --p-tag-warning-color: #c59707;
380
383
  --p-tag-danger-background: #ef404033;
381
384
  --p-tag-danger-color: #ef4040;
385
+ --carousel-indicator: #e9ecef;
386
+ --carousel-indicator-highlight: #1c1c1c;
387
+ --carousel-indicator-hover: #dee2e6;
382
388
  }
package/src/azion/extended-components/_carousel.scss ADDED
@@ -0,0 +1,9 @@
1
+ // Custom carousel
2
+
3
+ .p-carousel-indicators {
4
+ .p-carousel-indicator {
5
+ &.p-highlight {
6
+ background: var(--carousel-indicator-highlight) !important;
7
+ }
8
+ }
9
+ }
package/src/azion/variables/_media.scss CHANGED
@@ -4,11 +4,11 @@ $carouselIndicatorsPadding: 1rem;
4
4
 
5
5
  /// Padding of a carousel indicator
6
6
  /// @group media
7
- $carouselIndicatorBg: #e9ecef;
7
+ $carouselIndicatorBg: var(--carousel-indicator);
8
8
 
9
9
  /// Padding of a carousel indicator in hover state
10
10
  /// @group media
11
- $carouselIndicatorHoverBg: #dee2e6;
11
+ $carouselIndicatorHoverBg: var(--carousel-indicator-hover);
12
12
 
13
13
  /// Border radius of a carousel indicator
14
14
  /// @group media
package/src/azion-dark/_extensions.scss CHANGED
@@ -26,5 +26,5 @@
26
26
  @import '../azion-dark/extended-components/progressbar';
27
27
  @import '../azion-dark/extended-components/dialog';
28
28
  @import '../azion-dark/extended-components/multiselect';
29
-
29
+ @import '../azion-dark/extended-components/carousel';
30
30
  }
package/src/azion-dark/_variables.scss CHANGED
@@ -98,7 +98,7 @@ $colors: (
98
98
  --border-radius: #{$borderRadius};
99
99
  --surface-ground: #171717;
100
100
  --surface-section: #171717;
101
- --surface-card: #171717;
101
+ --surface-card: #111111;
102
102
  --surface-overlay: #ffffff;
103
103
  --surface-border: #282828;
104
104
  --surface-hover: #f5f5f516;
package/src/azion-dark/extended-components/_carousel.scss ADDED
@@ -0,0 +1,9 @@
1
+ // Custom carousel
2
+
3
+ .p-carousel-indicators {
4
+ .p-carousel-indicator {
5
+ &.p-highlight {
6
+ background: #ededed !important;
7
+ }
8
+ }
9
+ }
package/src/azion-dark/variables/_media.scss CHANGED
@@ -4,11 +4,11 @@ $carouselIndicatorsPadding: 1rem;
4
4
 
5
5
  /// Padding of a carousel indicator
6
6
  /// @group media
7
- $carouselIndicatorBg: #e9ecef;
7
+ $carouselIndicatorBg: #e9ecef20;
8
8
 
9
9
  /// Padding of a carousel indicator in hover state
10
10
  /// @group media
11
- $carouselIndicatorHoverBg: #dee2e6;
11
+ $carouselIndicatorHoverBg: #dee2e640;
12
12
 
13
13
  /// Border radius of a carousel indicator
14
14
  /// @group media
package/src/azion-light/_extensions.scss CHANGED
@@ -26,4 +26,5 @@
26
26
  @import '../azion-light/extended-components/progressbar';
27
27
  @import '../azion-light/extended-components/dialog';
28
28
  @import '../azion-light/extended-components/multiselect';
29
+ @import '../azion-light/extended-components/carousel';
29
30
  }
package/src/azion-light/_variables.scss CHANGED
@@ -95,8 +95,8 @@ $colors: (
95
95
  --inline-spacing: #{$inlineSpacing};
96
96
  --border-radius: #{$borderRadius};
97
97
 
98
- --surface-ground: #ffffff;
99
- --surface-section: #ffffff;
98
+ --surface-ground: #F9FAFB;
99
+ --surface-section: #F9FAFB;
100
100
  --surface-card: #ffffff;
101
101
  --surface-overlay: #ffffff;
102
102
  --surface-border: #e8e8e8;
package/src/azion-light/extended-components/_carousel.scss ADDED
@@ -0,0 +1,9 @@
1
+ // Custom carousel
2
+
3
+ .p-carousel-indicators {
4
+ .p-carousel-indicator {
5
+ &.p-highlight {
6
+ background: #1c1c1c !important;
7
+ }
8
+ }
9
+ }