@flower-city-online/itinerary-lib 0.0.45 → 0.0.47

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/esm2022/lib/itinerary-app/itinerary-lib.component.mjs +7 -3
  2. package/fesm2022/flower-city-online-itinerary-lib.mjs +6 -2
  3. package/fesm2022/flower-city-online-itinerary-lib.mjs.map +1 -1
  4. package/lib/itinerary-app/modules/itineraries/pages/comment-replies/comment-replies.component.d.ts +1 -1
  5. package/package.json +1 -1
  6. package/src/lib/itinerary-app/_styles/component-global-styles/tab-bar.scss +1 -1
  7. package/src/lib/itinerary-app/_styles/styles.scss +128 -110
  8. package/src/lib/itinerary-app/styles.scss +407 -397
package/lib/itinerary-app/modules/itineraries/pages/comment-replies/comment-replies.component.d.ts CHANGED
@@ -20,7 +20,7 @@ export declare class CommentRepliesComponent {
20
20
  views: number;
21
21
  hasAttachments: boolean;
22
22
  isEditted: boolean;
23
- attachments: any[];
23
+ attachments: never[];
24
24
  userimageSrc: string;
25
25
  commentText: string;
26
26
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flower-city-online/itinerary-lib",
3
- "version": "0.0.45",
3
+ "version": "0.0.47",
4
4
  "peerDependencies": {
5
5
  "@angular/cdk": "^17.3.10",
6
6
  "@angular/core": "^17.3.10",
package/src/lib/itinerary-app/_styles/component-global-styles/tab-bar.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "../../_styles/colors" as *;
2
-
3
2
  .p-tabmenu-nav-content {
4
3
  font-family: "Calistoga", cursive;
5
4
  margin: 0px 0px !important;
@@ -19,3 +18,4 @@
19
18
  .p-menuitem-link-active .p-menuitem-text {
20
19
  color: $text-color-3 !important;
21
20
  }
21
+
package/src/lib/itinerary-app/_styles/styles.scss CHANGED
@@ -64,25 +64,34 @@ input {
64
64
  font-family: "Gilroy-Regular", serif;
65
65
  }
66
66
 
67
- .primary-text,
68
67
  button {
69
68
  font-family: "Calistoga", cursive;
70
69
  }
71
70
 
71
+ .itinerary-lib {
72
+ .primary-text {
73
+ font-family: "Calistoga", cursive;
74
+ }
75
+ }
76
+
72
77
  a {
73
78
  color: $cyrano-primary;
79
+ }
74
80
 
75
- &.link {
76
- justify-content: center;
77
- margin: auto;
78
- width: 100%;
79
- display: flex;
80
- text-decoration: none;
81
- color: $cyrano-primary;
82
- cursor: pointer;
83
-
84
- &:hover {
85
- text-decoration: underline;
81
+ .itinerary-lib {
82
+ a {
83
+ &.link {
84
+ justify-content: center;
85
+ margin: auto;
86
+ width: 100%;
87
+ display: flex;
88
+ text-decoration: none;
89
+ color: $cyrano-primary;
90
+ cursor: pointer;
91
+
92
+ &:hover {
93
+ text-decoration: underline;
94
+ }
86
95
  }
87
96
  }
88
97
  }
@@ -105,19 +114,24 @@ table {
105
114
  width: 100%;
106
115
  border-radius: 4px;
107
116
  margin-top: 15px;
108
- &.nested-table {
109
- width: 95%;
110
-
111
- tr td:first-child {
112
- font-weight: bold;
113
- width: 250px;
114
- }
115
- }
116
117
  code {
117
118
  max-width: unset;
118
119
  }
119
120
  }
120
121
 
122
+ .itinerary-lib {
123
+ table {
124
+ &.nested-table {
125
+ width: 95%;
126
+
127
+ tr td:first-child {
128
+ font-weight: bold;
129
+ width: 250px;
130
+ }
131
+ }
132
+ }
133
+ }
134
+
121
135
  table,
122
136
  th,
123
137
  td {
@@ -142,28 +156,6 @@ p {
142
156
  color: $ns-neutral-8;
143
157
  }
144
158
 
145
- .intro {
146
- display: flex;
147
- flex: 0 0 auto;
148
- font-size: 22px;
149
- text-align: center;
150
- color: $ns-neutral-8;
151
- max-width: 75%;
152
- padding: 20px;
153
- justify-content: center;
154
- }
155
-
156
- .header {
157
- display: flex;
158
- flex: 0 0 auto;
159
- font-size: 15px;
160
- text-align: center;
161
- color: $ns-neutral-6;
162
- width: 75%;
163
- justify-content: center;
164
- padding: 10px;
165
- }
166
-
167
159
  .info {
168
160
  display: flex;
169
161
  flex: 0 0 auto;
@@ -175,86 +167,110 @@ p {
175
167
  max-width: 75%;
176
168
  }
177
169
 
178
- .detail-section {
179
- display: flex;
180
- flex: 0 0 auto;
181
- flex-direction: column;
182
- align-items: center;
183
- width: 100%;
184
- padding-top: 10px;
170
+ .itinerary-lib {
171
+ .intro {
172
+ display: flex;
173
+ flex: 0 0 auto;
174
+ font-size: 22px;
175
+ text-align: center;
176
+ color: $ns-neutral-8;
177
+ max-width: 75%;
178
+ padding: 20px;
179
+ justify-content: center;
180
+ }
185
181
 
186
- .mat-expansion-panel {
187
- background: transparent !important;
188
- border: none !important;
182
+ .header {
183
+ display: flex;
184
+ flex: 0 0 auto;
185
+ font-size: 15px;
186
+ text-align: center;
187
+ color: $ns-neutral-6;
188
+ width: 75%;
189
+ justify-content: center;
190
+ padding: 10px;
189
191
  }
190
- }
191
192
 
192
- .code-section {
193
- display: flex;
194
- flex: 0 0 auto;
195
- flex-direction: column;
196
- align-items: flex-start;
197
- margin-top: 15px;
198
- max-width: 60%;
199
- }
193
+ .detail-section {
194
+ display: flex;
195
+ flex: 0 0 auto;
196
+ flex-direction: column;
197
+ align-items: center;
198
+ width: 100%;
199
+ padding-top: 10px;
200
200
 
201
- .component-demo {
202
- background-color: transparent;
203
- margin: 20px 20px 40px 20px;
204
- padding: 10px;
205
- border-radius: 3px;
206
- }
201
+ .mat-expansion-panel {
202
+ background: transparent !important;
203
+ border: none !important;
204
+ }
205
+ }
207
206
 
208
- .detail {
209
- display: flex;
210
- flex: 1 1 100%;
211
- flex-direction: column;
212
- align-items: center;
213
- overflow: auto;
214
- height: 100%;
215
- }
207
+ .code-section {
208
+ display: flex;
209
+ flex: 0 0 auto;
210
+ flex-direction: column;
211
+ align-items: flex-start;
212
+ margin-top: 15px;
213
+ max-width: 60%;
214
+ }
216
215
 
217
- .showcase-container {
218
- width: 100%;
219
- padding: 25px 25px 25px 24px;
220
- display: flex;
221
- flex-direction: column;
222
- gap: 20px;
223
- height: calc(100% - 55px);
224
- &.full-screen {
216
+ .component-demo {
217
+ background-color: transparent;
218
+ margin: 20px 20px 40px 20px;
219
+ padding: 10px;
220
+ border-radius: 3px;
221
+ }
222
+
223
+ .detail {
224
+ display: flex;
225
+ flex: 1 1 100%;
226
+ flex-direction: column;
227
+ align-items: center;
228
+ overflow: auto;
225
229
  height: 100%;
226
230
  }
227
- }
228
231
 
229
- .centered-scrollable {
230
- align-items: center;
231
- overflow-y: auto;
232
- h2 {
233
- position: relative;
234
- display: block;
232
+ .showcase-container {
235
233
  width: 100%;
236
- text-align: left;
237
- color: $text-color-2;
238
- text-transform: capitalize;
234
+ padding: 25px 25px 25px 24px;
235
+ display: flex;
236
+ flex-direction: column;
237
+ gap: 20px;
238
+ height: calc(100% - 55px);
239
+ &.full-screen {
240
+ height: 100%;
241
+ }
239
242
  }
240
- }
241
243
 
242
- .tag-name {
243
- background: $background-color-3;
244
- padding: 2px 10px;
245
- border-radius: 10px;
246
- border: 1px solid $border-color-2;
247
- }
244
+ .centered-scrollable {
245
+ align-items: center;
246
+ overflow-y: auto;
247
+ h2 {
248
+ position: relative;
249
+ display: block;
250
+ width: 100%;
251
+ text-align: left;
252
+ color: $text-color-2;
253
+ text-transform: capitalize;
254
+ }
255
+ }
248
256
 
249
- .first-td {
250
- min-width: 130px;
251
- }
257
+ .tag-name {
258
+ background: $background-color-3;
259
+ padding: 2px 10px;
260
+ border-radius: 10px;
261
+ border: 1px solid $border-color-2;
262
+ }
252
263
 
253
- .last-td {
254
- padding: 15px;
255
- background: $background-color-1;
256
- &.demo-container {
257
- min-width: 250px;
264
+ .first-td {
265
+ min-width: 130px;
266
+ }
267
+
268
+ .last-td {
269
+ padding: 15px;
270
+ background: $background-color-1;
271
+ &.demo-container {
272
+ min-width: 250px;
273
+ }
258
274
  }
259
275
  }
260
276
 
@@ -304,6 +320,8 @@ scrollbar styling
304
320
  border: 3px solid $background-color-4;
305
321
  }
306
322
 
307
- .one-line-textarea textarea {
308
- overflow: hidden;
323
+ .itinerary-lib {
324
+ .one-line-textarea textarea {
325
+ overflow: hidden;
326
+ }
309
327
  }