sales-frontend-components 0.0.77 → 0.0.79

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.
@@ -0,0 +1,95 @@
1
+ @use 'sales-frontend-design-system/design-system-context' as *;
2
+
3
+ .search-filters {
4
+ display: flex;
5
+ gap: padding(xxlarge);
6
+ align-items: center;
7
+ align-self: stretch;
8
+ white-space: nowrap;
9
+
10
+ .search-filter-section {
11
+ display: flex;
12
+ flex-direction: row;
13
+ gap: padding(large);
14
+ align-items: center;
15
+ }
16
+ }
17
+
18
+ .search-buttons {
19
+ display: flex;
20
+ gap: 8px;
21
+ margin-left: auto;
22
+ }
23
+
24
+ .result-section {
25
+ display: flex;
26
+ flex-direction: column;
27
+ gap: margin(inputfield-vertical);
28
+ margin-top: margin(title-xlarge);
29
+
30
+ thead {
31
+ @include apply-typography(body3);
32
+
33
+ color: colors(text-body_3);
34
+
35
+ th {
36
+ &.th-padding {
37
+ padding: padding(xxsmall);
38
+ }
39
+
40
+ text-align: center;
41
+ border-color: colors(border-neutral_3);
42
+ border-width: 1px;
43
+
44
+ label {
45
+ vertical-align: middle;
46
+ }
47
+ }
48
+ }
49
+
50
+ tbody {
51
+ @include apply-typography(body2);
52
+
53
+ color: colors(text-body_2);
54
+
55
+ td {
56
+ padding: padding(xsmall);
57
+ text-align: center;
58
+ border-color: colors(border-neutral_3);
59
+ border-width: 1px;
60
+ }
61
+ }
62
+
63
+ .result-title {
64
+ @include apply-typography(body);
65
+
66
+ color: colors(text-body);
67
+ }
68
+
69
+ .no-result {
70
+ display: flex;
71
+ flex-direction: column;
72
+ gap: spacing(small);
73
+ align-items: center;
74
+ justify-content: center;
75
+ margin: 64px 24px;
76
+
77
+ p {
78
+ @include apply-typography(body2);
79
+
80
+ color: colors(text-body_3);
81
+ }
82
+ }
83
+ }
84
+
85
+ .item-container {
86
+ display: flex;
87
+ flex-direction: column;
88
+ }
89
+
90
+ .divider {
91
+ align-self: stretch;
92
+ height: 1px;
93
+ margin: margin(divider-xlarge) 0;
94
+ background: colors(border-neutral_2);
95
+ }
@@ -0,0 +1,100 @@
1
+ @use 'sales-frontend-design-system/design-system-context' as *;
2
+
3
+ .search-filters {
4
+ display: flex;
5
+ gap: padding(xxlarge);
6
+ align-items: center;
7
+ align-self: stretch;
8
+ white-space: nowrap;
9
+
10
+ .search-filter-section {
11
+ display: flex;
12
+ flex-direction: row;
13
+ gap: padding(large);
14
+ align-items: center;
15
+ width: 100%;
16
+ }
17
+
18
+ .search-input {
19
+ width: 100%;
20
+ }
21
+ }
22
+
23
+ .search-buttons {
24
+ display: flex;
25
+ gap: 8px;
26
+ margin-left: auto;
27
+ }
28
+
29
+ .result-section {
30
+ display: flex;
31
+ flex-direction: column;
32
+ gap: margin(inputfield-vertical);
33
+ margin-top: margin(title-xlarge);
34
+
35
+ thead {
36
+ @include apply-typography(body3);
37
+
38
+ color: colors(text-body_3);
39
+
40
+ th {
41
+ &.th-padding {
42
+ padding: padding(xxsmall);
43
+ }
44
+
45
+ text-align: center;
46
+ border-color: colors(border-neutral_3);
47
+ border-width: 1px;
48
+
49
+ label {
50
+ vertical-align: middle;
51
+ }
52
+ }
53
+ }
54
+
55
+ tbody {
56
+ @include apply-typography(body2);
57
+
58
+ color: colors(text-body_2);
59
+
60
+ td {
61
+ padding: padding(xsmall);
62
+ text-align: center;
63
+ border-color: colors(border-neutral_3);
64
+ border-width: 1px;
65
+ }
66
+ }
67
+
68
+ .result-title {
69
+ @include apply-typography(body);
70
+
71
+ color: colors(text-body);
72
+ }
73
+
74
+ .no-result {
75
+ display: flex;
76
+ flex-direction: column;
77
+ gap: spacing(small);
78
+ align-items: center;
79
+ justify-content: center;
80
+ margin: 64px 24px;
81
+
82
+ p {
83
+ @include apply-typography(body2);
84
+
85
+ color: colors(text-body_3);
86
+ }
87
+ }
88
+ }
89
+
90
+ .item-container {
91
+ display: flex;
92
+ flex-direction: column;
93
+ }
94
+
95
+ .divider {
96
+ align-self: stretch;
97
+ height: 1px;
98
+ margin: margin(divider-xlarge) 0;
99
+ background: colors(border-neutral_2);
100
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sales-frontend-components",
3
- "version": "0.0.77",
3
+ "version": "0.0.79",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs.js",
@@ -41,11 +41,11 @@
41
41
  "sass": "^1.86.3",
42
42
  "typescript": "5.8.2",
43
43
  "zod": "^3.25.67",
44
- "sales-frontend-api": "0.0.43",
45
- "sales-frontend-hooks": "0.0.46",
44
+ "sales-frontend-api": "0.0.45",
46
45
  "sales-frontend-stores": "0.0.3",
46
+ "sales-frontend-hooks": "0.0.48",
47
+ "sales-frontend-design-system": "0.0.60",
47
48
  "eslint-config-sales-frontend-eslint-config-v8": "^0.0.6",
48
- "sales-frontend-design-system": "0.0.59",
49
49
  "sales-frontend-typescript-config": "0.0.2"
50
50
  },
51
51
  "peerDependencies": {
@@ -53,13 +53,13 @@
53
53
  "react": ">=18.0.0",
54
54
  "react-dom": ">=18.0.0",
55
55
  "react-hook-form": "^7.58.1",
56
- "sales-frontend-design-system": "0.0.59",
57
- "sales-frontend-hooks": "0.0.46",
58
- "sales-frontend-stores": "0.0.3",
56
+ "sales-frontend-hooks": "0.0.48",
57
+ "sales-frontend-api": "0.0.45",
58
+ "sales-frontend-design-system": "0.0.60",
59
59
  "sales-frontend-utils": "0.0.10",
60
- "sales-frontend-api": "0.0.43",
61
- "sales-frontend-debug": "0.0.3",
62
- "sales-frontend-assets": "0.0.14"
60
+ "sales-frontend-stores": "0.0.3",
61
+ "sales-frontend-assets": "0.0.14",
62
+ "sales-frontend-debug": "0.0.3"
63
63
  },
64
64
  "dependencies": {
65
65
  "classnames": "^2.5.1",