@trilogy-ds/styles 0.0.2-alpha-prompt → 0.0.2-beta-color

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 (14) hide show
  1. package/dist/default/trilogy-mangled.css +1 -1
  2. package/dist/default/trilogy-partials.css +1 -1
  3. package/dist/default/trilogy.css +1 -1
  4. package/framework/src/base/_all.scss +0 -1
  5. package/framework/src/components/_index.scss +0 -1
  6. package/framework/src/components/alert/_alert.scss +2 -2
  7. package/framework/src/components/progress/_progress.scss +0 -2
  8. package/framework/src/trilogy.scss +1 -0
  9. package/framework/src/utilities/variables/_responsiveness.scss +1 -1
  10. package/package.json +1 -1
  11. package/dist/default/assets/icons/all/file-attached.svg +0 -1
  12. package/dist/default/assets/icons/all/micro.svg +0 -1
  13. package/dist/default/assets/icons/all/paperclip.svg +0 -1
  14. package/framework/src/components/_prompt.scss +0 -125
package/framework/src/base/_all.scss CHANGED
@@ -1,6 +1,5 @@
1
1
  @charset "utf-8";
2
2
 
3
- @import "color";
4
3
  @import "reset";
5
4
  @import "generic";
6
5
  @import "fonts";
package/framework/src/components/_index.scss CHANGED
@@ -48,4 +48,3 @@
48
48
  @import 'textarea';
49
49
  @import 'timeline';
50
50
  @import 'title';
51
- @import 'prompt'
package/framework/src/components/alert/_alert.scss CHANGED
@@ -41,7 +41,7 @@ a.alert {
41
41
  padding-bottom: 0 !important;
42
42
  }
43
43
 
