@design-factory/styles 21.1.0-next.1 → 21.1.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 (8) hide show
  1. package/bundle.css +1 -1
  2. package/package.json +2 -2
  3. package/scss/components/card/_card.scss +9 -5
  4. package/scss/components/card/_card.variables.scss +2 -3
  5. package/scss/components/datepicker/_datepicker.scss +0 -1
  6. package/scss/components/dropdown/_dropdown.variables.scss +1 -2
  7. package/scss/components/modal/_modal.variables.scss +2 -2
  8. package/scss/components/select/_select.scss +0 -1
package/package.json CHANGED
@@ -2,12 +2,12 @@
2
2
  "name": "@design-factory/styles",
3
3
  "description": "Amadeus design system styles",
4
4
  "license": "BSD-3-Clause",
5
- "version": "21.1.0-next.1",
5
+ "version": "21.1.0",
6
6
  "type": "module",
7
7
  "peerDependencies": {
8
8
  "bootstrap": "5.3.8",
9
9
  "@agnos-ui/core-bootstrap": "~0.10.0",
10
- "@design-factory/tokens": "21.1.0-next.1",
10
+ "@design-factory/tokens": "21.1.0",
11
11
  "ag-grid-community": "^35.0.0",
12
12
  "@ng-select/ng-select": "^21.0.0"
13
13
  },
package/scss/components/card/_card.scss CHANGED
@@ -25,11 +25,15 @@
25
25
  margin-block-end: var(--df-spacing-5);
26
26
  }
27
27
 
28
+ &.border-0 {
29
+ box-shadow: none;
30
+ }
31
+
28
32
  &.btn.btn-outline-primary {
29
33
  display: block;
30
34
  text-align: start;
31
35
  color: var(--df-color-neutral-alt-default-foreground);
32
- border: 1px solid var(--df-color-inert-neutral-main-border);
36
+ border: none;
33
37
  border-radius: var(--df-borderRadius-main-small);
34
38
  height: inherit;
35
39
 
@@ -38,7 +42,6 @@
38
42
 
39
43
  &:not(:hover):not(:active) {
40
44
  color: var(--df-color-neutral-alt-default-foreground);
41
- border-color: var(--df-color-inert-neutral-main-border);
42
45
  }
43
46
  }
44
47
 
@@ -49,16 +52,16 @@
49
52
 
50
53
  &:hover {
51
54
  background-color: var(--df-color-primary-alt-hovered-background);
52
- border-color: var(--df-color-inert-neutral-main-border);
55
+ border: none;
53
56
 
54
57
  &:active {
55
58
  background-color: var(--df-btn-active-bg);
56
- border-color: var(--df-color-inert-neutral-main-border);
59
+ border: none;
57
60
  }
58
61
  }
59
62
 
60
63
  &:active {
61
- border-color: var(--df-color-inert-neutral-main-border);
64
+ border: none;
62
65
  }
63
66
  }
64
67
 
@@ -133,6 +136,7 @@
133
136
  border-radius: var(--df-card-border-radius);
134
137
 
135
138
  .card {
139
+ box-shadow: none;
136
140
  border-radius: 0;
137
141
 
138
142
  &:not(:last-of-type) {
package/scss/components/card/_card.variables.scss CHANGED
@@ -3,10 +3,9 @@
3
3
  $card-spacer-y: var(--df-spacing-5) !default;
4
4
  $card-spacer-x: var(--df-spacing-5) !default;
5
5
  $card-title-spacer-y: var(--df-spacing-5) !default;
6
- $card-border-width: 1px !default;
6
+ $card-border-width: 0 !default;
7
7
  $card-border-radius: var(--df-border-radius-lg) !default;
8
- $card-border-color: var(--df-color-inert-neutral-main-border) !default;
9
- $card-box-shadow: none !default;
8
+ $card-box-shadow: df.$df-box-shadow !default;
10
9
  $card-inner-border-radius: var(--df-borderRadius-main-medium) !default;
11
10
  $card-cap-padding-y: var(--df-spacing-3) !default;
12
11
  $card-cap-padding-x: var(--df-spacing-5) !default;
package/scss/components/datepicker/_datepicker.scss CHANGED
@@ -52,7 +52,6 @@
52
52
 
53
53
  ngb-datepicker {
54
54
  border-radius: var(--df-borderRadius-main-medium);
55
- border: 1px solid var(--df-color-inert-neutral-main-border) !important; // override ng-bootstrap default border
56
55
  padding: var(--df-spacing-5);
57
56
  box-shadow: df.$df-box-shadow;
58
57
  background-color: var(--df-color-inert-neutral-main-background);
package/scss/components/dropdown/_dropdown.variables.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  @use '../../common.variables' as df;
2
2
 
3
- $dropdown-border-width: 1px !default;
4
- $dropdown-border-color: var(--df-color-inert-neutral-main-border) !default;
3
+ $dropdown-border-width: 0 !default;
5
4
  $dropdown-link-hover-bg: var(--df-color-primary-alt-hovered-background) !default;
6
5
  $dropdown-link-hover-color: var(--df-color-neutral-alt-hovered-foreground) !default;
7
6
  $dropdown-link-active-bg: var(--df-color-primary-alt-active-background) !default;
package/scss/components/modal/_modal.variables.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  $modal-backdrop-bg: var(--df-color-backdrop-background) !default;
2
2
  $modal-backdrop-opacity: 1 !default;
3
3
  $modal-content-bg: var(--df-color-inert-neutral-main-background) !default;
4
- $modal-content-border-color: var(--df-color-inert-neutral-main-border) !default;
4
+ $modal-content-border-color: none !default;
5
5
  $modal-content-border-radius: var(--df-borderRadius-main-large) !default;
6
- $modal-content-border-width: 1px !default;
6
+ $modal-content-border-width: 0 !default;
7
7
  $modal-content-inner-border-radius: var(--df-borderRadius-main-large) !default;
8
8
  $modal-footer-margin-between: 0 !default;
9
9
  $modal-header-border-width: 0px !default;
package/scss/components/select/_select.scss CHANGED
@@ -420,7 +420,6 @@ html:root[data-df-theme='dark'] {
420
420
  .ng-dropdown-panel {
421
421
  background-color: var(--df-color-inert-neutral-main-background);
422
422
  border-radius: var(--df-borderRadius-main-medium);
423
- border: 1px solid var(--df-color-inert-neutral-main-border);
424
423
  box-shadow: df.$df-box-shadow;
425
424
  overflow: auto;
426
425
  width: initial;