odaptos_design_system 2.0.308 → 2.0.310
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.
- package/dist/index.cjs +5 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -98,9 +98,10 @@ var style_inject_es_default = styleInject;
|
|
|
98
98
|
|
|
99
99
|
//#endregion
|
|
100
100
|
//#region src/Atoms/Avatar/Avatar.module.scss
|
|
101
|
-
var css_248z$71 = ".Avatar-module_initialAvatar__RogI7{background:#e5f1ff}.Avatar-
|
|
101
|
+
var css_248z$71 = ".Avatar-module_initialAvatar__RogI7{align-items:center;background:#e5f1ff;border-radius:2.5rem;display:flex;height:2.5rem;justify-content:center;position:relative;width:2.5rem}.Avatar-module_initialAvatar__RogI7 .Avatar-module_unread_badge__zb0G-{background-color:#f54c4c;border-radius:50%;box-shadow:0 0 10px 0 rgba(0,0,0,.1);height:.75rem;left:2.4rem;position:absolute;top:0;width:.75rem;z-index:1}.Avatar-module_imgAvatar__9BC7p{align-items:center;background:transparent;border-radius:2.5rem;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.Avatar-module_imgAvatar__9BC7p img{border-radius:100%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_avatar_xs__6KODe{border-radius:1.5rem;height:1.5rem;max-height:1.5rem;max-width:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.Avatar-module_avatar_sm__rGyel{border-radius:2rem;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem}.Avatar-module_avatar_base__CetnR{border-radius:2.5rem;height:2.5rem;max-height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.Avatar-module_avatar_lg__WXo1U{border-radius:3rem;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.Avatar-module_avatar_xl__i-QST{border-radius:3.5rem;height:3.5rem;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;width:3.5rem}";
|
|
102
102
|
var Avatar_module_default = {
|
|
103
103
|
"initialAvatar": "Avatar-module_initialAvatar__RogI7",
|
|
104
|
+
"unread_badge": "Avatar-module_unread_badge__zb0G-",
|
|
104
105
|
"imgAvatar": "Avatar-module_imgAvatar__9BC7p",
|
|
105
106
|
"avatar_xs": "Avatar-module_avatar_xs__6KODe",
|
|
106
107
|
"avatar_sm": "Avatar-module_avatar_sm__rGyel",
|
|
@@ -112,7 +113,7 @@ style_inject_es_default(css_248z$71);
|
|
|
112
113
|
|
|
113
114
|
//#endregion
|
|
114
115
|
//#region src/Atoms/Avatar/Avatar.tsx
|
|
115
|
-
const Avatar = ({ id, size = "base", userName, userColor }) => {
|
|
116
|
+
const Avatar = ({ id, size = "base", userName, userColor, isUnread = false }) => {
|
|
116
117
|
const nameArray = userName.split(" ");
|
|
117
118
|
const name = nameArray[1] ? nameArray[0][0] + nameArray[1][0] : nameArray[0].length >= 2 ? nameArray[0][0] + nameArray[0][1] : nameArray[0][0];
|
|
118
119
|
const getSize = () => {
|
|
@@ -127,7 +128,7 @@ const Avatar = ({ id, size = "base", userName, userColor }) => {
|
|
|
127
128
|
id,
|
|
128
129
|
className: `${Avatar_module_default.initialAvatar} ${getSize()}`,
|
|
129
130
|
style: { backgroundColor: userColor ?? "#E5F1FF" }
|
|
130
|
-
}, userName && /* @__PURE__ */ react.default.createElement(Title, {
|
|
131
|
+
}, isUnread && /* @__PURE__ */ react.default.createElement("div", { className: Avatar_module_default.unread_badge }), userName && /* @__PURE__ */ react.default.createElement(Title, {
|
|
131
132
|
text: name.toUpperCase(),
|
|
132
133
|
weight: "bold",
|
|
133
134
|
size,
|
|
@@ -72271,7 +72272,7 @@ const Tabs = ({ id, tabs, defaultValue, onSelect, className }) => {
|
|
|
72271
72272
|
|
|
72272
72273
|
//#endregion
|
|
72273
72274
|
//#region src/Molecules/Tabs/tabsUnderline.modules.scss
|
|
72274
|
-
var css_248z$23 = ".tabsUnderline-modules_tabFilled__q0pA5{align-items:center;display:flex;height:2.25rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label__GFbid{min-width:unset;opacity:1;padding:unset
|
|
72275
|
+
var css_248z$23 = ".tabsUnderline-modules_tabFilled__q0pA5{align-items:center;display:flex;height:2.25rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label__GFbid{min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ:hover{background:transparent!important}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41:hover{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41 p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_selected__TEz63{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ{align-items:center;display:flex;height:5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label__GFbid{margin-left:1.5rem;margin-right:var(--spacing-xxl);min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;display:flex;gap:.5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41 h2{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;margin-left:1.5rem;margin-right:var(--spacing-xxl);padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}";
|
|
72275
72276
|
var tabsUnderline_modules_default = {
|
|
72276
72277
|
"tabFilled": "tabsUnderline-modules_tabFilled__q0pA5",
|
|
72277
72278
|
"tabs_root": "tabsUnderline-modules_tabs_root__zTVoo",
|