@solibo/solibo-ui 1.2.0 → 1.2.2
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/assets/index10.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index26.css +1 -1
- package/dist/assets/index27.css +1 -1
- package/dist/assets/index43.css +1 -1
- package/dist/assets/index46.css +1 -1
- package/dist/components/aside/index.cjs +1 -1
- package/dist/components/aside/index.js +13 -13
- package/dist/components/avatar/index.cjs +1 -1
- package/dist/components/avatar/index.js +35 -35
- package/dist/components/empty-state/index.cjs +1 -1
- package/dist/components/empty-state/index.js +7 -7
- package/dist/components/file/index.cjs +1 -1
- package/dist/components/file/index.js +19 -19
- package/dist/components/message/index.cjs +1 -1
- package/dist/components/message/index.js +28 -28
- package/dist/components/portal/index.cjs +1 -1
- package/dist/components/portal/index.js +11 -11
- package/dist/tokens.json +1 -1
- package/package.json +1 -1
package/dist/assets/index10.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--pseudo-selected-width: 3px}@keyframes
|
|
1
|
+
:root{--pseudo-selected-width: 3px}@keyframes _reveal_korl3_1{0%{opacity:0}to{opacity:1}}@property --portal-left{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-middle{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-right{inherits: true; initial-value: white; syntax: "<color>";}@property --gradient-angle{inherits: true; initial-value: 180deg; syntax: "<angle>";}._portal_korl3_41{align-self:start;animation:_reveal_korl3_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);background:linear-gradient(var(--gradient-angle),var(--portal-left) 7%,var(--portal-middle) 28%,var(--portal-middle) 68.5%,var(--portal-right) 90%);border-radius:var(--shape-border-radius-radius-md);color:var(--colors-neutral-0);display:flex;flex-direction:column;height:calc(100vh - var(--utils-tokens-unit));margin:var(--shape-spacing-xs);padding:var(--shape-spacing-lg) var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-xs);top:var(--shape-spacing-xs);transition:background var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),border-radius var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),margin var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),--portal-left calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-middle calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-right calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function);width:calc(var(--utils-tokens-unit) * 14);z-index:5}._portal_korl3_41:has(nav [data-portal=blue][data-active]),._portal_korl3_41:has(nav [data-portal=blue][aria-current=page]){--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345}._portal_korl3_41:has(nav [data-portal=green][data-active]),._portal_korl3_41:has(nav [data-portal=green][aria-current=page]){--portal-left: #022c22;--portal-middle: #166045;--portal-right: #022c22}._portal_korl3_41:has(nav [data-portal=red][data-active]),._portal_korl3_41:has(nav [data-portal=red][aria-current=page]){--portal-left: #431407;--portal-middle: #7c2d12;--portal-right: #431407}._portal_korl3_41>button:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-hover)}._portal_korl3_41>button [data-component=icon]{transform:rotateY(90deg)}._portal_korl3_41 figure{align-self:center;display:flex;margin-bottom:calc(var(--utils-tokens-unit) - 4px)}._portal_korl3_41 figure figcaption{display:none}._portal_korl3_41 footer{border-top:solid var(--scale-1) var(--colors-translucent);padding-top:var(--shape-spacing-xs);width:calc(100% - var(--utils-tokens-unit))}._portal_korl3_41 nav{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_korl3_41 nav a,._portal_korl3_41 nav summary{color:var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-regular);overflow:hidden;padding:var(--shape-spacing-xs);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._portal_korl3_41 nav a [data-component=icon],._portal_korl3_41 nav summary [data-component=icon]{background-color:var(--colors-semantic-bg-surface);margin-bottom:var(--scale-4);margin-right:var(--scale-8)}._portal_korl3_41 nav a[aria-current=page],._portal_korl3_41 nav summary[aria-current=page]{font-weight:var(--font-font-weight-bold)}._portal_korl3_41 nav details>summary{white-space:nowrap}._portal_korl3_41 nav details>summary [data-content=collapsible-summary]{overflow:hidden;text-overflow:ellipsis}._portal_korl3_41 nav details>summary [data-content=collapsible-indicator] [data-component=icon]{height:calc(var(--utils-tokens-unit) * 1.5);margin-bottom:0;margin-right:0;width:calc(var(--utils-tokens-unit) * 1.5)}._portal_korl3_41 nav details a{border-bottom-right-radius:var(--shape-border-radius-radius-sm);border-top-right-radius:var(--shape-border-radius-radius-sm);margin-left:calc(var(--utils-tokens-unit) + var(--scale-4));padding-left:var(--utils-tokens-unit);position:relative;width:calc(100% - var(--utils-tokens-unit) - var(--scale-8))}._portal_korl3_41 nav details a:before{background-color:var(--colors-neutral-0);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:width var(--utils-tokens-transition-duration);width:var(--scale-1)}._portal_korl3_41 nav details a[aria-current=page]:before{left:-1px;width:var(--pseudo-selected-width)}._portal_korl3_41 nav details a[aria-current=page]{background-color:#00000017}._portal_korl3_41 nav details a:hover:not([aria-current=page]){background-color:#ffffff54}._portal_korl3_41 nav[data-orientation=horizontal]{align-items:center;border-bottom:solid var(--scale-1) var(--colors-semantic-border-strong);display:flex;flex:0 0 auto;flex-direction:row;gap:var(--shape-spacing-lg);justify-content:center;justify-self:center;margin-bottom:var(--utils-tokens-unit);width:100%}._portal_korl3_41 nav[data-orientation=horizontal] a{border-bottom:solid var(--scale-2) transparent;font-size:var(--typography-font-sizes-caption);padding:var(--scale-8) 0;transition:all}._portal_korl3_41 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid var(--scale-2) var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-bold)}._portal_korl3_41 nav[data-orientation=horizontal] a:hover:not([data-active]){color:var(--colors-semantic-bg-surface);text-decoration:none}._portal_korl3_41 nav [data-component=group]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@supports (-moz-appearance: none){._portal_korl3_41 nav [data-component=group]{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._portal_korl3_41 nav [data-component=group]::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._portal_korl3_41 nav [data-component=group]::-webkit-scrollbar-track{background-color:transparent}._portal_korl3_41 nav [data-component=group]::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._portal_korl3_41 select{background-color:var(--colors-translucent);border:none;box-shadow:none;filter:invert(1);margin-bottom:var(--utils-tokens-unit);padding-bottom:var(--scale-8);padding-top:var(--scale-8);width:100%}._portal_korl3_41 select:active,._portal_korl3_41 select:focus{outline:none}._portal_korl3_41 ._content_korl3_260{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_korl3_41 ._toggle_korl3_267{display:none}@media (width <= 1024px){._portal_korl3_41{--gradient-angle: 90deg;border-radius:0;height:calc(var(--utils-tokens-unit) * 4);margin:0;padding-top:var(--shape-spacing-sm);position:fixed;top:0;transition:height var(--utils-tokens-transition-duration),width var(--utils-tokens-transition-duration),--gradient-angle var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw}._portal_korl3_41 ._content_korl3_260{max-height:0;opacity:0;overflow:hidden;transition:opacity var(--utils-tokens-transition-duration),visibility 0s var(--utils-tokens-transition-duration);visibility:hidden}._portal_korl3_41 ._toggle_korl3_267{align-self:end;background-color:#ffffff1a;display:block;padding:var(--shape-spacing-xs);width:-moz-min-content;width:min-content}._portal_korl3_41 ._toggle_korl3_267 [data-component=icon]{background-color:var(--colors-semantic-bg-surface);opacity:1;transform:rotateY(0);transition:transform var(--utils-tokens-transition-duration)}._portal_korl3_41 [data-component=branding]{left:50%;position:absolute;top:var(--shape-spacing-xs);transform:translate(-50%)}._portal_korl3_41._open_korl3_320{--gradient-angle: 180deg;height:100vh;width:calc(var(--utils-tokens-unit) * 30)}._portal_korl3_41._open_korl3_320 ._content_korl3_260{margin-top:var(--utils-tokens-unit);max-height:calc(100vh - var(--utils-tokens-unit) * 4);opacity:1;overflow:auto;transition:opacity 1s,visibility 0s;visibility:visible}._portal_korl3_41._open_korl3_320 ._toggle_korl3_267>[data-component=icon]{transform:rotateY(180deg)}}@media (width <= 768px){._portal_korl3_41._open_korl3_320{width:100vw}}@media (width <= 1024px){._menu_korl3_353{padding:0}._menu_korl3_353>summary{left:var(--utils-tokens-unit);top:var(--utils-tokens-unit)}}
|
package/dist/assets/index16.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._attachments_1tffk_1{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-8);margin-bottom:var(--scale-4);margin-top:var(--scale-4);max-width:min(90%,var(--shape-width-max-lg))}._message-group_1tffk_11{align-items:flex-start;display:flex;flex-direction:column}._message-group_1tffk_11[data-message-type=default]>._attachments_1tffk_1{margin-left:var(--scale-16)}._message-group_1tffk_11>:first-child{margin-left:var(--scale-16)}._message-group_1tffk_11>time{color:var(--colors-semantic-content-tertiary);margin-left:var(--scale-20);margin-right:var(--scale-16)}._message-group_1tffk_11[data-message-type=system],._message-group_1tffk_11:has([data-component=collapsible]){padding:0 var(--shape-spacing-md);margin-left:20%;margin-right:5%}._message-group_1tffk_11[data-message-type=system]>div:first-child,._message-group_1tffk_11:has([data-component=collapsible])>div:first-child{margin-left:0}._message-group_1tffk_11:has([data-component=collapsible]) [data-message-type=system]{margin-left:0;max-width:100%;padding-inline:0}._message-group_1tffk_11[data-message-type=user]{align-items:flex-end}._message-group_1tffk_11[data-message-type=user]>._attachments_1tffk_1{align-items:flex-end;margin-right:var(--scale-16)}._message_1tffk_11{border:solid var(--shape-border-width-default) var(--colors-semantic-border-default);margin:var(--scale-4) 0;padding:var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_1tffk_11:is([data-type=default],[data-type=user],[data-appearance=file]){max-width:min(90%,var(--shape-width-max-lg));width:-moz-fit-content;width:fit-content}._message_1tffk_11[data-type=default]{background-color:var(--colors-semantic-bg-page);border-left:none;border-radius:0 var(--utils-tokens-unit) var(--utils-tokens-unit) 0;margin-inline:var(--message-edge-gap, 0) auto}._message_1tffk_11:is([data-type=minimal],[data-type=system]){border:none}._message_1tffk_11[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_1tffk_11[data-appearance=file] ul{margin:0}._message_1tffk_11[data-type=user]{background-color:var(--colors-semantic-primary-primary-subtle);border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit);border-right:none;margin-inline:auto var(--message-edge-gap, 0)}._message_1tffk_11[data-type=user][data-appearance=file] ul{text-align:right}._message_1tffk_11[data-type=system]{border-bottom:solid var(--shape-border-width-default) var(--colors-semantic-border-strong);color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-label-sm);padding:0;padding-bottom:var(--shape-spacing-xs);text-align:left}._message_1tffk_11[data-type=system] [data-component=icon]:first-of-type{height:var(--utils-tokens-icon-tiny);width:var(--utils-tokens-icon-tiny)}._message_1tffk_11[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_1tffk_11[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));overflow:hidden;padding:0;width:100%}._message_1tffk_11 p:first-child{margin-top:0}._message_1tffk_11 p:last-child{margin-bottom:0}._message_1tffk_11 [data-component=collapsible] p{font-size:var(--typography-font-sizes-label-sm)}._timestamp_1tffk_144{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._preview_1tffk_149{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis}@media (width < 1024px){._message-group_1tffk_11[data-message-type=system],._message-group_1tffk_11:has([data-component=collapsible]){margin-left:10%;margin-right:5%}}@media (width < 480px){._message-group_1tffk_11[data-message-type=system],._message-group_1tffk_11:has([data-component=collapsible]){margin-inline:0}}
|
package/dist/assets/index26.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._aside_1lij6_3 section{padding:var(--utils-tokens-unit) 0}._sidebar_1lij6_9{border-right:var(--scale-1) solid var(--colors-semantic-border-default);height:100vh;overflow:hidden auto;padding:var(--shape-spacing-xl) var(--shape-spacing-md) var(--shape-spacing-xl) var(--shape-spacing-sm)}._sidebar_1lij6_9 header{margin-bottom:var(--shape-spacing-lg);margin-top:0}._sidebar_1lij6_9 [data-sidebar-toggle]{display:none}@supports (-moz-appearance: none){._sidebar_1lij6_9{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._sidebar_1lij6_9::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._sidebar_1lij6_9::-webkit-scrollbar-track{background-color:transparent}._sidebar_1lij6_9::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}@media (width <= 1024px){._sidebar_1lij6_9{height:calc(100vh - var(--shape-spacing-3xl))}}@media (width <= 768px){._sidebar_1lij6_9{background-color:var(--colors-semantic-primary-primary-subtle);height:-moz-fit-content;height:fit-content;overscroll-behavior-y:auto;padding:var(--shape-spacing-md);position:relative;top:0;transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw;z-index:2}._sidebar_1lij6_9>nav{display:none}._sidebar_1lij6_9>header{margin-bottom:0}._sidebar_1lij6_9 [data-sidebar-toggle]{position:relative;display:block;float:right;margin-top:var(--shape-spacing-2xs);padding:0}._sidebar_1lij6_9 [data-sidebar-toggle]:after{content:"";inset:var(--utils-tokens-negative-unit);position:absolute}._sidebar_1lij6_9._open_1lij6_62{background-color:var(--colors-semantic-bg-page);display:block;height:calc(100vh - var(--shape-spacing-3xl));overscroll-behavior-y:contain;position:fixed;top:var(--shape-spacing-3xl)}._sidebar_1lij6_9._open_1lij6_62>header{margin-bottom:var(--shape-spacing-md)}._sidebar_1lij6_9._open_1lij6_62>nav{display:block}}._sticky_1lij6_81{position:sticky;top:0}
|
package/dist/assets/index27.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._avatar_117f5_1{--avatar-size: var(--scale-40);align-items:center;display:inline-flex;gap:var(--scale-8)}._avatar_117f5_1:has(._secondary_117f5_8){width:100%}:is(._color-1_117f5_13,._color-solibo_117f5_13) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-solibo);color:var(--colors-semantic-roles-content-solibo)}:is(._color-2_117f5_18,._color-board_117f5_18) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-board);color:var(--colors-semantic-roles-content-board)}:is(._color-3_117f5_23,._color-owner_117f5_23) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-owner);color:var(--colors-semantic-roles-content-owner)}:is(._color-4_117f5_28,._color-renter_117f5_28) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-renter);color:var(--colors-semantic-roles-content-renter)}:is(._color-5_117f5_33,._color-external_117f5_33) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-external);color:var(--colors-semantic-roles-content-external)}._media_117f5_13{align-items:center;background-color:var(--colors-semantic-interactive-disabled);border-radius:var(--shape-border-radius-radius-md);display:inline-flex;flex:0 0 var(--avatar-size);height:var(--avatar-size);justify-content:center;overflow:hidden;width:var(--avatar-size)}._media_117f5_13>figure{align-items:center;display:flex;height:100%;justify-content:center;width:100%}._media_117f5_13>figure>img{height:100%}._details_117f5_62{display:flex;flex-direction:column;min-width:0;width:100%}._details_117f5_62>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._secondary_117f5_8{align-items:center;display:flex;gap:var(--scale-8);justify-content:space-between;min-width:0;width:100%}._text_117f5_84{color:var(--colors-semantic-content-tertiary);font-size:var(--typography-font-sizes-label-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._role_117f5_13,._role-name_117f5_93{text-transform:capitalize}._role_117f5_13{background-color:var(--colors-semantic-interactive-disabled);border-radius:var(--scale-32);color:var(--colors-semantic-content-secondary);display:block;overflow:hidden;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}._initials_117f5_109{font-weight:var(--font-font-weight-semibold)}._small_117f5_113{--avatar-size: var(--scale-40)}._small_117f5_113 ._initials_117f5_109{font-size:var(--typography-font-sizes-label-sm)}._medium_117f5_121{--avatar-size: var(--scale-56)}._medium_117f5_121 ._details_117f5_62{gap:var(--shape-spacing-xs)}._medium_117f5_121 ._initials_117f5_109{font-size:var(--typography-font-sizes-label-lg)}._large_117f5_133{--avatar-size: var(--scale-96)}._large_117f5_133 ._details_117f5_62{gap:var(--shape-spacing-sm)}._large_117f5_133 ._details_117f5_62>strong{font-size:var(--typography-font-sizes-h3)}._large_117f5_133 ._initials_117f5_109{font-size:var(--typography-font-sizes-h3)}._large_117f5_133 ._text_117f5_84{font-size:var(--typography-font-sizes-label-lg)}._link_117f5_153{text-decoration:none}._link_117f5_153>._avatar_117f5_1{background-color:transparent}@media (width <= 480px){._secondary_117f5_8{flex-direction:column;align-items:start}}
|
package/dist/assets/index43.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._empty-
|
|
1
|
+
._empty-state_u5gx3_3{max-width:var(--shape-width-max);align-items:center;display:flex;flex-direction:column;margin:var(--shape-spacing-3xl) auto;padding:0 var(--shape-spacing-md);text-align:center;width:100%}._empty-state_u5gx3_3 ._header_u5gx3_14{font-size:var(--typography-font-sizes-h3);font-weight:var(--font-font-weight-bold);margin-bottom:0}@media (width <= 768px){._empty-state_u5gx3_3{margin-block:var(--shape-spacing-md)}}
|
package/dist/assets/index46.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._file_1uuq9_1{align-items:center;background-color:var(--colors-semantic-bg-surface);border:var(--shape-border-width-default) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-xl);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);display:inline-flex;line-height:var(--utils-tokens-unit);max-width:100%;min-width:0}._file_1uuq9_1 ._action_1uuq9_14,._file_1uuq9_1 ._delete_1uuq9_15{color:var(--colors-semantic-primary-primary);padding:var(--shape-spacing-xs);transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay)}._file_1uuq9_1 ._action_1uuq9_14{align-items:center;background:transparent;border:0;border-radius:var(--utils-tokens-unit);cursor:default;display:inline-flex;flex:1 1 auto;font:inherit;margin:0;max-width:100%;min-width:0;overflow:hidden;text-align:inherit;text-decoration:none}._file_1uuq9_1 ._action_1uuq9_14[href]:hover,._file_1uuq9_1 ._action_1uuq9_14[data-actionable=true]:hover,._file_1uuq9_1 ._action_1uuq9_14[role=document]:hover{cursor:pointer}._file_1uuq9_1 ._action_1uuq9_14:has(+._delete_1uuq9_15){border-radius:var(--utils-tokens-unit) 0 0 var(--utils-tokens-unit)}._file_1uuq9_1 ._action_1uuq9_14:visited{opacity:var(--utils-tokens-opacity-minimal)}._file_1uuq9_1>._action_1uuq9_14>figure{background:var(--colors-semantic-primary-primary-subtle);border-radius:var(--shape-border-radius-radius-lg);flex:0 0 auto;margin:0 var(--scale-8) 0 0;padding:var(--scale-8)}._file_1uuq9_1 ._details_1uuq9_61{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}._file_1uuq9_1 ._name-line_1uuq9_68{display:flex;min-width:0}._file_1uuq9_1 ._name_1uuq9_68{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._file_1uuq9_1 ._extension_1uuq9_80{flex:0 0 auto;white-space:nowrap}._file_1uuq9_1 ._name_1uuq9_68,._file_1uuq9_1 ._extension_1uuq9_80{border-bottom:solid 1px var(--colors-semantic-primary-primary)}._file_1uuq9_1 ._subtitle_1uuq9_90{color:var(--colors-semantic-content-tertiary);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--shape-spacing-2xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._file_1uuq9_1 ._delete_1uuq9_15{border-radius:var(--shape-border-radius-radius-xl);color:var(--colors-semantic-content-destructive);cursor:pointer;flex:0 0 auto;margin-right:var(--shape-spacing-2xs);padding:var(--shape-spacing-md);position:relative}._file_1uuq9_1 ._delete_1uuq9_15:hover{background-color:var(--colors-semantic-interactive-secondary-destructive-hover)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_=require("react"),b=require("../button/index.cjs"),f=require("../icon/index.cjs"),p="_aside_1lij6_3",j="_sidebar_1lij6_9",y="_open_1lij6_62",k="_sticky_1lij6_81",e={aside:p,sidebar:j,open:y,sticky:k},x={default:e.default,sidebar:e.sidebar},g=({children:c,className:i,sticky:d=!1,variant:n="default"})=>{const[t,o]=_.useState(!1);return s.jsxs("aside",{className:u.t(i&&i,t&&e.open,e.aside,d&&e.sticky,x[n]),onClick:l=>{var r;const a=l.target.closest("a[href]");a&&!((r=a.getAttribute("href"))!=null&&r.startsWith("#"))&&o(!1)},"data-component":"aside",children:[n==="sidebar"&&s.jsx(b.Button,{"data-sidebar-toggle":"true",onClick:()=>o(!t),variant:"tertiary",children:s.jsx(f.Icon,{name:t?"X":"List"})}),c]})};exports.Aside=g;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { jsxs as f, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { t as
|
|
2
|
+
import { t as p } from "../../classix-DG18itHa.js";
|
|
3
3
|
import { useState as m } from "react";
|
|
4
|
-
import { Button as
|
|
5
|
-
import { Icon as
|
|
6
|
-
import '../../assets/index26.css';const
|
|
7
|
-
aside:
|
|
4
|
+
import { Button as _ } from "../button/index.js";
|
|
5
|
+
import { Icon as b } from "../icon/index.js";
|
|
6
|
+
import '../../assets/index26.css';const u = "_aside_1lij6_3", k = "_sidebar_1lij6_9", j = "_open_1lij6_62", y = "_sticky_1lij6_81", t = {
|
|
7
|
+
aside: u,
|
|
8
8
|
sidebar: k,
|
|
9
|
-
open:
|
|
10
|
-
sticky:
|
|
11
|
-
},
|
|
9
|
+
open: j,
|
|
10
|
+
sticky: y
|
|
11
|
+
}, h = {
|
|
12
12
|
default: t.default,
|
|
13
13
|
sidebar: t.sidebar
|
|
14
|
-
},
|
|
14
|
+
}, B = ({
|
|
15
15
|
children: d,
|
|
16
16
|
className: s,
|
|
17
17
|
sticky: c = !1,
|
|
18
18
|
variant: i = "default"
|
|
19
19
|
}) => {
|
|
20
20
|
const [e, o] = m(!1);
|
|
21
|
-
return /* @__PURE__ */ f("aside", { className:
|
|
21
|
+
return /* @__PURE__ */ f("aside", { className: p(s && s, e && t.open, t.aside, c && t.sticky, h[i]), onClick: (l) => {
|
|
22
22
|
var r;
|
|
23
|
-
const a =
|
|
23
|
+
const a = l.target.closest("a[href]");
|
|
24
24
|
a && !((r = a.getAttribute("href")) != null && r.startsWith("#")) && o(!1);
|
|
25
25
|
}, "data-component": "aside", children: [
|
|
26
|
-
i === "sidebar" && /* @__PURE__ */ n(
|
|
26
|
+
i === "sidebar" && /* @__PURE__ */ n(_, { "data-sidebar-toggle": "true", onClick: () => o(!e), variant: "tertiary", children: /* @__PURE__ */ n(b, { name: e ? "X" : "List" }) }),
|
|
27
27
|
d
|
|
28
28
|
] });
|
|
29
29
|
};
|
|
30
30
|
export {
|
|
31
|
-
|
|
31
|
+
B as Aside
|
|
32
32
|
};
|
|
33
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const s=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),j=require("../figure/index.cjs"),u=require("../icon/index.cjs"),p=require("../link/index.cjs"),h="_avatar_117f5_1",v="_secondary_117f5_8",N="_media_117f5_13",b="_role_117f5_13",y="_details_117f5_62",k="_text_117f5_84",q="_initials_117f5_109",A="_small_117f5_113",I="_medium_117f5_121",L="_large_117f5_133",S="_link_117f5_153",a={avatar:h,secondary:v,"color-1":"_color-1_117f5_13","color-solibo":"_color-solibo_117f5_13",media:N,role:b,"color-2":"_color-2_117f5_18","color-board":"_color-board_117f5_18","color-3":"_color-3_117f5_23","color-owner":"_color-owner_117f5_23","color-4":"_color-4_117f5_28","color-renter":"_color-renter_117f5_28","color-5":"_color-5_117f5_33","color-external":"_color-external_117f5_33",details:y,text:k,"role-name":"_role-name_117f5_93",initials:q,small:A,medium:I,large:L,link:S},$={large:a.large,medium:a.medium,small:a.small},x={large:"large",medium:"medium",small:"medium"},w=i=>{const e=i.trim().split(/\s+/).filter(Boolean),c=Array.from(e[0]??"")[0]??"",t=e.length>1?Array.from(e[e.length-1])[0]:"";return`${c}${t}`.toLocaleUpperCase()},F=({accessibleLabel:i,color:e,icon:c,imageUrl:t,link:_,name:r,role:o,size:l="small",text:n})=>{const m=i||r||"User Avatar",d=r?w(r):"",f=s.jsxs("div",{className:g.t(a.avatar,$[l],e&&a[`color-${e}`]),"data-color":e,"data-size":l,children:[s.jsx("span",{className:a.media,children:s.jsx(j.Figure,{accessibleLabel:m,children:c?s.jsx(u.Icon,{name:c,size:x[l]}):t?s.jsx("img",{src:t,alt:m}):d?s.jsx("span",{"aria-hidden":"true",className:a.initials,children:d}):s.jsx(u.Icon,{name:"User",size:x[l]})})}),(r||o||n)&&s.jsxs("span",{className:a.details,children:[r&&s.jsx("strong",{children:r}),l==="small"&&(n||o)&&s.jsxs("span",{className:a.text,children:[n,n&&o&&" | ",o&&s.jsx("span",{className:a["role-name"],children:o})]}),(l==="medium"||l==="large")&&s.jsxs("span",{className:a.secondary,children:[n&&s.jsx("span",{className:a.text,children:n}),o&&s.jsx("span",{className:a.role,children:o})]})]})]});return _?s.jsx(p.Link,{className:a.link,to:_,"data-component":"avatar",children:f}):f};exports.Avatar=F;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { jsx as l, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import { t as
|
|
3
|
-
import { Figure as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import { Link as
|
|
6
|
-
import '../../assets/index27.css';const
|
|
7
|
-
avatar:
|
|
8
|
-
secondary:
|
|
9
|
-
"color-1": "_color-
|
|
10
|
-
"color-solibo": "_color-
|
|
11
|
-
media:
|
|
12
|
-
role:
|
|
13
|
-
"color-2": "_color-
|
|
14
|
-
"color-board": "_color-
|
|
15
|
-
"color-3": "_color-
|
|
16
|
-
"color-owner": "_color-
|
|
17
|
-
"color-4": "_color-
|
|
18
|
-
"color-renter": "_color-
|
|
19
|
-
"color-5": "_color-
|
|
20
|
-
"color-external": "_color-
|
|
21
|
-
details:
|
|
22
|
-
text:
|
|
23
|
-
"role-name": "_role-
|
|
24
|
-
initials:
|
|
25
|
-
small:
|
|
26
|
-
medium:
|
|
27
|
-
large:
|
|
28
|
-
link:
|
|
29
|
-
},
|
|
2
|
+
import { t as u } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { Figure as v } from "../figure/index.js";
|
|
4
|
+
import { Icon as h } from "../icon/index.js";
|
|
5
|
+
import { Link as N } from "../link/index.js";
|
|
6
|
+
import '../../assets/index27.css';const b = "_avatar_117f5_1", y = "_secondary_117f5_8", x = "_media_117f5_13", k = "_role_117f5_13", A = "_details_117f5_62", I = "_text_117f5_84", L = "_initials_117f5_109", $ = "_small_117f5_113", j = "_medium_117f5_121", w = "_large_117f5_133", F = "_link_117f5_153", a = {
|
|
7
|
+
avatar: b,
|
|
8
|
+
secondary: y,
|
|
9
|
+
"color-1": "_color-1_117f5_13",
|
|
10
|
+
"color-solibo": "_color-solibo_117f5_13",
|
|
11
|
+
media: x,
|
|
12
|
+
role: k,
|
|
13
|
+
"color-2": "_color-2_117f5_18",
|
|
14
|
+
"color-board": "_color-board_117f5_18",
|
|
15
|
+
"color-3": "_color-3_117f5_23",
|
|
16
|
+
"color-owner": "_color-owner_117f5_23",
|
|
17
|
+
"color-4": "_color-4_117f5_28",
|
|
18
|
+
"color-renter": "_color-renter_117f5_28",
|
|
19
|
+
"color-5": "_color-5_117f5_33",
|
|
20
|
+
"color-external": "_color-external_117f5_33",
|
|
21
|
+
details: A,
|
|
22
|
+
text: I,
|
|
23
|
+
"role-name": "_role-name_117f5_93",
|
|
24
|
+
initials: L,
|
|
25
|
+
small: $,
|
|
26
|
+
medium: j,
|
|
27
|
+
large: w,
|
|
28
|
+
link: F
|
|
29
|
+
}, U = {
|
|
30
30
|
large: a.large,
|
|
31
31
|
medium: a.medium,
|
|
32
32
|
small: a.small
|
|
33
|
-
},
|
|
33
|
+
}, g = {
|
|
34
34
|
large: "large",
|
|
35
35
|
medium: "medium",
|
|
36
36
|
small: "medium"
|
|
37
|
-
},
|
|
37
|
+
}, B = (_) => {
|
|
38
38
|
const o = _.trim().split(/\s+/).filter(Boolean), t = Array.from(o[0] ?? "")[0] ?? "", c = o.length > 1 ? Array.from(o[o.length - 1])[0] : "";
|
|
39
39
|
return `${t}${c}`.toLocaleUpperCase();
|
|
40
|
-
},
|
|
40
|
+
}, E = ({
|
|
41
41
|
accessibleLabel: _,
|
|
42
42
|
color: o,
|
|
43
43
|
icon: t,
|
|
@@ -48,8 +48,8 @@ import '../../assets/index27.css';const v = "_avatar_yz2kp_1", N = "_secondary_y
|
|
|
48
48
|
size: s = "small",
|
|
49
49
|
text: n
|
|
50
50
|
}) => {
|
|
51
|
-
const d = _ || e || "User Avatar",
|
|
52
|
-
/* @__PURE__ */ l("span", { className: a.media, children: /* @__PURE__ */ l(
|
|
51
|
+
const d = _ || e || "User Avatar", f = e ? B(e) : "", p = /* @__PURE__ */ i("div", { className: u(a.avatar, U[s], o && a[`color-${o}`]), "data-color": o, "data-size": s, children: [
|
|
52
|
+
/* @__PURE__ */ l("span", { className: a.media, children: /* @__PURE__ */ l(v, { accessibleLabel: d, children: t ? /* @__PURE__ */ l(h, { name: t, size: g[s] }) : c ? /* @__PURE__ */ l("img", { src: c, alt: d }) : f ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: a.initials, children: f }) : /* @__PURE__ */ l(h, { name: "User", size: g[s] }) }) }),
|
|
53
53
|
(e || r || n) && /* @__PURE__ */ i("span", { className: a.details, children: [
|
|
54
54
|
e && /* @__PURE__ */ l("strong", { children: e }),
|
|
55
55
|
s === "small" && (n || r) && /* @__PURE__ */ i("span", { className: a.text, children: [
|
|
@@ -63,9 +63,9 @@ import '../../assets/index27.css';const v = "_avatar_yz2kp_1", N = "_secondary_y
|
|
|
63
63
|
] })
|
|
64
64
|
] })
|
|
65
65
|
] });
|
|
66
|
-
return m ? /* @__PURE__ */ l(
|
|
66
|
+
return m ? /* @__PURE__ */ l(N, { className: a.link, to: m, "data-component": "avatar", children: p }) : p;
|
|
67
67
|
};
|
|
68
68
|
export {
|
|
69
|
-
|
|
69
|
+
E as Avatar
|
|
70
70
|
};
|
|
71
71
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const e=require("react/jsx-runtime"),n="_header_u5gx3_14",t={"empty-state":"_empty-state_u5gx3_3",header:n},c=({button:s,content:a,header:r})=>e.jsxs("div",{className:t["empty-state"],"data-component":"emptystate",children:[e.jsx("p",{className:t.header,children:r}),e.jsx("p",{children:a}),s]});exports.EmptyState=c;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import '../../assets/index43.css';const
|
|
3
|
-
"empty-state": "_empty-
|
|
4
|
-
header:
|
|
5
|
-
},
|
|
1
|
+
import { jsxs as m, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/index43.css';const p = "_header_u5gx3_14", t = {
|
|
3
|
+
"empty-state": "_empty-state_u5gx3_3",
|
|
4
|
+
header: p
|
|
5
|
+
}, d = ({
|
|
6
6
|
button: s,
|
|
7
7
|
content: a,
|
|
8
8
|
header: r
|
|
9
|
-
}) => /* @__PURE__ */
|
|
9
|
+
}) => /* @__PURE__ */ m("div", { className: t["empty-state"], "data-component": "emptystate", children: [
|
|
10
10
|
/* @__PURE__ */ e("p", { className: t.header, children: r }),
|
|
11
11
|
/* @__PURE__ */ e("p", { children: a }),
|
|
12
12
|
s
|
|
13
13
|
] });
|
|
14
14
|
export {
|
|
15
|
-
|
|
15
|
+
d as EmptyState
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index46.css');const e=require("react/jsx-runtime"),j=require("../figure/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index46.css');const e=require("react/jsx-runtime"),j=require("../figure/index.cjs"),x=require("../icon/index.cjs"),f=require("../button/index.cjs"),N="_file_1uuq9_1",q="_action_1uuq9_14",F="_details_1uuq9_61",b="_name_1uuq9_68",g="_extension_1uuq9_80",I="_subtitle_1uuq9_90",t={file:N,action:q,delete:"_delete_1uuq9_15",details:F,"name-line":"_name-line_1uuq9_68",name:b,extension:g,subtitle:I},P={".doc":"FileDoc",".docx":"FileDoc",".pdf":"FilePdf",".ppt":"FilePpt",".pptx":"FilePpt",".xls":"FileXls",".xlsx":"FileXls"},y=({deleteAccessibleLabel:_,name:s,onClick:n,onDelete:a,ref:m,subtitle:r,url:u})=>{const i=s.lastIndexOf("."),d=i>0&&i<s.length-1,p=d?s.slice(0,i):s,c=d?s.slice(i):"",h=P[c.toLowerCase()]??"FileText",o=e.jsxs(e.Fragment,{children:[e.jsx(j.Figure,{children:e.jsx(x.Icon,{name:h})}),e.jsxs("span",{className:t.details,children:[e.jsxs("span",{className:t["name-line"],children:[e.jsx("span",{className:t.name,children:p}),c&&e.jsx("span",{className:t.extension,children:c})]}),r&&e.jsx("span",{className:t.subtitle,children:r})]})]});return e.jsxs("div",{className:t.file,ref:m,"data-component":"file",children:[u?e.jsx("a",{className:t.action,href:u,onClick:l=>{l.stopPropagation(),n&&(l.preventDefault(),n())},title:s,children:o}):n?e.jsx("button",{"aria-label":s,className:t.action,"data-actionable":"true",onClick:l=>{l.stopPropagation(),n()},title:s,type:"button",children:o}):e.jsx("div",{className:t.action,title:s,children:o}),a&&e.jsx(f.Button,{"aria-label":_??`Delete ${s}`,className:t.delete,onClick:()=>a(),variant:"tertiary",children:e.jsx(x.Icon,{name:"Trash",size:"small"})})]})};exports.File=y;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsxs as a, jsx as t, Fragment as N } from "react/jsx-runtime";
|
|
2
2
|
import { Figure as F } from "../figure/index.js";
|
|
3
|
-
import { Icon as
|
|
3
|
+
import { Icon as p } from "../icon/index.js";
|
|
4
4
|
import { Button as b } from "../button/index.js";
|
|
5
|
-
import '../../assets/index46.css';const
|
|
6
|
-
file:
|
|
7
|
-
action:
|
|
8
|
-
delete: "
|
|
9
|
-
details:
|
|
10
|
-
"name-line": "_name-
|
|
11
|
-
name:
|
|
12
|
-
extension:
|
|
13
|
-
subtitle:
|
|
14
|
-
},
|
|
5
|
+
import '../../assets/index46.css';const q = "_file_1uuq9_1", g = "_action_1uuq9_14", I = "_details_1uuq9_61", P = "_name_1uuq9_68", v = "_extension_1uuq9_80", y = "_subtitle_1uuq9_90", n = {
|
|
6
|
+
file: q,
|
|
7
|
+
action: g,
|
|
8
|
+
delete: "_delete_1uuq9_15",
|
|
9
|
+
details: I,
|
|
10
|
+
"name-line": "_name-line_1uuq9_68",
|
|
11
|
+
name: P,
|
|
12
|
+
extension: v,
|
|
13
|
+
subtitle: y
|
|
14
|
+
}, D = {
|
|
15
15
|
".doc": "FileDoc",
|
|
16
16
|
".docx": "FileDoc",
|
|
17
17
|
".pdf": "FilePdf",
|
|
@@ -19,17 +19,17 @@ import '../../assets/index46.css';const g = "_file_1427u_1", I = "_action_1427u_
|
|
|
19
19
|
".pptx": "FilePpt",
|
|
20
20
|
".xls": "FileXls",
|
|
21
21
|
".xlsx": "FileXls"
|
|
22
|
-
},
|
|
23
|
-
deleteAccessibleLabel:
|
|
22
|
+
}, z = ({
|
|
23
|
+
deleteAccessibleLabel: _,
|
|
24
24
|
name: e,
|
|
25
25
|
onClick: s,
|
|
26
26
|
onDelete: r,
|
|
27
27
|
ref: x,
|
|
28
28
|
subtitle: d,
|
|
29
|
-
url:
|
|
29
|
+
url: u
|
|
30
30
|
}) => {
|
|
31
|
-
const i = e.lastIndexOf("."),
|
|
32
|
-
/* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
|
|
31
|
+
const i = e.lastIndexOf("."), m = i > 0 && i < e.length - 1, f = m ? e.slice(0, i) : e, o = m ? e.slice(i) : "", h = D[o.toLowerCase()] ?? "FileText", c = /* @__PURE__ */ a(N, { children: [
|
|
32
|
+
/* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(p, { name: h }) }),
|
|
33
33
|
/* @__PURE__ */ a("span", { className: n.details, children: [
|
|
34
34
|
/* @__PURE__ */ a("span", { className: n["name-line"], children: [
|
|
35
35
|
/* @__PURE__ */ t("span", { className: n.name, children: f }),
|
|
@@ -39,15 +39,15 @@ import '../../assets/index46.css';const g = "_file_1427u_1", I = "_action_1427u_
|
|
|
39
39
|
] })
|
|
40
40
|
] });
|
|
41
41
|
return /* @__PURE__ */ a("div", { className: n.file, ref: x, "data-component": "file", children: [
|
|
42
|
-
|
|
42
|
+
u ? /* @__PURE__ */ t("a", { className: n.action, href: u, onClick: (l) => {
|
|
43
43
|
l.stopPropagation(), s && (l.preventDefault(), s());
|
|
44
44
|
}, title: e, children: c }) : s ? /* @__PURE__ */ t("button", { "aria-label": e, className: n.action, "data-actionable": "true", onClick: (l) => {
|
|
45
45
|
l.stopPropagation(), s();
|
|
46
46
|
}, title: e, type: "button", children: c }) : /* @__PURE__ */ t("div", { className: n.action, title: e, children: c }),
|
|
47
|
-
r && /* @__PURE__ */ t(b, { "aria-label":
|
|
47
|
+
r && /* @__PURE__ */ t(b, { "aria-label": _ ?? `Delete ${e}`, className: n.delete, onClick: () => r(), variant: "tertiary", children: /* @__PURE__ */ t(p, { name: "Trash", size: "small" }) })
|
|
48
48
|
] });
|
|
49
49
|
};
|
|
50
50
|
export {
|
|
51
|
-
|
|
51
|
+
z as File
|
|
52
52
|
};
|
|
53
53
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),j=require("../avatar/index.cjs"),h=require("../icon/index.cjs"),k="_attachments_1tffk_1",w="_message_1tffk_11",S="_timestamp_1tffk_144",b="_preview_1tffk_149",t={attachments:k,"message-group":"_message-group_1tffk_11",message:w,timestamp:S,preview:b},q=({appearance:o="default",attachments:m,author:a,authorColor:r,authorImageUrl:l,authorLink:d,authorRole:g,content:_,iconName:p="Info",id:f,preview:u,timestamp:i,timestampText:v,type:s="default"})=>{const n=i?new Date(i):void 0,c=n?e.jsx("time",{className:t.timestamp,dateTime:n.toISOString(),children:v??n.toLocaleString()}):null;return e.jsxs("div",{className:t["message-group"],"data-message-type":s,"data-component":"message",children:[a&&e.jsx(j.Avatar,{accessibleLabel:a,color:r,imageUrl:l,link:d,name:a,role:g}),s==="system"&&c,e.jsxs("div",{className:x.t(t.message,u&&t.preview),"data-appearance":o,"data-id":f,"data-type":s,children:[s=="system"&&e.jsx(h.Icon,{gap:"right",name:p}),_]}),m&&e.jsx("div",{className:t.attachments,children:m}),s!=="system"&&c]})};exports.Message=q;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { t as
|
|
3
|
-
import { Avatar as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import '../../assets/index16.css';const
|
|
6
|
-
attachments:
|
|
7
|
-
"message-group": "_message-
|
|
8
|
-
message:
|
|
9
|
-
timestamp:
|
|
10
|
-
preview:
|
|
1
|
+
import { jsx as t, jsxs as r } from "react/jsx-runtime";
|
|
2
|
+
import { t as u } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { Avatar as w } from "../avatar/index.js";
|
|
4
|
+
import { Icon as N } from "../icon/index.js";
|
|
5
|
+
import '../../assets/index16.css';const x = "_attachments_1tffk_1", I = "_message_1tffk_11", S = "_timestamp_1tffk_144", b = "_preview_1tffk_149", s = {
|
|
6
|
+
attachments: x,
|
|
7
|
+
"message-group": "_message-group_1tffk_11",
|
|
8
|
+
message: I,
|
|
9
|
+
timestamp: S,
|
|
10
|
+
preview: b
|
|
11
11
|
}, D = ({
|
|
12
12
|
appearance: c = "default",
|
|
13
|
-
attachments:
|
|
14
|
-
author:
|
|
15
|
-
authorColor:
|
|
16
|
-
authorImageUrl:
|
|
17
|
-
authorLink:
|
|
13
|
+
attachments: i,
|
|
14
|
+
author: a,
|
|
15
|
+
authorColor: l,
|
|
16
|
+
authorImageUrl: d,
|
|
17
|
+
authorLink: g,
|
|
18
18
|
authorRole: p,
|
|
19
|
-
content:
|
|
20
|
-
iconName:
|
|
21
|
-
id:
|
|
19
|
+
content: f,
|
|
20
|
+
iconName: _ = "Info",
|
|
21
|
+
id: v,
|
|
22
22
|
preview: h,
|
|
23
|
-
timestamp:
|
|
24
|
-
timestampText:
|
|
23
|
+
timestamp: n,
|
|
24
|
+
timestampText: k,
|
|
25
25
|
type: e = "default"
|
|
26
26
|
}) => {
|
|
27
|
-
const m =
|
|
27
|
+
const m = n ? new Date(n) : void 0, o = m ? /* @__PURE__ */ t("time", { className: s.timestamp, dateTime: m.toISOString(), children: k ?? m.toLocaleString() }) : null;
|
|
28
28
|
return /* @__PURE__ */ r("div", { className: s["message-group"], "data-message-type": e, "data-component": "message", children: [
|
|
29
|
-
|
|
30
|
-
e === "system" &&
|
|
31
|
-
/* @__PURE__ */ r("div", { className:
|
|
32
|
-
e == "system" && /* @__PURE__ */
|
|
33
|
-
|
|
29
|
+
a && /* @__PURE__ */ t(w, { accessibleLabel: a, color: l, imageUrl: d, link: g, name: a, role: p }),
|
|
30
|
+
e === "system" && o,
|
|
31
|
+
/* @__PURE__ */ r("div", { className: u(s.message, h && s.preview), "data-appearance": c, "data-id": v, "data-type": e, children: [
|
|
32
|
+
e == "system" && /* @__PURE__ */ t(N, { gap: "right", name: _ }),
|
|
33
|
+
f
|
|
34
34
|
] }),
|
|
35
|
-
|
|
36
|
-
e !== "system" &&
|
|
35
|
+
i && /* @__PURE__ */ t("div", { className: s.attachments, children: i }),
|
|
36
|
+
e !== "system" && o
|
|
37
37
|
] });
|
|
38
38
|
};
|
|
39
39
|
export {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c=require("../button/index.cjs"),a=require("../icon/index.cjs"),l=require("../aside/index.cjs"),_=require("../branding/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c=require("../button/index.cjs"),a=require("../icon/index.cjs"),l=require("../aside/index.cjs"),_=require("../branding/index.cjs"),d=require("../figure/index.cjs"),u=require("../nav/index.cjs"),p="_portal_korl3_41",g="_content_korl3_260",m="_toggle_korl3_267",x="_open_korl3_320",n={portal:p,content:g,toggle:m,open:x},j=({children:o,portals:t,open:r,setOpen:s})=>e.jsxs(l.Aside,{className:i.t(n.portal,r&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(c.Button,{className:n.toggle,onClick:()=>s(!r),variant:"tertiary",children:e.jsx(a.Icon,{name:"SidebarSimple"})}),e.jsx(d.Figure,{children:e.jsx(_.Branding,{name:"logo",size:48,variant:"white"})}),e.jsxs("div",{className:n.content,children:[t&&e.jsx(u.Nav,{horizontal:!0,children:t}),o&&o]})]});exports.Portal=j;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { t as
|
|
3
|
-
import { Button as
|
|
4
|
-
import { Icon as
|
|
2
|
+
import { t as a } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { Button as m } from "../button/index.js";
|
|
4
|
+
import { Icon as c } from "../icon/index.js";
|
|
5
5
|
import { Aside as s } from "../aside/index.js";
|
|
6
6
|
import { Branding as p } from "../branding/index.js";
|
|
7
7
|
import { Figure as _ } from "../figure/index.js";
|
|
8
8
|
import { Nav as g } from "../nav/index.js";
|
|
9
|
-
import '../../assets/index10.css';const d = "
|
|
9
|
+
import '../../assets/index10.css';const d = "_portal_korl3_41", f = "_content_korl3_260", h = "_toggle_korl3_267", k = "_open_korl3_320", t = {
|
|
10
10
|
portal: d,
|
|
11
11
|
content: f,
|
|
12
|
-
toggle:
|
|
13
|
-
open:
|
|
14
|
-
},
|
|
12
|
+
toggle: h,
|
|
13
|
+
open: k
|
|
14
|
+
}, S = ({
|
|
15
15
|
children: r,
|
|
16
16
|
portals: n,
|
|
17
17
|
open: e,
|
|
18
|
-
setOpen:
|
|
19
|
-
}) => /* @__PURE__ */ i(s, { className:
|
|
20
|
-
/* @__PURE__ */ o(
|
|
18
|
+
setOpen: l
|
|
19
|
+
}) => /* @__PURE__ */ i(s, { className: a(t.portal, e && t.open), sticky: !0, "data-component": "portal", children: [
|
|
20
|
+
/* @__PURE__ */ o(m, { className: t.toggle, onClick: () => l(!e), variant: "tertiary", children: /* @__PURE__ */ o(c, { name: "SidebarSimple" }) }),
|
|
21
21
|
/* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(p, { name: "logo", size: 48, variant: "white" }) }),
|
|
22
22
|
/* @__PURE__ */ i("div", { className: t.content, children: [
|
|
23
23
|
n && /* @__PURE__ */ o(g, { horizontal: !0, children: n }),
|
|
@@ -25,6 +25,6 @@ import '../../assets/index10.css';const d = "_portal_1uwzy_41", f = "_content_1u
|
|
|
25
25
|
] })
|
|
26
26
|
] });
|
|
27
27
|
export {
|
|
28
|
-
|
|
28
|
+
S as Portal
|
|
29
29
|
};
|
|
30
30
|
//# sourceMappingURL=index.js.map
|
package/dist/tokens.json
CHANGED