@solibo/solibo-ui 1.0.13 → 1.0.14
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/index.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index15.css +1 -1
- package/dist/assets/index20.css +1 -1
- package/dist/assets/index34.css +1 -1
- package/dist/assets/index41.css +1 -1
- package/dist/assets/index47.css +1 -1
- package/dist/assets/index51.css +1 -1
- package/dist/assets/index6.css +1 -1
- package/dist/components/chip/index.cjs +1 -1
- package/dist/components/chip/index.cjs.map +1 -1
- package/dist/components/chip/index.js +29 -22
- package/dist/components/chip/index.js.map +1 -1
- package/dist/components/header/index.cjs +1 -1
- package/dist/components/header/index.js +12 -12
- package/dist/components/message/index.cjs +1 -1
- package/dist/components/message/index.cjs.map +1 -1
- package/dist/components/message/index.js +25 -25
- package/dist/components/nav/index.cjs +1 -1
- package/dist/components/nav/index.js +25 -25
- package/dist/tokens.json +1 -1
- package/package.json +1 -1
package/dist/assets/index12.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._nav_afcql_3 a{display:block}._label_afcql_9{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._horizontal_afcql_17 a,._horizontal_afcql_17 li{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._sidebar_afcql_27 a{align-items:center;border:var(--scale-1) solid transparent;border-radius:var(--shape-border-radius-radius-md);color:var(--colors-semantic-content-secondary);display:flex;line-height:var(--utils-tokens-unit);overflow:hidden;padding:var(--shape-spacing-md) var(--shape-spacing-sm);text-decoration:none;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}._sidebar_afcql_27 a [data-component=badge]{margin-left:auto}._sidebar_afcql_27 a[aria-current=page]{background:var(--colors-semantic-primary-primary-subtle);border-color:var(--colors-semantic-primary-primary-subtle-border);color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-semibold)}._sidebar_afcql_27 a:not(:last-child){margin-bottom:var(--shape-spacing-2xs)}._sidebar_afcql_27 a:hover:not([aria-current=page]){background:var(--colors-semantic-interactive-hover-subtle);border-color:var(--colors-semantic-interactive-hover-subtle);color:var(--colors-semantic-content-primary)}._sidebar_afcql_27 form{margin:calc(var(--shape-spacing-xs) - 1px) 0}._sidebar_afcql_27~._sidebar_afcql_27{border-top:solid 1px var(--colors-semantic-border-default);margin-top:var(--shape-spacing-lg);padding-top:var(--shape-spacing-2xs)}._nav_afcql_3._tabs_afcql_73._tabs_afcql_73{display:flex;gap:var(--utils-tokens-unit)}._nav_afcql_3._tabs_afcql_73._tabs_afcql_73 a,._nav_afcql_3._tabs_afcql_73._tabs_afcql_73 li{color:var(--colors-semantic-content-secondary);display:inline-block;font-weight:var(--font-font-weight-semibold);padding:var(--scale-4) var(--scale-2) var(--scale-8) var(--scale-2);text-align:center;text-decoration:none}._nav_afcql_3._tabs_afcql_73._tabs_afcql_73 a[aria-current=page],._nav_afcql_3._tabs_afcql_73._tabs_afcql_73 li[aria-current=page]{color:var(--colors-purple-500);border-bottom:var(--scale-1) solid var(--colors-purple-500)}._nav_afcql_3._pills_afcql_93._pills_afcql_93{background-color:var(--colors-translucent);-webkit-backdrop-filter:blur(var(--scale-8));backdrop-filter:blur(var(--scale-8));border-radius:var(--shape-border-radius-radius-2xl);border:var(--scale-2) solid var(--colors-semantic-bg-surface);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);display:flex;left:50%;transform:translate(-50%);margin:0 auto;position:-webkit-sticky;position:sticky;top:var(--utils-tokens-unit);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}._nav_afcql_3._pills_afcql_93._pills_afcql_93:has(>:only-child){display:none}._nav_afcql_3._pills_afcql_93._pills_afcql_93:before{content:"";background:var(--colors-purple-500);border-radius:var(--shape-border-radius-radius-2xl);inset-block:0;left:anchor(left);position-anchor:--current;position:absolute;transition:left var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),top var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),width var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:anchor-size(width);z-index:0}._nav_afcql_3._pills_afcql_93._pills_afcql_93 a{border-radius:var(--scale-32);color:var(--colors-semantic-primary-primary);display:inline-block;font-weight:var(--font-font-weight-bold);padding:var(--utils-tokens-unit);position:relative;text-decoration:none;text-overflow:ellipsis;transition:color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),padding var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);white-space:nowrap;z-index:2}._nav_afcql_3._pills_afcql_93._pills_afcql_93 a[aria-current=page]{anchor-name:--current;color:var(--colors-semantic-bg-surface)}._nav_afcql_3._pills_afcql_93._pills_afcql_93 a[aria-current=page]:hover{color:var(--colors-semantic-bg-surface)}@media (width <= 1024px){._nav_afcql_3._pills_afcql_93._pills_afcql_93{flex-direction:column}._nav_afcql_3._pills_afcql_93._pills_afcql_93 a[aria-current=page]{background-color:var(--colors-purple-500)}._nav_afcql_3._pills_afcql_93._pills_afcql_93 a[aria-current=page]:after{background-color:var(--colors-semantic-bg-surface);content:"";display:inline-block;height:var(--utils-tokens-unit);margin-left:var(--scale-8);-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:transform var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);vertical-align:middle;width:var(--utils-tokens-unit)}._nav_afcql_3._pills_afcql_93._pills_afcql_93 a:not([aria-current=page]){display:none}._nav_afcql_3._pills_afcql_93._pills_afcql_93[data-open=true] a{display:block}._nav_afcql_3._pills_afcql_93._pills_afcql_93[data-open=true] a[aria-current=page]:after{transform:rotateX(180deg)}._nav_afcql_3._pills_afcql_93._pills_afcql_93:before{display:none}}@supports not (position-anchor: --x){._pills_afcql_93:before{display:none}._pills_afcql_93 a[aria-current=page]{background:var(--colors-purple-500);color:var(--colors-semantic-bg-surface)}}
|
package/dist/assets/index15.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._message-
|
|
1
|
+
._message-group_fif28_1{align-items:flex-start;display:flex;flex-direction:column}._message-group_fif28_1[data-message-type=system]{align-items:center}._message-group_fif28_1[data-message-type=user]{align-items:flex-end}._message-group_fif28_1>div:first-child,._message-group_fif28_1>time{margin-left:var(--scale-16)}._message-group_fif28_1>time{color:var(--colors-semantic-content-tertiary);margin-right:var(--scale-16)}._message_fif28_1{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_fif28_1:is([data-type=default],[data-type=user],[data-appearance=file]){max-width:min(90%,var(--shape-width-max-lg));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._message_fif28_1[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_fif28_1:is([data-type=minimal],[data-type=system]){border:none}._message_fif28_1[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_fif28_1[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_fif28_1[data-type=system]{border-bottom:solid var(--shape-border-width-default) var(--colors-semantic-border-strong);color:var(--colors-semantic-content-secondary);padding:0;padding-bottom:var(--shape-spacing-xs);text-align:left}._message_fif28_1[data-type=system] [data-component=icon]{height:var(--utils-tokens-icon-tiny);width:var(--utils-tokens-icon-tiny)}._message_fif28_1[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_fif28_1[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));width:100%}._message_fif28_1 p:first-child{margin-top:0}._message_fif28_1 p:last-child{margin-bottom:0}._timestamp_fif28_95{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._attachments_fif28_100{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_fif28_1[data-message-type=default]>._attachments_fif28_100{margin-left:var(--scale-16)}._message-group_fif28_1[data-message-type=user]>._attachments_fif28_100{align-items:flex-end;margin-right:var(--scale-16)}._preview_fif28_119{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
|
package/dist/assets/index20.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._header_1urra_1{color:var(--colors-semantic-content-secondary);display:grid;gap:var(--shape-spacing-3xs) var(--shape-spacing-xs);grid-template-columns:minmax(25ch,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(25ch,1fr) minmax(0,max-content);font-weight:var(--font-font-weight-bold);margin:var(--shape-spacing-md) 0;position:relative}._header_1urra_1>*{grid-column:1;min-width:0}._header_1urra_1 :is(h1,h2,h3,h4,h5,h6){color:var(--colors-semantic-content-primary);margin:0;overflow-wrap:break-word}._header_1urra_1 h1{font-size:var(--typography-font-sizes-h1);letter-spacing:-1.2px}._header_1urra_1 h2,._header_1urra_1 sup{font-size:var(--typography-font-sizes-h2)}._header_1urra_1 h3{font-size:var(--typography-font-sizes-h3)}._header_1urra_1 p{font-size:var(--typography-font-sizes-body-lg);font-weight:var(--font-font-weight-regular);margin:var(--shape-spacing-xs) 0 0!important}._header_1urra_1 sub{font-weight:var(--font-font-weight-regular)}._header_1urra_1 sub[data-clipboard]{align-items:center;cursor:copy;display:flex;gap:var(--scale-8);padding:var(--scale-8) 0}._header_1urra_1 sub,._header_1urra_1 sup{font-size:var(--typography-font-sizes-body-sm)}._header_1urra_1:has([data-component=badge]) h1,._header_1urra_1:has([data-component=badge]) h2,._header_1urra_1:has([data-component=badge]) h3,._header_1urra_1:has([data-component=badge]) h4{display:inline-block}._header_1urra_1 [data-component=button],._header_1urra_1 [data-component=controls],._header_1urra_1 [data-component=popover],._header_1urra_1 [data-component=toggle]{grid-column:2;grid-row:1 / span 2;height:-webkit-min-content;height:-moz-min-content;height:min-content;min-width:0;overflow-wrap:anywhere}._capitalize_1urra_79._capitalize_1urra_79 h1,._capitalize_1urra_79._capitalize_1urra_79 h2,._capitalize_1urra_79._capitalize_1urra_79 h3,._capitalize_1urra_79._capitalize_1urra_79 h4,._capitalize_1urra_79._capitalize_1urra_79 h5,._capitalize_1urra_79._capitalize_1urra_79 h6{text-transform:capitalize}@media (width >= 960px){._jumbo_1urra_91{margin:calc(var(--utils-tokens-unit) * 3) 0}._jumbo_1urra_91 h1{font-size:var(--typography-font-sizes-display-sm)}}@media (width < 480px){._header_1urra_1{grid-template-columns:1fr}._header_1urra_1>[data-component=button],._header_1urra_1 [data-component=controls],._header_1urra_1 [data-component=toggle]{margin-top:var(--shape-spacing-md);grid-column:1;grid-row:auto}}
|
package/dist/assets/index34.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._chip_upnyk_3{align-items:center;background:var(--colors-semantic-primary-primary-subtle);border:var(--shape-border-width-default) solid var(--colors-semantic-primary-primary-subtle-border);border-radius:var(--shape-border-radius-radius-2xl);color:var(--colors-semantic-primary-on-primary-subtle);display:inline-flex;font-size:var(--typography-font-sizes-label-sm);gap:var(--shape-spacing-2xs);justify-content:center;line-height:var(--typography-font-sizes-label-lg);padding:var(--shape-spacing-2xs)}._chip_upnyk_3:not(:has([data-component=link])){padding:var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-sm)}._clickable_upnyk_23{border-radius:var(--shape-border-radius-radius-2xl);color:inherit;cursor:pointer;min-width:0;transition:background-color var(--utils-tokens-transition-duration)}._clickable_upnyk_23:hover{background:var(--colors-semantic-interactive-pressed);cursor:pointer}._clickable_upnyk_23:focus{outline:solid var(--shape-outline-focus) var(--colors-semantic-border-focus);outline-offset:var(--shape-spacing-3xs)}._delete_upnyk_40{padding:var(--shape-spacing-2xs)}._divider_upnyk_44{background-color:currentcolor;flex:none;height:var(--typography-font-sizes-label-sm);margin:auto var(--shape-spacing-3xs);width:var(--shape-border-width-default)}._link_upnyk_52{padding:var(--shape-spacing-2xs) var(--shape-spacing-xs)}
|
package/dist/assets/index41.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._field_qqi01_3{min-width:0;width:100%}._editor_qqi01_8{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);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)}._editor_qqi01_8 [role=textbox]{box-sizing:border-box;border-radius:0 0 var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md);line-height:1.25;max-height:var(--editor-max-height);min-height:var(--editor-min-height);overflow-y:auto;padding:var(--scale-8) var(--utils-tokens-unit)}._editor_qqi01_8 img{max-width:100%}._invalid_qqi01_31{border-color:var(--colors-semantic-status-error-border)
|
|
1
|
+
._field_qqi01_3{min-width:0;width:100%}._editor_qqi01_8{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);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)}._editor_qqi01_8 [role=textbox]{box-sizing:border-box;border-radius:0 0 var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md);line-height:1.25;max-height:var(--editor-max-height);min-height:var(--editor-min-height);overflow-y:auto;padding:var(--scale-8) var(--utils-tokens-unit)}._editor_qqi01_8 img{max-width:100%}._invalid_qqi01_31{border-color:var(--colors-semantic-status-error-border)}._error_qqi01_35{color:var(--colors-semantic-status-error-content);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--scale-4)}._content_qqi01_41{position:relative}._files_qqi01_45{border-top:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;flex-wrap:wrap;gap:var(--scale-8);padding:var(--scale-8) var(--utils-tokens-unit)}._has-files_qqi01_53 [role=textbox]{border-radius:0}._placeholder_qqi01_57{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_qqi01_65{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_qqi01_72{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_qqi01_72 ._content_qqi01_41{min-height:0}._fill-editor_qqi01_72 [role=textbox]{height:100%;max-height:none}._meta_qqi01_88{align-items:center;display:grid;flex-basis:100%;grid-template-columns:1fr auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_qqi01_88._active_qqi01_97{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_qqi01_88 input{border-radius:0;width:100%}._submit_qqi01_109{margin-left:auto}._bold_qqi01_113{font-weight:700}._italic_qqi01_117{font-style:italic}._link_qqi01_121{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_qqi01_127,._paragraph_qqi01_128{margin:var(--scale-8) 0}._list_qqi01_127{list-style-type:disc!important}._list_qqi01_127 li{list-style:inherit;margin-left:var(--scale-16);margin-bottom:var(--scale-8)}@media (width <= 370px){._editor_qqi01_8 button{padding-inline:var(--scale-12)}}
|
package/dist/assets/index47.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._input_151j9_3{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);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);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));width:100%}._input_151j9_3::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._input_151j9_3::placeholder{color:var(--colors-semantic-content-tertiary)}._input_151j9_3:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._input_151j9_3[data-icon=true]{background-image:var(--icon-svg);background-position:var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-unit);padding-left:var(--scale-32)}._input_151j9_3[type=date],._input_151j9_3[type=datetime-local]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}._input_151j9_3[type=datetime-local]{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);padding:var(--utils-tokens-unit)}._input_151j9_3[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);box-shadow:none;padding:0;height:calc(var(--utils-tokens-unit) * 1.25);width:calc(var(--utils-tokens-unit) * 1.25)}._input_151j9_3[type=radio]:checked{border-color:var(--colors-purple-500);border-width:var(--scale-4)}._input_151j9_3._touched_151j9_43:invalid{border-color:var(--colors-semantic-status-error-border)
|
|
1
|
+
._input_151j9_3{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);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);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));width:100%}._input_151j9_3::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._input_151j9_3::placeholder{color:var(--colors-semantic-content-tertiary)}._input_151j9_3:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._input_151j9_3[data-icon=true]{background-image:var(--icon-svg);background-position:var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-unit);padding-left:var(--scale-32)}._input_151j9_3[type=date],._input_151j9_3[type=datetime-local]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}._input_151j9_3[type=datetime-local]{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);padding:var(--utils-tokens-unit)}._input_151j9_3[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);box-shadow:none;padding:0;height:calc(var(--utils-tokens-unit) * 1.25);width:calc(var(--utils-tokens-unit) * 1.25)}._input_151j9_3[type=radio]:checked{border-color:var(--colors-purple-500);border-width:var(--scale-4)}._input_151j9_3._touched_151j9_43:invalid{border-color:var(--colors-semantic-status-error-border)}._label_151j9_48{position:relative}._label_151j9_48 span{display:block;margin-bottom:var(--shape-spacing-2xs)}._inline_151j9_57{align-items:center;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--shape-spacing-sm);min-height:calc(var(--scale-32) + var(--scale-8));transition:border-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._inline_151j9_57:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline_151j9_57>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}._inline_151j9_57 ._input_151j9_3{border:0;border-radius:0;box-shadow:none;outline:0;flex:1 1 auto;min-width:0;padding:var(--shape-spacing-xs) 0}._inline_151j9_57 ._input_151j9_3:disabled{background-color:transparent;color:var(--colors-semantic-content-tertiary)}._label_151j9_48:has(input[type=radio]){align-items:center;display:flex;flex-direction:row-reverse;gap:var(--utils-tokens-unit);justify-content:start}._label_151j9_48:has(input[type=radio]) span{margin-bottom:0}._code_151j9_86{margin-right:var(--scale-8)!important;width:calc(5 * var(--utils-tokens-unit))!important}._code_151j9_86+input[type=tel]{width:calc(100% - (5 * var(--utils-tokens-unit) + var(--scale-8)))}
|
package/dist/assets/index51.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._select_1n2ax_3{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);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);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--colors-semantic-bg-surface);background-image:var(--icon-svg);background-position:right var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-icon-medium);padding-right:var(--scale-32);text-overflow:ellipsis}._select_1n2ax_3::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._select_1n2ax_3::placeholder{color:var(--colors-semantic-content-tertiary)}._select_1n2ax_3:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._select_1n2ax_3:has(option[value=""]:checked){color:var(--colors-semantic-content-tertiary)}._select_1n2ax_3 option{padding-right:var(--scale-32)}._select_1n2ax_3._touched_1n2ax_23:invalid{border-color:var(--colors-semantic-status-error-border)
|
|
1
|
+
._select_1n2ax_3{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);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);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--colors-semantic-bg-surface);background-image:var(--icon-svg);background-position:right var(--scale-8) center;background-repeat:no-repeat;background-size:var(--utils-tokens-icon-medium);padding-right:var(--scale-32);text-overflow:ellipsis}._select_1n2ax_3::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._select_1n2ax_3::placeholder{color:var(--colors-semantic-content-tertiary)}._select_1n2ax_3:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._select_1n2ax_3:has(option[value=""]:checked){color:var(--colors-semantic-content-tertiary)}._select_1n2ax_3 option{padding-right:var(--scale-32)}._select_1n2ax_3._touched_1n2ax_23:invalid{border-color:var(--colors-semantic-status-error-border)}._label_1n2ax_28{display:block}
|
package/dist/assets/index6.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._label_ah8yz_3{width:100%}._label_ah8yz_3 span{display:block}._textarea_ah8yz_11{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);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);color:var(--colors-semantic-content-primary);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);field-sizing:content;font-size:var(--typography-font-sizes-body-md);height:auto;min-height:calc((var(--min-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));max-height:calc((var(--max-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));overflow-y:auto;resize:none;transition:height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%;word-break:break-word}._textarea_ah8yz_11::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._textarea_ah8yz_11::placeholder{color:var(--colors-semantic-content-tertiary)}._textarea_ah8yz_11:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._textarea_ah8yz_11._touched_ah8yz_30:invalid{border-color:var(--colors-semantic-status-error-border)
|
|
1
|
+
._label_ah8yz_3{width:100%}._label_ah8yz_3 span{display:block}._textarea_ah8yz_11{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);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);color:var(--colors-semantic-content-primary);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);field-sizing:content;font-size:var(--typography-font-sizes-body-md);height:auto;min-height:calc((var(--min-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));max-height:calc((var(--max-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));overflow-y:auto;resize:none;transition:height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%;word-break:break-word}._textarea_ah8yz_11::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._textarea_ah8yz_11::placeholder{color:var(--colors-semantic-content-tertiary)}._textarea_ah8yz_11:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._textarea_ah8yz_11._touched_ah8yz_30:invalid{border-color:var(--colors-semantic-status-error-border)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const e=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),r=require("../icon/index.cjs"),p=require("../button/index.cjs"),d=require("../link/index.cjs"),_="_chip_upnyk_3",k="_clickable_upnyk_23",u="_divider_upnyk_44",x="_link_upnyk_52",i={chip:_,clickable:k,delete:"_delete_upnyk_40",divider:u,link:x},m=({accessibleLabel:t,label:c,link:o,onDelete:a,...l})=>e.jsx(e.Fragment,{children:o?e.jsxs("span",{className:i.chip,...l,children:[e.jsx(d.Link,{className:s.t(i.link,i.clickable),onClick:n=>n.stopPropagation(),to:o,children:c}),e.jsx("span",{"aria-hidden":"true",className:i.divider}),e.jsx(p.Button,{"aria-label":t??`Delete ${c}`,className:s.t(i.delete,i.clickable),icon:"x",onClick:n=>{n.stopPropagation(),a()},variant:"simple"})]}):e.jsxs("a",{"aria-label":t??`Delete ${c}`,className:s.t(i.chip,i.clickable),onClick:n=>{n.stopPropagation(),a()},tabIndex:0,children:[c,e.jsx(r.Icon,{name:"x",size:"small"})]})});exports.Chip=m;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n accessibleLabel?: string;\n label: string;\n link?: string;\n onDelete: () => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, link, onDelete, ...props }: ChipProps) => {\n return (\n <span\n
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n accessibleLabel?: string;\n label: string;\n link?: string;\n onDelete: () => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, link, onDelete, ...props }: ChipProps) => {\n return (\n <>\n {link ? (\n <span\n className={styles.chip}\n {...props}\n >\n <Link\n className={cx(styles.link, styles.clickable)}\n onClick={(event) => event.stopPropagation()}\n to={link}\n >\n {label}\n </Link>\n <span\n aria-hidden='true'\n className={styles.divider}\n />\n <Button\n aria-label={accessibleLabel ?? `Delete ${label}`}\n className={cx(styles.delete, styles.clickable)}\n icon='x'\n onClick={(event) => {\n event.stopPropagation();\n onDelete();\n }}\n variant='simple'\n />\n </span>\n ) : (\n <a\n aria-label={accessibleLabel ?? `Delete ${label}`}\n className={cx(styles.chip, styles.clickable)}\n onClick={(event) => {\n event.stopPropagation();\n onDelete();\n }}\n tabIndex={0}\n >\n {label}\n <Icon\n name='x'\n size='small'\n />\n </a>\n )}\n </>\n );\n};\n"],"names":["Chip","accessibleLabel","label","link","onDelete","props","jsx","Fragment","jsxs","styles","chip","Link","cx","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":"iZAgBaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,MAAAA,EAAOC,KAAAA,EAAMC,SAAAA,EAAU,GAAGC,CAAiB,IAE/EC,EAAAA,IAAAC,EAAAA,SAAA,CACGJ,WACCK,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAOC,KAClB,GAAIL,EAEJ,SAAA,CAAAC,MAACK,EAAAA,KAAA,CACC,UAAWC,EAAAA,EAAGH,EAAON,KAAMM,EAAOI,SAAS,EAC3C,WAAoBC,EAAMC,gBAAAA,EAC1B,GAAIZ,EAEHD,SAAAA,EACH,QACC,OAAA,CACC,cAAY,OACZ,UAAWO,EAAOO,QAAQ,QAE3BC,EAAAA,OAAA,CACC,aAAYhB,GAAmB,UAAUC,CAAK,GAC9C,UAAWU,EAAAA,EAAGH,EAAOS,OAAQT,EAAOI,SAAS,EAC7C,KAAK,IACL,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,QAAQ,QAAA,CAAQ,CAAA,EAEpB,EAEAI,EAAAA,KAAC,IAAA,CACC,aAAYP,GAAmB,UAAUC,CAAK,GAC9C,UAAWU,EAAAA,EAAGH,EAAOC,KAAMD,EAAOI,SAAS,EAC3C,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,SAAU,EAETF,SAAAA,CAAAA,EACDI,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,OAAA,CAAO,CAAA,CAAA,CAEhB,CAAA,CAEJ"}
|
|
@@ -1,26 +1,33 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
s
|
|
18
|
-
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
|
|
1
|
+
import { jsx as c, Fragment as p, jsxs as r } from "react/jsx-runtime";
|
|
2
|
+
import { t as a } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { Icon as m } from "../icon/index.js";
|
|
4
|
+
import { Button as d } from "../button/index.js";
|
|
5
|
+
import { Link as k } from "../link/index.js";
|
|
6
|
+
import '../../assets/index34.css';const _ = "_chip_upnyk_3", h = "_clickable_upnyk_23", u = "_divider_upnyk_44", x = "_link_upnyk_52", i = {
|
|
7
|
+
chip: _,
|
|
8
|
+
clickable: h,
|
|
9
|
+
delete: "_delete_upnyk_40",
|
|
10
|
+
divider: u,
|
|
11
|
+
link: x
|
|
12
|
+
}, g = ({
|
|
13
|
+
accessibleLabel: o,
|
|
14
|
+
label: n,
|
|
15
|
+
link: t,
|
|
16
|
+
onDelete: l,
|
|
17
|
+
...s
|
|
18
|
+
}) => /* @__PURE__ */ c(p, { children: t ? /* @__PURE__ */ r("span", { className: i.chip, ...s, children: [
|
|
19
|
+
/* @__PURE__ */ c(k, { className: a(i.link, i.clickable), onClick: (e) => e.stopPropagation(), to: t, children: n }),
|
|
20
|
+
/* @__PURE__ */ c("span", { "aria-hidden": "true", className: i.divider }),
|
|
21
|
+
/* @__PURE__ */ c(d, { "aria-label": o ?? `Delete ${n}`, className: a(i.delete, i.clickable), icon: "x", onClick: (e) => {
|
|
22
|
+
e.stopPropagation(), l();
|
|
21
23
|
}, variant: "simple" })
|
|
22
|
-
] })
|
|
24
|
+
] }) : /* @__PURE__ */ r("a", { "aria-label": o ?? `Delete ${n}`, className: a(i.chip, i.clickable), onClick: (e) => {
|
|
25
|
+
e.stopPropagation(), l();
|
|
26
|
+
}, tabIndex: 0, children: [
|
|
27
|
+
n,
|
|
28
|
+
/* @__PURE__ */ c(m, { name: "x", size: "small" })
|
|
29
|
+
] }) });
|
|
23
30
|
export {
|
|
24
|
-
|
|
31
|
+
g as Chip
|
|
25
32
|
};
|
|
26
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n accessibleLabel?: string;\n label: string;\n link?: string;\n onDelete: () => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, link, onDelete, ...props }: ChipProps) => {\n return (\n <span\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n accessibleLabel?: string;\n label: string;\n link?: string;\n onDelete: () => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, link, onDelete, ...props }: ChipProps) => {\n return (\n <>\n {link ? (\n <span\n className={styles.chip}\n {...props}\n >\n <Link\n className={cx(styles.link, styles.clickable)}\n onClick={(event) => event.stopPropagation()}\n to={link}\n >\n {label}\n </Link>\n <span\n aria-hidden='true'\n className={styles.divider}\n />\n <Button\n aria-label={accessibleLabel ?? `Delete ${label}`}\n className={cx(styles.delete, styles.clickable)}\n icon='x'\n onClick={(event) => {\n event.stopPropagation();\n onDelete();\n }}\n variant='simple'\n />\n </span>\n ) : (\n <a\n aria-label={accessibleLabel ?? `Delete ${label}`}\n className={cx(styles.chip, styles.clickable)}\n onClick={(event) => {\n event.stopPropagation();\n onDelete();\n }}\n tabIndex={0}\n >\n {label}\n <Icon\n name='x'\n size='small'\n />\n </a>\n )}\n </>\n );\n};\n"],"names":["Chip","accessibleLabel","label","link","onDelete","props","jsx","Fragment","jsxs","styles","chip","Link","cx","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":";;;;;;;;;;;GAgBaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,UAAAA;AAAAA,EAAU,GAAGC;AAAiB,MAE/E,gBAAAC,EAAAC,GAAA,EACGJ,cACC,gBAAAK,EAAC,QAAA,EACC,WAAWC,EAAOC,MAClB,GAAIL,GAEJ,UAAA;AAAA,EAAA,gBAAAC,EAACK,GAAA,EACC,WAAWC,EAAGH,EAAON,MAAMM,EAAOI,SAAS,GAC3C,SAAUC,OAAUA,EAAMC,gBAAAA,GAC1B,IAAIZ,GAEHD,UAAAA,GACH;AAAA,oBACC,QAAA,EACC,eAAY,QACZ,WAAWO,EAAOO,SAAQ;AAAA,oBAE3BC,GAAA,EACC,cAAYhB,KAAmB,UAAUC,CAAK,IAC9C,WAAWU,EAAGH,EAAOS,QAAQT,EAAOI,SAAS,GAC7C,MAAK,KACL,SAAUC,CAAAA,MAAU;AAClBA,IAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AAAAA,EACF,GACA,SAAQ,SAAA,CAAQ;AAAA,GAEpB,IAEA,gBAAAI,EAAC,KAAA,EACC,cAAYP,KAAmB,UAAUC,CAAK,IAC9C,WAAWU,EAAGH,EAAOC,MAAMD,EAAOI,SAAS,GAC3C,SAAUC,CAAAA,MAAU;AAClBA,EAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AACF,GACA,UAAU,GAETF,UAAAA;AAAAA,EAAAA;AAAAA,EACD,gBAAAI,EAACa,GAAA,EACC,MAAK,KACL,MAAK,QAAA,CAAO;AAAA,EAAA,CAEhB,EAAA,CAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),u="_header_1urra_1",c="_capitalize_1urra_79",i="_jumbo_1urra_91",e={header:u,capitalize:c,jumbo:i},n={default:e.default,jumbo:e.jumbo},d=({capitalize:a=!1,children:t,variant:r="default"})=>s.jsx("header",{className:o.t(e.header,n[r],a&&e.capitalize),"data-component":"header",children:t});exports.Header=d;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { t as
|
|
3
|
-
import '../../assets/index20.css';const
|
|
4
|
-
header:
|
|
5
|
-
capitalize:
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { t as s } from "../../classix-DG18itHa.js";
|
|
3
|
+
import '../../assets/index20.css';const c = "_header_1urra_1", u = "_capitalize_1urra_79", d = "_jumbo_1urra_91", a = {
|
|
4
|
+
header: c,
|
|
5
|
+
capitalize: u,
|
|
6
6
|
jumbo: d
|
|
7
7
|
}, i = {
|
|
8
|
-
default:
|
|
9
|
-
jumbo:
|
|
10
|
-
},
|
|
11
|
-
capitalize:
|
|
8
|
+
default: a.default,
|
|
9
|
+
jumbo: a.jumbo
|
|
10
|
+
}, n = ({
|
|
11
|
+
capitalize: e = !1,
|
|
12
12
|
children: t,
|
|
13
|
-
variant:
|
|
14
|
-
}) => /* @__PURE__ */
|
|
13
|
+
variant: r = "default"
|
|
14
|
+
}) => /* @__PURE__ */ o("header", { className: s(a.header, i[r], e && a.capitalize), "data-component": "header", children: t });
|
|
15
15
|
export {
|
|
16
|
-
|
|
16
|
+
n as Header
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const e=require("react/jsx-runtime"),v=require("../../classix-5H4IWnMA.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const e=require("react/jsx-runtime"),v=require("../../classix-5H4IWnMA.cjs"),x=require("../avatar/index.cjs"),j=require("../icon/index.cjs"),h="_message_fif28_1",w="_timestamp_fif28_95",S="_attachments_fif28_100",b="_preview_fif28_119",t={"message-group":"_message-group_fif28_1",message:h,timestamp:w,attachments:S,preview:b},q=({appearance:o="default",attachments:n,author:a,authorColor:r,authorImageUrl:l,authorRole:d,content:g,iconName:_="info",id:p,preview:f,timestamp:m,timestampText:u,type:s="default"})=>{const i=m?new Date(m):void 0,c=i?e.jsx("time",{className:t.timestamp,dateTime:i.toISOString(),children:u??i.toLocaleString()}):null;return e.jsxs("div",{className:t["message-group"],"data-message-type":s,"data-component":"message",children:[a&&e.jsx(x.Avatar,{accessibleLabel:a,color:r,imageUrl:l,name:a,role:d}),s==="system"&&c,e.jsxs("div",{className:v.t(t.message,f&&t.preview),"data-appearance":o,"data-id":p,"data-type":s,children:[s=="system"&&e.jsx(j.Icon,{fill:!0,gap:"right",name:_}),g]}),n&&e.jsx("div",{className:t.attachments,children:n}),s!=="system"&&c]})};exports.Message=q;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport { Avatar, type AvatarColor } from '../avatar';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n appearance?: 'default' | 'document' | 'file';\n attachments?: React.ReactNode;\n author?: string;\n authorColor?: AvatarColor;\n authorImageUrl?: string;\n authorRole?: string;\n content: React.ReactNode;\n iconName?: IconName;\n id: string;\n preview?: boolean;\n timestamp?: Date | string;\n timestampText?: React.ReactNode;\n type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({\n appearance = 'default',\n attachments,\n author,\n authorColor,\n authorImageUrl,\n authorRole,\n content,\n iconName = 'info',\n id,\n preview,\n timestamp,\n timestampText,\n type = 'default',\n}: MessageOptions) => {\n const date = timestamp ? new Date(timestamp) : undefined;\n const timestampElement = date ? (\n <time\n className={styles.timestamp}\n dateTime={date.toISOString()}\n >\n {timestampText ?? date.toLocaleString()}\n </time>\n ) : null;\n\n return (\n <div\n className={styles['message-group']}\n data-message-type={type}\n >\n {author && (\n <Avatar\n accessibleLabel={author}\n color={authorColor}\n imageUrl={authorImageUrl}\n name={author}\n role={authorRole}\n />\n )}\n {type === 'system' && timestampElement}\n <div\n className={cx(styles.message, preview && styles.preview)}\n data-appearance={appearance}\n data-id={id}\n data-type={type}\n >\n {type == 'system' && (\n <Icon\n fill\n gap='right'\n name={iconName}\n />\n )}\n {content}\n </div>\n {attachments && <div className={styles.attachments}>{attachments}</div>}\n {type !== 'system' && timestampElement}\n </div>\n );\n};\n"],"names":["Message","appearance","attachments","author","authorColor","authorImageUrl","authorRole","content","iconName","id","preview","timestamp","timestampText","type","date","Date","undefined","timestampElement","jsx","styles","toISOString","toLocaleString","jsxs","Avatar","cx","message","Icon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport { Avatar, type AvatarColor } from '../avatar';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n appearance?: 'default' | 'document' | 'file';\n attachments?: React.ReactNode;\n author?: string;\n authorColor?: AvatarColor;\n authorImageUrl?: string;\n authorRole?: string;\n content: React.ReactNode;\n iconName?: IconName;\n id: string;\n preview?: boolean;\n timestamp?: Date | string;\n timestampText?: React.ReactNode;\n type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({\n appearance = 'default',\n attachments,\n author,\n authorColor,\n authorImageUrl,\n authorRole,\n content,\n iconName = 'info',\n id,\n preview,\n timestamp,\n timestampText,\n type = 'default',\n}: MessageOptions) => {\n const date = timestamp ? new Date(timestamp) : undefined;\n const timestampElement = date ? (\n <time\n className={styles.timestamp}\n dateTime={date.toISOString()}\n >\n {timestampText ?? date.toLocaleString()}\n </time>\n ) : null;\n\n return (\n <div\n className={styles['message-group']}\n data-message-type={type}\n >\n {author && (\n <Avatar\n accessibleLabel={author}\n color={authorColor}\n imageUrl={authorImageUrl}\n name={author}\n role={authorRole}\n />\n )}\n {type === 'system' && timestampElement}\n <div\n className={cx(styles.message, preview && styles.preview)}\n data-appearance={appearance}\n data-id={id}\n data-type={type}\n >\n {type == 'system' && (\n <Icon\n fill\n gap='right'\n name={iconName}\n />\n )}\n {content}\n </div>\n {attachments && <div className={styles.attachments}>{attachments}</div>}\n {type !== 'system' && timestampElement}\n </div>\n );\n};\n"],"names":["Message","appearance","attachments","author","authorColor","authorImageUrl","authorRole","content","iconName","id","preview","timestamp","timestampText","type","date","Date","undefined","timestampElement","jsx","styles","toISOString","toLocaleString","jsxs","Avatar","cx","message","Icon"],"mappings":"uZAwBaA,EAAUA,CAAC,CACtBC,WAAAA,EAAa,UACbC,YAAAA,EACAC,OAAAA,EACAC,YAAAA,EACAC,eAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,SAAAA,EAAW,OACXC,GAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,cAAAA,EACAC,KAAAA,EAAO,SACO,IAAM,CACpB,MAAMC,EAAOH,EAAY,IAAII,KAAKJ,CAAS,EAAIK,OACzCC,EAAmBH,EACvBI,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAOR,UAClB,SAAUG,EAAKM,cAEdR,SAAAA,GAAiBE,EAAKO,eAAAA,EACzB,EACE,KAEJ,OACEC,OAAC,OACC,UAAWH,EAAO,eAAe,EACjC,oBAAmBN,EAAK,iBAAA,UAEvBV,SAAAA,CAAAA,GACCe,EAAAA,IAACK,EAAAA,OAAA,CACC,gBAAiBpB,EACjB,MAAOC,EACP,SAAUC,EACV,KAAMF,EACN,KAAMG,CAAAA,CAAW,EAGpBO,IAAS,UAAYI,EACtBK,EAAAA,KAAC,MAAA,CACC,UAAWE,EAAAA,EAAGL,EAAOM,QAASf,GAAWS,EAAOT,OAAO,EACvD,kBAAiBT,EACjB,UAASQ,EACT,YAAWI,EAEVA,SAAAA,CAAAA,GAAQ,gBACNa,EAAAA,KAAA,CACC,KAAI,GACJ,IAAI,QACJ,KAAMlB,CAAAA,CAAS,EAGlBD,CAAAA,EACH,EACCL,GAAegB,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAOjB,YAAcA,SAAAA,EAAY,EAChEW,IAAS,UAAYI,CAAAA,EACxB,CAEJ"}
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { t as
|
|
3
|
-
import { Avatar as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import '../../assets/index15.css';const
|
|
6
|
-
"message-group": "_message-
|
|
7
|
-
message:
|
|
1
|
+
import { jsx as a, jsxs as n } 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/index15.css';const x = "_message_fif28_1", S = "_timestamp_fif28_95", b = "_attachments_fif28_100", j = "_preview_fif28_119", s = {
|
|
6
|
+
"message-group": "_message-group_fif28_1",
|
|
7
|
+
message: x,
|
|
8
8
|
timestamp: S,
|
|
9
9
|
attachments: b,
|
|
10
10
|
preview: j
|
|
11
11
|
}, D = ({
|
|
12
12
|
appearance: c = "default",
|
|
13
|
-
attachments:
|
|
14
|
-
author:
|
|
13
|
+
attachments: i,
|
|
14
|
+
author: t,
|
|
15
15
|
authorColor: l,
|
|
16
16
|
authorImageUrl: d,
|
|
17
|
-
authorRole:
|
|
18
|
-
content:
|
|
19
|
-
iconName:
|
|
20
|
-
id:
|
|
21
|
-
preview:
|
|
22
|
-
timestamp:
|
|
23
|
-
timestampText:
|
|
17
|
+
authorRole: f,
|
|
18
|
+
content: g,
|
|
19
|
+
iconName: p = "info",
|
|
20
|
+
id: _,
|
|
21
|
+
preview: v,
|
|
22
|
+
timestamp: o,
|
|
23
|
+
timestampText: h,
|
|
24
24
|
type: e = "default"
|
|
25
25
|
}) => {
|
|
26
|
-
const m =
|
|
27
|
-
return /* @__PURE__ */ n("div", { className:
|
|
28
|
-
|
|
29
|
-
e === "system" &&
|
|
30
|
-
/* @__PURE__ */ n("div", { className:
|
|
31
|
-
e == "system" && /* @__PURE__ */
|
|
32
|
-
|
|
26
|
+
const m = o ? new Date(o) : void 0, r = m ? /* @__PURE__ */ a("time", { className: s.timestamp, dateTime: m.toISOString(), children: h ?? m.toLocaleString() }) : null;
|
|
27
|
+
return /* @__PURE__ */ n("div", { className: s["message-group"], "data-message-type": e, "data-component": "message", children: [
|
|
28
|
+
t && /* @__PURE__ */ a(w, { accessibleLabel: t, color: l, imageUrl: d, name: t, role: f }),
|
|
29
|
+
e === "system" && r,
|
|
30
|
+
/* @__PURE__ */ n("div", { className: u(s.message, v && s.preview), "data-appearance": c, "data-id": _, "data-type": e, children: [
|
|
31
|
+
e == "system" && /* @__PURE__ */ a(N, { fill: !0, gap: "right", name: p }),
|
|
32
|
+
g
|
|
33
33
|
] }),
|
|
34
|
-
|
|
35
|
-
e !== "system" &&
|
|
34
|
+
i && /* @__PURE__ */ a("div", { className: s.attachments, children: i }),
|
|
35
|
+
e !== "system" && r
|
|
36
36
|
] });
|
|
37
37
|
};
|
|
38
38
|
export {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const i=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),f=require("react"),p=require("../../icons-ovA21Oao.cjs"),v="_nav_afcql_3",q="_label_afcql_9",h="_horizontal_afcql_17",m="_sidebar_afcql_27",N="_tabs_afcql_73",g="_pills_afcql_93",a={nav:v,label:q,horizontal:h,sidebar:m,tabs:N,pills:g},w={default:a.default,pills:a.pills,sidebar:a.sidebar,tabs:a.tabs},x=({className:e,...n})=>i.jsx("span",{className:r.t(e,a.label),...n,"data-component":"navlabel"}),j=({animation:e,children:n,className:c,horizontal:l=!1,variant:s="default",...d})=>{const[b,o]=f.useState(!1),u={"--icon-svg":p.iconSVG("chevron")};return i.jsx("nav",{className:r.t(c,l&&a.horizontal,a.nav,w[s]),"data-animation":e,"data-open":b?"true":"false","data-orientation":l?"horizontal":"vertical",onBlurCapture:t=>{if(s!=="pills"||window.innerWidth>960)return;const _=t.relatedTarget;t.currentTarget.contains(_)||o(!1)},onClick:()=>{s!=="pills"||window.innerWidth>960||o(t=>!t)},style:u,...d,"data-component":"nav",children:n})};exports.Nav=j;exports.NavLabel=x;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { t as r } from "../../classix-DG18itHa.js";
|
|
3
|
-
import { useState as
|
|
4
|
-
import { i as
|
|
5
|
-
import '../../assets/index12.css';const
|
|
6
|
-
nav:
|
|
7
|
-
label:
|
|
8
|
-
horizontal:
|
|
9
|
-
sidebar:
|
|
10
|
-
tabs:
|
|
11
|
-
pills:
|
|
12
|
-
},
|
|
3
|
+
import { useState as b } from "react";
|
|
4
|
+
import { i as m } from "../../icons-Bq3diTRm.js";
|
|
5
|
+
import '../../assets/index12.css';const u = "_nav_afcql_3", v = "_label_afcql_9", h = "_horizontal_afcql_17", q = "_sidebar_afcql_27", w = "_tabs_afcql_73", z = "_pills_afcql_93", a = {
|
|
6
|
+
nav: u,
|
|
7
|
+
label: v,
|
|
8
|
+
horizontal: h,
|
|
9
|
+
sidebar: q,
|
|
10
|
+
tabs: w,
|
|
11
|
+
pills: z
|
|
12
|
+
}, N = {
|
|
13
13
|
default: a.default,
|
|
14
14
|
pills: a.pills,
|
|
15
15
|
sidebar: a.sidebar,
|
|
16
16
|
tabs: a.tabs
|
|
17
|
-
},
|
|
17
|
+
}, S = ({
|
|
18
18
|
className: n,
|
|
19
|
-
...
|
|
20
|
-
}) => /* @__PURE__ */
|
|
19
|
+
...l
|
|
20
|
+
}) => /* @__PURE__ */ i("span", { className: r(n, a.label), ...l, "data-component": "navlabel" }), T = ({
|
|
21
21
|
animation: n,
|
|
22
|
-
children:
|
|
22
|
+
children: l,
|
|
23
23
|
className: c,
|
|
24
24
|
horizontal: o = !1,
|
|
25
25
|
variant: s = "default",
|
|
26
|
-
...
|
|
26
|
+
...f
|
|
27
27
|
}) => {
|
|
28
|
-
const [
|
|
29
|
-
"--icon-svg":
|
|
28
|
+
const [p, e] = b(!1), d = {
|
|
29
|
+
"--icon-svg": m("chevron")
|
|
30
30
|
};
|
|
31
|
-
return /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */ i("nav", { className: r(c, o && a.horizontal, a.nav, N[s]), "data-animation": n, "data-open": p ? "true" : "false", "data-orientation": o ? "horizontal" : "vertical", onBlurCapture: (t) => {
|
|
32
32
|
if (s !== "pills" || window.innerWidth > 960) return;
|
|
33
|
-
const
|
|
34
|
-
t.currentTarget.contains(
|
|
33
|
+
const _ = t.relatedTarget;
|
|
34
|
+
t.currentTarget.contains(_) || e(!1);
|
|
35
35
|
}, onClick: () => {
|
|
36
|
-
s !== "pills" || window.innerWidth > 960 ||
|
|
37
|
-
}, style:
|
|
36
|
+
s !== "pills" || window.innerWidth > 960 || e((t) => !t);
|
|
37
|
+
}, style: d, ...f, "data-component": "nav", children: l });
|
|
38
38
|
};
|
|
39
39
|
export {
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
T as Nav,
|
|
41
|
+
S as NavLabel
|
|
42
42
|
};
|
|
43
43
|
//# sourceMappingURL=index.js.map
|
package/dist/tokens.json
CHANGED