@trilogy-ds/styles 4.14.0-datepicker-native → 4.14.0-fix-flexbox-gap-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.
@@ -1,14 +1,37 @@
1
- .divider {
1
+ @mixin divider {
2
+ content:'';
3
+ flex: 1;
4
+ height: 1px;
2
5
  background-color: getColor('neutral');
6
+ }
7
+
8
+ .divider {
3
9
  height: 1px;
4
10
  display: flex;
5
11
  justify-content: center;
6
12
  align-items: center;
7
13
 
8
14
  p.divider-content {
9
- white-space: nowrap;
10
- padding: 0 $spacing-4;
11
- background-color: invertColor('neutral');
15
+ flex-wrap: nowrap;
16
+ width: 100%;
17
+ display: flex;
18
+ align-items: center;
19
+
20
+ &::before {
21
+ @include divider
22
+ }
23
+ &::after {
24
+ @include divider
25
+ }
26
+
27
+ &:not(:empty) {
28
+ &::before {
29
+ margin-right: $spacing-4;
30
+ }
31
+ &::after {
32
+ margin-left: $spacing-4;
33
+ }
34
+ }
12
35
  }
13
36
 
14
37
  &:not(.is-marginless) {
@@ -776,6 +776,7 @@
776
776
  }
777
777
 
778
778
  @include container-mobile {
779
+ &.has-gap-#{$i},
779
780
  &.has-gap-#{$i}-mobile {
780
781
  gap: $item;
781
782
 
@@ -9,8 +9,8 @@ Colors for buttons
9
9
  $button-colors: (
10
10
  'accent':['conversion', 'accent', 'background'],
11
11
  'primary': ['primary', 'main', 'background'],
12
- 'secondary': ['secondary', 'main-fade', 'main'],
13
- 'ghost': ['ghost', 'transparent', 'main']
12
+ 'secondary': ['secondary', 'main-fade', 'font'],
13
+ 'ghost': ['ghost', 'transparent', 'font']
14
14
  ) !default;
15
15
 
16
16
  %buttons-states {
package/package.json CHANGED
@@ -1,7 +1,12 @@
1
1
  {
2
2
  "name": "@trilogy-ds/styles",
3
- "version": "4.14.0-datepicker-native",
3
+ "version": "4.14.0-fix-flexbox-gap-2",
4
4
  "author": "Bouygues Telecom",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "https://github.com/BouyguesTelecom/trilogy",
8
+ "directory": "packages/styles"
9
+ },
5
10
  "license": "UNLICENSED",
6
11
  "files": [
7
12
  "framework/src",