44
- .icon {
44
+ &-icon {
45
45
  padding: 0;
46
46
  }
47
47
 
@@ -58,7 +58,7 @@ a.alert {
58
58
  background-color: fadeColor($name);
59
59
  border: 1px solid getColor($name);
60
60
 
61
- .icon {
61
+ .alert-icon {
62
62
  color: getColor($name);
63
63
  }
64
64
  }
package/framework/src/components/progress/_progress.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:math";
2
2
 
3
- @import "../../base/color";
4
-
5
3
  $progressbar-height: 10px;
6
4
  $progressbar-small: 5px;
7
5
 
package/framework/src/trilogy.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @charset "utf-8";
2
2
 
3
3
  @import "utilities/all";
4
+ @import "base/color";
4
5
  @import "base/all";
5
6
  @import "elements";
6
7
  @import "components";
package/framework/src/utilities/variables/_responsiveness.scss CHANGED
@@ -2,6 +2,6 @@
2
2
  $gap: 24px !default;
3
3
 
4
4
  $tablet: 768px !default;
5
- $desktop: 984px + 2 * $gap !default;
5
+ $desktop: 976px + 2 * $gap !default;
6
6
  $widescreen: 1192px + 2 * $gap !default;
7
7
  $fullhd: 1340px + 2 * $gap !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trilogy-ds/styles",
3
- "version": "0.0.2-alpha-prompt",
3
+ "version": "0.0.2-beta-color",
4
4
  "author": "Bouygues Telecom",
5
5
  "repository": {
6
6
  "type": "git",
package/dist/default/assets/icons/all/file-attached.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" fill="none" viewBox="0 0 15 15"><path stroke="currentColor" d="M.5 0v4.5a2 2 0 1 0 4 0v-3a1 1 0 0 0-2 0V5M6 .5h6.5a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1V8M11 4.5H7m4 3H7m4 3H4"/></svg>
package/dist/default/assets/icons/all/micro.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" fill="currentColor" class="cf-icon-svg" viewBox="-3 0 19 19"><path d="M11.665 7.915v1.31a5.26 5.26 0 0 1-1.514 3.694 5.2 5.2 0 0 1-1.641 1.126 5 5 0 0 1-1.456.384v1.899h2.312a.554.554 0 0 1 0 1.108H3.634a.554.554 0 0 1 0-1.108h2.312v-1.899a5 5 0 0 1-1.456-.384 5.2 5.2 0 0 1-1.641-1.126 5.26 5.26 0 0 1-1.514-3.695v-1.31a.554.554 0 1 1 1.109 0v1.31a4.13 4.13 0 0 0 1.195 2.917 3.99 3.99 0 0 0 5.722 0 4.13 4.13 0 0 0 1.195-2.917v-1.31a.554.554 0 1 1 1.109 0zM3.77 10.37a2.9 2.9 0 0 1-.233-1.146V4.738A2.9 2.9 0 0 1 3.77 3.58a3 3 0 0 1 1.59-1.59 2.9 2.9 0 0 1 1.158-.233 2.9 2.9 0 0 1 1.152.233 2.98 2.98 0 0 1 1.793 2.748l-.012 4.487a2.96 2.96 0 0 1-.856 2.09 3 3 0 0 1-.937.634 2.9 2.9 0 0 1-1.152.233 2.9 2.9 0 0 1-1.158-.233A2.96 2.96 0 0 1 3.77 10.37"/></svg>
package/dist/default/assets/icons/all/paperclip.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="-8 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M14 4v20a6 6 0 0 1-12 0V6a4 4 0 0 1 8 0v18a2 2 0 0 1-4 0V8H4v16a4 4 0 0 0 8 0V6A6 6 0 0 0 0 6v19c.493 3.945 3.921 7 8 7s7.507-3.055 8-7V4z"/></svg>
package/framework/src/components/_prompt.scss DELETED
@@ -1,125 +0,0 @@
1
- $height-prompt-item: 64px;
2
-
3
- .prompt {
4
- box-shadow: 0 0 0 1px var(--color-stroke);
5
- border-radius: var(--radius-small);
6
- overflow: hidden;
7
- * {
8
- margin-bottom: 0px !important;
9
- }
10
- &:focus-within {
11
- box-shadow: 0 0 0 2px currentColor;
12
- }
13
- &-textarea {
14
- textarea {
15
- outline: none !important;
16
- border: 0px !important;
17
- background-color: initial !important;
18
- min-height: 20px !important;
19
- max-height: 180px !important;
20
- transition: height 0.1s ease;
21
- padding: 16px !important;
22
- height: auto;
23
- resize: none;
24
- }
25
- }
26
- &-files {
27
- padding: 16px 16px 0px 16px !important;
28
- margin:0 !important;
29
- &-img {
30
- border-radius: 8px;
31
- }
32
- &-file {
33
- width: $height-prompt-item;
34
- height: $height-prompt-item;
35
- position: relative;
36
- }
37
- &-file-name {
38
- white-space: nowrap;
39
- overflow: hidden;
40
- text-overflow: ellipsis;
41
- max-width: 59%;
42
- }
43
- &-doc {
44
- width: fit-content;
45
- max-width: 264px;
46
- &-preview {
47
- width: 40px;
48
- height: 40px;
49
- display: flex;
50
- align-items: center;
51
- justify-content: center;
52
- box-shadow: none;
53
- .box-content {
54
- margin: 0px !important;
55
- }
56
- }
57
- &-card-content {
58
- padding:8px !important
59
- }
60
- }
61
- &-delete {
62
- background-color: getColor('main-fade');
63
- border-radius: 100px;
64
- height: 20px;
65
- width: 20px;
66
- }
67
- &-delete-img {
68
- position: absolute;
69
- top: 2px;
70
- right: 2px;
71
- }
72
- }
73
- &-toolbar {
74
- display: flex;
75
- gap: 16px;
76
- padding: 0px 16px 16px 16px;
77
- align-items: center;
78
- &-tools {
79
- display: flex;
80
- gap: 16px;
81
- align-items: end;
82
- margin-right: auto;
83
- }
84
- &-tool {
85
- height: 36px;
86
- select {
87
- height: 36px;
88
- border-width: 0px !important;
89
- max-width: 180px;
90
- &:focus {
91
- padding-left: 16px !important;
92
- }
93
- @include mobile {
94
- max-width: 110px;
95
- }
96
- }
97
- .field .control::after {
98
- right: 0px !important;
99
- }
100
- &.active {
101
- background-color: getColor('main') !important;
102
- .icon i {
103
- background-color: getColor('background');
104
- }
105
- }
106
- }
107
- &-tool.icon_only {
108
- width: 36px !important;
109
- }
110
- &-microphone {
111
- border-radius: 100px;
112
- }
113
- &-tool-submit.streaming {
114
- padding: 0;
115
- }
116
-
117
- }
118
-
119
- &-stop_streaming {
120
- background-color: getColor('background');
121
- height: 16px;
122
- width: 16px;
123
- border-radius: 3px;
124
- }
125
- }