carriera-intern 0.0.0

package/projects/carriera-intern-components/src/Changelog.mdx

@@ -0,0 +1,285 @@
+# Changelog
+
+## `1.1.166` 19.8.2025.
+
+### New features:
+- **Copy:**
+    - Added copy component
+
+## `1.1.165` 16.8.2025.
+
+### New features:
+- **Avatar:**
+    - Exported avatar component
+
+### Bug fixes:
+- **General:**
+    - Fixed tooltip styles affecting main project styles
+
+## `1.1.154` 12.8.2025.
+
+### Breaking Changes:
+- **PM:**
+    - PM Dropdown now has separate emitters for `(onAdd)` and `(onSelectionChange)`
+
+### New features:
+- **PM:**
+    - Added CVA to PM storing the id as the value
+
+### Bug fixes:
+- **PM:**
+    - Fixed PM dropdown colors, icon alignment and other styling
+
+
+## `1.1.153` 10.8.2025.
+
+### New features:
+- **Input:**
+    - Added dropdownAutocomplete prop (ex. `dropdownAutocomplete: true`)
+    - Added textTransformExceptions prop (ex. `textTransformExceptions: ['a', 'b', 'c']`)
+    - Added onValueChange() event.
+
+### Bug fixes:
+- **Input:**
+    - Fixed a bug where some dropdowns wouldn't preselect from formControl
+
+## `1.1.15` 8.8.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-216](https://ivanjeboss.atlassian.net/browse/INT25-216) Added color dropdown variant (ex. `dropdown: 'color'`)
+    - [#INT25-217](https://ivanjeboss.atlassian.net/browse/INT25-217) Added toll dropdown variant (ex. `dropdown: 'toll'`)
+    - [#INT25-218](https://ivanjeboss.atlassian.net/browse/INT25-218) Added make transponder dropdown variant (ex. `dropdown: 'make'`)
+
+### Bug fixes:
+- **Input:**
+    - [#INT25-215](https://ivanjeboss.atlassian.net/browse/INT25-215) Fixed fuelcard dropdown width
+
+## `1.1.14` 8.8.2025.
+
+## `1.1.13` 6.8.2025.
+
+### New features:
+- **Icons:**
+    - New `cai-fax` icon added.
+    - New `cai-website` icon added.
+
+## `1.1.12` 5.8.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-212](https://ivanjeboss.atlassian.net/browse/INT25-212) Added PM dropdown variant (ex. `dropdown: 'pm'`)
+    - New no separator prop (ex. `noSeparator: true`) for inputs with icons
+### Bug fixes:
+- **Input:**
+    - [#INT25-213](https://ivanjeboss.atlassian.net/browse/INT25-213) Error color fixed
+
+## `1.1.11` 4.8.2025.
+
+### New features:
+- **Input:**
+    - Added onAutofill() event.
+    - Multiple-selection dropdown item now has remove button and hover state
+
+## `1.1.1` 1.8.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-154](https://ivanjeboss.atlassian.net/browse/INT25-154) Added multiple dropdown variant (ex. `dropdown: 'multiple'`)
+
+### Bug fixes:
+
+## `1.1.0` 31.7.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-208](https://ivanjeboss.atlassian.net/browse/INT25-208) Added new dropdown variant (ex. `dropdown: 'state'`)
+    - [#INT25-209](https://ivanjeboss.atlassian.net/browse/INT25-209) Added owner dropdown variant (ex. `dropdown: 'owner'`)
+    - [#INT25-211](https://ivanjeboss.atlassian.net/browse/INT25-211) Added fuelcard dropdown variant (ex. `dropdown: 'fuelcard'`)
+
+## `0.0.999` 29.7.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-207](https://ivanjeboss.atlassian.net/browse/INT25-207) Added isNumberFormattingDisabled prop for inputs (ex. `isNumberFormattingDisabled: true`)
+    - [#INT25-206](https://ivanjeboss.atlassian.net/browse/INT25-206) Added hazardous dropdown variant (ex. `dropdown: 'hazardous'`)
+- **Icons:**
+    - New `cai-gps` and `cai-address` icons added.
+
+### Bug fixes:
+- **Input:**
+    - [#INT25-195](https://ivanjeboss.atlassian.net/browse/INT25-195) Fixed hazardous icon not showing in dropdown selected content
+    - Fixed ellipsis not working for select dropdowns
+    - [#INT25-191](https://ivanjeboss.atlassian.net/browse/INT25-191) Fixed autofilled state not being set for inputs
+
+## `0.0.995` 25.7.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-201](https://ivanjeboss.atlassian.net/browse/INT25-201) Added customErrors prop for inputs (ex. `customErrors: [{ name: 'required', message: 'This field is required' }, { name: 'minlength', message: null }]`)
+    - [#INT25-200](https://ivanjeboss.atlassian.net/browse/INT25-200) onChange() now emits null when value is empty
+    - [#INT25-205](https://ivanjeboss.atlassian.net/browse/INT25-205) Added subcontent dropdown variant (ex. `dropdown: 'subcontent'`)
+
+- **PM:**
+    - Initial PM release
+### Bug fixes:
+- **Input:**
+    - [#INT25-202](https://ivanjeboss.atlassian.net/browse/INT25-202) Error tooltip placement now defaults to bottom
+
+## `0.0.994` 22.7.2025.
+
+### New features:
+- **Icons:**
+    - New `cai-phone-extension` icon added.
+- **Input:**
+    - [#INT25-196](https://ivanjeboss.atlassian.net/browse/INT25-196) Added account input type (ex. `type: 'account'`)
+    - [#INT25-197](https://ivanjeboss.atlassian.net/browse/INT25-197) Added canOpenModal prop for inputs (ex. `canOpenModal: true`)
+
+## `0.0.993` 21.7.2025.
+
+### Bug fixes:
+- **Input:**
+    - Password requirements now works
+    - Autocomplete now defaults to 'one-time-code'
+
+## `0.0.992` 21.7.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-186](https://ivanjeboss.atlassian.net/browse/INT25-186) Added in table variant for inputs (ex. `inTable: true`)
+    - [#INT25-193](https://ivanjeboss.atlassian.net/browse/INT25-193) Added positive text color prop (ex. `textColor: 'positive'`)
+
+### Bug fixes:
+- **Input:**
+    - [#INT25-184](https://ivanjeboss.atlassian.net/browse/INT25-184) Fixed placeholder alignment
+    - Tooltip for clear now closes on click
+    - Number now parses as number before formatting and dispatching onChange()
+    - Deleting on icon click now indicates with color that it is clickable for load billing inputs
+    - Dropdown icon click now works for load billing inputs
+
+## `0.0.991` 19.7.2025.
+
+### New features:
+- **Icons:**
+    - New `cai-violation-hazmat` icon added.
+
+- **Input:**
+    - [#INT25-162](https://ivanjeboss.atlassian.net/browse/INT25-162) Commodity dropdown
+    - [#INT25-183](https://ivanjeboss.atlassian.net/browse/INT25-183) Prefix prop for number inputs (ex. `prefix: '$'`)
+    - [#INT25-190](https://ivanjeboss.atlassian.net/browse/INT25-190) Autofocus prop for inputs (ex. `autofocus: true`)
+
+### Bug fixes:
+- **Input:**
+    - Fixed dropdown z-index by setting dropdown container to body
+
+## `0.0.99` 18.7.2025.
+
+### Bug fixes:
+- **Input:**
+    - [#INT25-185](https://ivanjeboss.atlassian.net/browse/INT25-185) Fixed selected dropdown option not clearing when value is null
+
+## `0.0.98` 18.7.2025.
+
+### New features:
+- **Icons:**
+    - New `cai-weight` icon added.
+- **Input:**
+    - [#INT25-176](https://ivanjeboss.atlassian.net/browse/INT25-176) Added textTransform prop for text inputs to `capitalize`, `lowercase`, `uppercase`
+    - [#INT25-179](https://ivanjeboss.atlassian.net/browse/INT25-179) Added onClear() event.
+    - [#INT25-181](https://ivanjeboss.atlassian.net/browse/INT25-181) Added `errorBehavior`: Defines error message animation (`'static'`, `'dynamic'`, `'floating'`).
+    - [#INT25-180](https://ivanjeboss.atlassian.net/browse/INT25-180) Added `removable` prop - displays `cai-delete` icon over clear button.
+
+### Bug fixes:
+- **Input:**
+    - [#INT25-174](https://ivanjeboss.atlassian.net/browse/INT25-174) Made labels non-selectable
+    - [#INT25-175](https://ivanjeboss.atlassian.net/browse/INT25-175) Non revealed passwords now use type password instead of text so autocomplete can work properly
+    - [#INT25-177](https://ivanjeboss.atlassian.net/browse/INT25-177) Max value now works for number inputs
+    - [#INT25-178](https://ivanjeboss.atlassian.net/browse/INT25-178) No longer throws error with empty options
+    - [#INT25-182](https://ivanjeboss.atlassian.net/browse/INT25-182) Error div now not displaying when there is no error
+    - Number values now autoselect dropdown options and fill inputs properly
+
+## `0.0.97` 17.7.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-161](https://ivanjeboss.atlassian.net/browse/INT25-161) Dispatcher dropdown
+    - [#INT25-163](https://ivanjeboss.atlassian.net/browse/INT25-163) Truck and trailer requirement dropdowns
+
+
+### Bug fixes:
+- **Input:**
+    - [#INT25-159](https://ivanjeboss.atlassian.net/browse/INT25-159) Load modal dispatch now has dynamic label
+    - [#INT25-164](https://ivanjeboss.atlassian.net/browse/INT25-164) Dispatches with empty array now displays properly
+
+## `0.0.96` 16.7.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-170](https://ivanjeboss.atlassian.net/browse/INT25-170) passwordDontMatch validator now has error message
+
+### Bug fixes:
+- **Input:**
+    - [#INT25-165](https://ivanjeboss.atlassian.net/browse/INT25-165) Tab navigation now unfocuses dropdowns and doesn't focus on dropdown buttons
+    - [#INT25-167](https://ivanjeboss.atlassian.net/browse/INT25-167) z-index increased for .dropdowm-menu
+    - [#INT25-168](https://ivanjeboss.atlassian.net/browse/INT25-168) Dropdown width is now equal to input width
+    - [#INT25-169](https://ivanjeboss.atlassian.net/browse/INT25-169) Removed refocusing behavior on dropdown item selection
+
+### Breaking changes:
+
+- **Input:**
+    - [#INT25-172](https://ivanjeboss.atlassian.net/browse/INT25-172) Removed real value functionality from masked inputs
+
+## `0.0.95` 16.7.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-166](https://ivanjeboss.atlassian.net/browse/INT25-166) Bank dropdown
+    - [#INT25-160](https://ivanjeboss.atlassian.net/browse/INT25-160) Universal dropdown (`dropdown: true`) now takes in any key value pairs with optionLabel and optionValue used as props
+
+### Bug fixes:
+- **Input:**
+    - [#INT25-158](https://ivanjeboss.atlassian.net/browse/INT25-158) '*' for required inputs now displays properly for inputs with sublabels
+
+## `0.0.94` 15.7.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-147](https://ivanjeboss.atlassian.net/browse/INT25-147) Static placeholder now works well with inputs with dropdown
+    - [#INT25-155](https://ivanjeboss.atlassian.net/browse/INT25-155) Subcontent for most types of inputs
+    - [#INT25-156](https://ivanjeboss.atlassian.net/browse/INT25-156) Added step prop for number inputs
+    
+### Bug fixes:
+- **Input:**
+    - [#INT25-148](https://ivanjeboss.atlassian.net/browse/INT25-148) Fixed value not validating when written from form
+    - [#INT25-150](https://ivanjeboss.atlassian.net/browse/INT25-150) Fixed icon color not being overriden by disabled state
+    - [#INT25-157](https://ivanjeboss.atlassian.net/browse/INT25-157) Fixed masked input dirty on init
+
+## `0.0.93` 11.7.2025.
+
+### New features:
+- **Storybook:**
+    - [#INT25-143](https://ivanjeboss.atlassian.net/browse/INT25-143) Added changelog and icons pages
+
+### Bug fixes:
+- **Input:**
+    - [#INT25-145](https://ivanjeboss.atlassian.net/browse/INT25-145) Disabled state for dropdowns with sublabels now has no hover movement for end content
+
+## `0.0.92` 10.7.2025.
+
+### New features:
+- **Input:**
+    - [#INT25-144](https://ivanjeboss.atlassian.net/browse/INT25-144) Dropdown now emits `onSelectionChange` event
+    - **Load:**
+        - [#INT25-142](https://ivanjeboss.atlassian.net/browse/INT25-142) FTL Truck Driver Rate dropdown
+        - [#INT25-141](https://ivanjeboss.atlassian.net/browse/INT25-141) Shipper dropdown
+        - [#INT25-138](https://ivanjeboss.atlassian.net/browse/INT25-138) Contact dropdown
+
+
+### Breaking changes:
+- **Input:**
+    - Dropdown prop now takes `boolean | 'dispatch' | 'ftl-dispatch' | 'label' | 'broker' | 'contact' | 'shipper'` instead of having multiple boolean props
+    - All separate option props are now combined into a single `options` prop
+
+## `0.0.91` 8.7.2025.
+
+## `0.0.1` 17.6.2025.

package/projects/carriera-intern-components/src/Icons.mdx

@@ -0,0 +1,279 @@
+# Available Icons
+
+<br />
+
+## Menu Icons
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr auto 1fr auto 1fr', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/menu/cai-delete.svg" width="24" />
+`cai-delete`
+<img src="/assets/icons/menu/cai-download.svg" width="24" />
+`cai-download`
+<img src="/assets/icons/menu/cai-reset.svg" width="24" />
+`cai-reset`
+
+</div>
+
+---
+
+## General Icons
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr auto 1fr auto 1fr', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/general/cai-checkmark.svg" width="24" />
+`cai-checkmark`
+<img src="/assets/icons/general/cai-email.svg" width="24" />
+`cai-email`
+<img src="/assets/icons/general/cai-money.svg" width="24" />
+`cai-money`
+<img src="/assets/icons/general/cai-money-additional.svg" width="24" />
+`cai-money-additional`
+<img src="/assets/icons/general/cai-label.svg" width="24" />
+`cai-label`
+<img src="/assets/icons/general/cai-phone.svg" width="24" />
+`cai-phone`
+<img src="/assets/icons/general/cai-sort-by.svg" width="24" />
+`cai-sort-by`
+<img src="/assets/icons/general/cai-date.svg" width="24" />
+`cai-date`
+<img src="/assets/icons/general/cai-phone-extension.svg" width="24" />
+`cai-phone-extension`
+<img src="/assets/icons/general/cai-address.svg" width="24" />
+`cai-address`
+<img src="/assets/icons/general/cai-website.svg" width="24" />
+`cai-website`
+<img src="/assets/icons/general/cai-fax.svg" width="24" />
+`cai-fax`
+
+</div>
+
+---
+
+## Interaction Icons
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr auto 1fr auto 1fr', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/interaction/cai-cancel.svg" width="24" />
+`cai-cancel`
+<img src="/assets/icons/interaction/cai-password-key.svg" width="24" />
+`cai-password-key`
+<img src="/assets/icons/interaction/cai-password-shown.svg" width="24" />
+`cai-password-shown`
+<img src="/assets/icons/interaction/cai-password-hidden.svg" width="24" />
+`cai-password-hidden`
+<img src="/assets/icons/interaction/cai-minus.svg" width="24" />
+`cai-minus`
+<img src="/assets/icons/interaction/cai-plus.svg" width="24" />
+`cai-plus`
+<img src="/assets/icons/interaction/cai-like.svg" width="24" />
+`cai-like`
+<img src="/assets/icons/interaction/cai-dislike.svg" width="24" />
+`cai-dislike`
+<img src="/assets/icons/interaction/cai_x.svg" width="24" />
+`cai-x`
+<img src="/assets/icons/interaction/cai_time.svg" width="24" />
+`cai-time`
+<img src="/assets/icons/interaction/cai-copy.svg" width="24" />
+`cai-copy`
+<img src="/assets/icons/interaction/cai-favorite.svg" width="24" />
+`cai-favorite`
+<img src="/assets/icons/interaction/cai-drag.svg" width="24" />
+`cai-drag`
+</div>
+
+---
+
+## Status Icons
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr auto 1fr auto 1fr', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/status/cai-status-warning.svg" width="24" />
+`cai-status-warning`
+<img src="/assets/icons/status/cai-status-warning-lite.svg" width="24" />
+`cai-status-warning-lite`
+
+</div>
+
+---
+
+## Arrows
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/arrows/cai-arrow-secondary-left.svg" width="24" />
+`cai-arrow-secondary-left`
+<img src="/assets/icons/arrows/cai-arrow-secondary-right.svg" width="24" />
+`cai-arrow-secondary-right`
+<img src="/assets/icons/arrows/cai-arrow-secondary-down.svg" width="24" />
+`cai-arrow-secondary-down`
+<img src="/assets/icons/arrows/cai-arrow-primary-up.svg" width="24" />
+`cai-arrow-primary-up`
+
+</div>
+
+---
+
+## Load / Driver / Truck / Trailer Icons
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr auto 1fr auto 1fr', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/load/cai-ltl-single.svg" width="24" />
+`cai-ltl-single`
+<img src="/assets/icons/load/cai-load.svg" width="24" />
+`cai-load`
+<img src="/assets/icons/load/cai-driver.svg" width="24" />
+`cai-driver`
+<img src="/assets/icons/load/cai-weight.svg" width="24" />
+`cai-weight`
+<img src="/assets/icons/load/cai-parking.svg" width="24" />
+`cai-parking`
+
+</div>
+
+---
+
+## Fuel Contact
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr auto 1fr auto 1fr', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/fuel-contact/cai-count.svg" width="24" />
+`cai-count`
+<img src="/assets/icons/fuel-contact/cai-share.svg" width="24" />
+`cai-share`
+<img src="/assets/icons/fuel-contact/cai-people.svg" width="24" />
+`cai-people`
+<img src="/assets/icons/fuel-contact/cai-user-2.svg" width="24" />
+`cai-user-2`
+<img src="/assets/icons/fuel-contact/cai-fuel-card.svg" width="24" />
+`cai-fuel-card`
+<img src="/assets/icons/fuel-contact/cai-contact.svg" width="24" />
+`cai-contact`
+
+</div>
+
+## Others
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr auto 1fr auto 1fr', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/cai-search.svg" width="24" />
+`cai-search`
+<img src="/assets/icons/cai-expand.svg" width="24" />
+`cai-expand`
+<img src="/assets/icons/cai-edit.svg" width="24" />
+`cai-edit`
+<img src="/assets/icons/cai-edit2.svg" width="24" />
+`cai-edit2`
+<img src="/assets/icons/cai-gps.svg" width="24" />
+`cai-gps`
+<img src="/assets/icons/cai-color.svg" width="24" />
+`cai-color`
+
+</div>
+
+---
+
+## Trucks
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto auto auto auto', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/trucks/ic_truck_box-truck.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_car-hauler.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_cargo-van.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_cement.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_dump.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_garbage.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_reefer.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_semi-truck.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_semi-wSleeper.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_spotter.svg" width="80" />
+<img src="/assets/icons/trucks/ic_truck_tow-truck.svg" width="80" />
+
+</div>
+
+---
+
+## Trailers
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto auto auto auto', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/trailers/ic_trailer_bottom-dump.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_carhauler-stinger.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_carhauler.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_chassis.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_conestoga.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_container.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_dryvan.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_end-dump.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_flatbed.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_hopper.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_low-boy.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_reefer.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_side-kit.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_step-deck.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_tanker-pneumatic.svg" width="80" />
+<img src="/assets/icons/trailers/ic_trailer_tanker.svg" width="80" />
+
+</div>
+
+---
+
+## Illustrations
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto auto', gap: '12px', alignItems: 'center'}}>
+
+<img src="/assets/icons/cai-illustration-drop-zone.svg" />
+<img src="/assets/icons/cai-illustration-drop-zone-video.svg" />
+<img src="/assets/icons/cai-illustration-drop-zone-profile.svg" />
+<img src="/assets/icons/cai-illustration-drop-zone-cover.svg" />
+<img src="/assets/icons/cai-illustration-dark.svg" />
+<img src="/assets/icons/cai-illustration.svg" />
+
+</div>
+
+## PM
+
+<br/>
+<div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr', gap: '5px', alignItems: 'center'}}>
+
+<img src="/assets/icons/pm/cai-pm-base.svg" width="24" />
+`cai-pm-base`
+<img src="/assets/icons/pm/trailer/cai-pm-general.svg" width="24" />
+`cai-pm-general`
+<img src="/assets/icons/pm/trailer/cai-pm-pto-pump.svg" width="24" />
+`cai-pm-pto-pump`
+<img src="/assets/icons/pm/trailer/cai-repair-reefer.svg" width="24" />
+`cai-repair-reefer`
+<img src="/assets/icons/pm/truck/cai-pm-air-filter.svg" width="24" />
+`cai-pm-air-filter`
+<img src="/assets/icons/pm/truck/cai-pm-alignment.svg" width="24" />
+`cai-pm-alignment`
+<img src="/assets/icons/pm/truck/cai-pm-battery.svg" width="24" />
+`cai-pm-battery`
+<img src="/assets/icons/pm/truck/cai-pm-belts.svg" width="24" />
+`cai-pm-belts`
+<img src="/assets/icons/pm/truck/cai-pm-brake-chamber.svg" width="24" />
+`cai-pm-brake-chamber`
+<img src="/assets/icons/pm/truck/cai-pm-engine-oil-filter.svg" width="24" />
+`cai-pm-engine-oil-filter`
+<img src="/assets/icons/pm/truck/cai-pm-engine-tune-up.svg" width="24" />
+`cai-pm-engine-tune-up`
+<img src="/assets/icons/pm/truck/cai-pm-radiator.svg" width="24" />
+`cai-pm-radiator`
+<img src="/assets/icons/pm/truck/cai-pm-transmission-fluid.svg" width="24" />
+`cai-pm-transmission-fluid`
+<img src="/assets/icons/pm/truck/cai-pm-turbo.svg" width="24" />
+`cai-pm-turbo`
+
+</div>

package/projects/carriera-intern-components/src/app/app.config.ts

@@ -0,0 +1,26 @@
+import {
+  ApplicationConfig,
+  importProvidersFrom,
+  provideZoneChangeDetection,
+} from '@angular/core';
+
+import { provideHttpClient } from '@angular/common/http';
+import { AngularSvgIconModule, provideAngularSvgIcon } from 'angular-svg-icon';
+import { AngularSvgIconPreloaderModule } from 'angular-svg-icon-preloader';
+import { provideLottieOptions } from 'ngx-lottie';
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideHttpClient(),
+    provideAngularSvgIcon(),
+    importProvidersFrom([
+      AngularSvgIconModule.forRoot(),
+      AngularSvgIconPreloaderModule.forRoot({
+        configUrl: 'assets/json/icons.json',
+      }),
+    ]),
+    provideLottieOptions({ 
+      player: () => import('lottie-web'),
+    }),
+  ],
+};

package/projects/carriera-intern-components/src/app/components/avatar/avatar.component.html

@@ -0,0 +1,28 @@
+@let firstName = driver()?.firstName; @let lastName = driver()?.lastName;
+@let isOwner = driver()?.owner;
+@let color = driver()?.colorFlag?.name ?? driver()?.avatarColor;
+@let avatarUrl = driver()?.avatarFile?.url ?? driver()?.avatarUrl;
+@let fullName = driver()?.fullName;
+
+<div
+  class="avatar"
+  [class]="
+    {
+      size: size(),
+      color: color,
+      isOwner: isOwner,
+      inverse: inverse(),
+      rounded: rounded(),
+      customHoverSize: customHoverSize(),
+      hover: hover(),
+    } | avatarClasses
+  "
+  [style.--hover-size]="'calc(' + customHoverSize() + ' / ' + size() + ')'"
+>
+  @if (avatarUrl) {
+    <img class="avatar-image" [src]="avatarUrl" />
+  }
+  <p class="avatar-initials">
+    {{ { firstName, lastName, fullName } | initials }}
+  </p>
+</div>