@solibo/solibo-ui 1.0.6 → 1.0.9
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/index15.css +1 -1
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index31.css +1 -1
- package/dist/assets/index32.css +1 -1
- package/dist/assets/index36.css +1 -1
- package/dist/assets/index38.css +1 -1
- package/dist/assets/index39.css +1 -1
- package/dist/assets/index46.css +1 -1
- package/dist/assets/index51.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/components/button/index.cjs +1 -1
- package/dist/components/button/index.cjs.map +1 -1
- package/dist/components/button/index.js +25 -22
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/card/index.cjs +1 -1
- package/dist/components/card/index.js +45 -45
- package/dist/components/checkbox/index.cjs +1 -1
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/controls/index.cjs +1 -1
- package/dist/components/controls/index.cjs.map +1 -1
- package/dist/components/controls/index.js +15 -14
- package/dist/components/controls/index.js.map +1 -1
- package/dist/components/dialog/index.cjs +1 -1
- package/dist/components/dialog/index.cjs.map +1 -1
- package/dist/components/dialog/index.js +58 -24
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/dropdown/index.cjs +1 -1
- package/dist/components/dropdown/index.js +70 -70
- package/dist/components/editor/index.cjs +1 -1
- package/dist/components/editor/index.js +1 -1
- package/dist/components/icon/index.cjs +1 -1
- package/dist/components/icon/index.js +22 -22
- package/dist/components/iframe/index.cjs +1 -1
- package/dist/components/iframe/index.cjs.map +1 -1
- package/dist/components/iframe/index.js +62 -67
- package/dist/components/iframe/index.js.map +1 -1
- package/dist/components/input/index.cjs +1 -1
- package/dist/components/input/index.js +2 -2
- package/dist/components/message/index.cjs +1 -1
- package/dist/components/message/index.cjs.map +1 -1
- package/dist/components/message/index.js +34 -33
- package/dist/components/message/index.js.map +1 -1
- package/dist/components/nav/index.cjs +1 -1
- package/dist/components/nav/index.js +1 -1
- package/dist/components/popover/index.cjs +1 -1
- package/dist/components/popover/index.cjs.map +1 -1
- package/dist/components/popover/index.js +10 -10
- package/dist/components/popover/index.js.map +1 -1
- package/dist/components/search/index.cjs +1 -1
- package/dist/components/search/index.cjs.map +1 -1
- package/dist/components/search/index.js +41 -47
- package/dist/components/search/index.js.map +1 -1
- package/dist/components/select/index.cjs +1 -1
- package/dist/components/select/index.js +2 -2
- package/dist/components/sortable/index.cjs +1 -1
- package/dist/components/sortable/index.cjs.map +1 -1
- package/dist/components/sortable/index.js +141 -134
- package/dist/components/sortable/index.js.map +1 -1
- package/dist/{icons-Dhj9mAkR.js → icons-BFgf_lJN.js} +10 -1
- package/dist/icons-BFgf_lJN.js.map +1 -0
- package/dist/icons-Dx0NQYLH.cjs +2 -0
- package/dist/icons-Dx0NQYLH.cjs.map +1 -0
- package/dist/{index-D4LZQ-JF.js → index-BHgGZxsR.js} +2 -2
- package/dist/{index-D4LZQ-JF.js.map → index-BHgGZxsR.js.map} +1 -1
- package/dist/{index-Ct0mJ-KK.cjs → index-BPIK2dxs.cjs} +2 -2
- package/dist/{index-Ct0mJ-KK.cjs.map → index-BPIK2dxs.cjs.map} +1 -1
- package/dist/{index-D9Hq7ewF.cjs → index-CEzqxRIu.cjs} +2 -2
- package/dist/{index-D9Hq7ewF.cjs.map → index-CEzqxRIu.cjs.map} +1 -1
- package/dist/{index-uQRsVtP-.js → index-C_YiNpZP.js} +9 -9
- package/dist/{index-uQRsVtP-.js.map → index-C_YiNpZP.js.map} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +27 -3
- package/dist/index.js +38 -37
- package/dist/tokens.css +3 -1
- package/dist/tokens.json +46 -19
- package/package.json +1 -1
- package/dist/icons-BoBeAmLe.cjs +0 -2
- package/dist/icons-BoBeAmLe.cjs.map +0 -1
- package/dist/icons-Dhj9mAkR.js.map +0 -1
package/dist/assets/index15.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._message-
|
|
1
|
+
._message-group_8sz6c_1{align-items:flex-start;display:flex;flex-direction:column}._message-group_8sz6c_1[data-message-type=system]{align-items:center}._message-group_8sz6c_1[data-message-type=user]{align-items:flex-end}._message-group_8sz6c_1>div:first-child,._message-group_8sz6c_1>time{margin-left:var(--scale-16)}._message-group_8sz6c_1>time{color:var(--colors-semantic-content-tertiary);margin-right:var(--scale-16)}._message_8sz6c_1{border:solid var(--shape-border-width-default) var(--colors-semantic-border-default);margin:var(--scale-4) 0;padding:0 var(--utils-tokens-unit);white-space:pre-wrap;word-break:break-word}._message_8sz6c_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_8sz6c_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_8sz6c_1:is([data-type=minimal],[data-type=system]){border:none}._message_8sz6c_1[data-type=minimal]{margin:var(--scale-8) 0 0 0;padding:0}._message_8sz6c_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_8sz6c_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_8sz6c_1[data-type=system] [data-component=icon]{height:var(--utils-tokens-icon-tiny);width:var(--utils-tokens-icon-tiny)}._message_8sz6c_1[data-appearance=file]{--message-edge-gap: var(--scale-16);background-color:transparent;border:0;padding:0}._message_8sz6c_1[data-appearance=document]{max-width:min(90%,var(--shape-width-max-lg));width:100%}._timestamp_8sz6c_87{color:var(--colors-semantic-content-secondary);font-size:var(--typography-font-sizes-caption)}._attachments_8sz6c_92{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_8sz6c_1[data-message-type=default]>._attachments_8sz6c_92{margin-left:var(--scale-16)}._message-group_8sz6c_1[data-message-type=user]>._attachments_8sz6c_92{align-items:flex-end;margin-right:var(--scale-16)}._preview_8sz6c_111{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
|
package/dist/assets/index19.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_29z62_1{display:grid;min-width:0}._toolbar_29z62_6{display:flex;justify-content:flex-end;margin-bottom:var(--scale-4)}._iframe_29z62_12{border:0;display:block;width:100%}._fullscreen-iframe_29z62_18{height:100%;min-height:0}
|
package/dist/assets/index31.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_15qef_1{align-items:center;background-color:var(--colors-semantic-bg-page);border-radius:var(--shape-border-radius-radius-md);border:none;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-secondary);cursor:pointer;display:inline-flex;font-family:var(--utils-tokens-font-family);font-size:var(--typography-font-sizes-body-md);font-weight:var(--font-font-weight-semibold);padding:calc(var(--utils-tokens-unit) - var(--scale-2));transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._button_15qef_1 [data-component=badge]{margin-left:var(--shape-spacing-xs)}._button_15qef_1:disabled{cursor:not-allowed;opacity:var(--utils-tokens-opacity-minimal)}._simple_15qef_29{background-color:transparent;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}._danger_15qef_38{background-color:var(--colors-semantic-interactive-destructive-bg);color:var(--colors-semantic-bg-surface)}._danger_15qef_38:not([disabled]):hover{background-color:var(--colors-semantic-interactive-destructive-hover)}._tertiary_15qef_47{background-color:transparent;border-radius:var(--shape-border-radius-radius-md);border:none;box-shadow:none}._primary_15qef_54{background-color:var(--colors-semantic-primary-primary);color:var(--colors-semantic-bg-surface)}._primary_15qef_54:not([disabled]):hover{background-color:var(--colors-semantic-primary-primary-active)!important}._secondary_15qef_63{background-color:var(--colors-semantic-interactive-secondary-bg)}._secondary_15qef_63:not([disabled]):hover{background-color:var(--colors-semantic-interactive-secondary-hover)}@media (width <= 768px){[data-component=button]{justify-content:center}}
|
package/dist/assets/index32.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._card_1nm90_1{background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-lg);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);max-width:calc(100vw - calc(var(--shape-spacing-md) * 2));min-width:0;overflow:hidden!important;padding:var(--shape-spacing-md);position:relative;text-overflow:ellipsis;transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),box-shadow var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),width var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._card_1nm90_1 section{display:block;flex:1 1 auto;min-width:0;width:100%}._card_1nm90_1 ._head_1nm90_28{align-items:center;display:flex;gap:var(--shape-spacing-xs);max-width:100%}._card_1nm90_1 ._head_1nm90_28 header{flex:1 1 auto;margin:0;min-width:0}._card_1nm90_1 ._head_1nm90_28._center_1nm90_40{align-items:center}._card_1nm90_1 ._head_1nm90_28 :is(h1,h2,h3,h4,h5,h6):first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1nm90_1 ._content_1nm90_52>:last-child{margin-bottom:0}._card_1nm90_1 ._preview_1nm90_58{align-items:center;color:var(--colors-semantic-content-secondary);display:grid;grid-template-columns:-webkit-max-content minmax(0,1fr) -webkit-max-content;grid-template-columns:max-content minmax(0,1fr) max-content;max-width:100%;min-width:0;white-space:nowrap;width:100%}._card_1nm90_1 ._preview-leading_1nm90_69,._card_1nm90_1 ._preview-trailing_1nm90_70{align-items:center;display:inline-flex;flex-wrap:nowrap;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}._card_1nm90_1 ._preview-leading_1nm90_69:not(:empty){margin-right:var(--shape-spacing-xs)}._card_1nm90_1 ._preview-trailing_1nm90_70:not(:empty){margin-left:var(--shape-spacing-xs)}._card_1nm90_1 ._preview-trailing_1nm90_70 time{font-size:var(--typography-font-sizes-caption)}._card_1nm90_1 ._preview-content_1nm90_90{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1nm90_1 ._margin_1nm90_98{margin-top:var(--shape-spacing-md)}._card_1nm90_1:has(select),._card_1nm90_1:has([data-component=popover]){overflow:visible!important}._card_1nm90_1 [data-component=croppable]{width:100%}._card_1nm90_1 [data-component=list]{min-width:0}._card_1nm90_1 [data-component=list] li{max-width:100%;min-width:0}._card_1nm90_1 [data-component=list] li>a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._card_1nm90_1 [data-component=list] li>[data-component=file]{width:100%}._card_1nm90_1:has([data-component=messages]){padding-block:0}._card_1nm90_1 [data-component=messages]{border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default);margin:0 calc(var(--shape-spacing-md) * -1) calc(var(--shape-spacing-md) * -1)}._clickable_1nm90_143{cursor:pointer}._clickable_1nm90_143:hover{background-color:var(--colors-semantic-interactive-hover-subtle);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)}._clickable_1nm90_143:focus-visible{outline:var(--scale-2) solid var(--colors-semantic-border-focus)}._muted_1nm90_158 ._head_1nm90_28 :is(header,h1,h2,h3,h4,h5,h6){font-weight:var(--font-font-weight-regular)}._muted_1nm90_158:not(._selected_1nm90_163){background-color:transparent}._image-top_1nm90_168{margin-bottom:var(--shape-spacing-md);width:100%}._image-top_1nm90_168 img{width:100%;height:calc(12.5 * var(--utils-tokens-unit));-o-object-fit:cover;object-fit:cover}._image-left_1nm90_179{max-height:calc(8.75 * var(--utils-tokens-unit));max-width:calc(8.75 * var(--utils-tokens-unit));min-height:var(--scale-56);min-width:var(--scale-56)}._image-left_1nm90_179 img{aspect-ratio:1 / 1}._selected_1nm90_163{background-color:var(--colors-semantic-interactive-selected);outline:var(--scale-2) solid var(--colors-semantic-primary-primary-subtle-border)}._selected_1nm90_163:hover{background-color:var(--colors-semantic-interactive-selected)}
|
package/dist/assets/index36.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes
|
|
1
|
+
@keyframes _reveal_1p251_1{0%{opacity:0;transform:translateY(100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}._controls_1p251_13{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-md)}._default_1p251_20{margin-top:var(--shape-spacing-md);justify-content:flex-end;width:100%}@media (width <= 768px){._default_1p251_20{flex-direction:column}._default_1p251_20 [data-component=button]{width:100%}}._inline_1p251_35{justify-content:flex-end;margin-left:auto}._fixed_1p251_40{animation:_reveal_1p251_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function) var(--utils-tokens-transition-delay) both;background-color:var(--colors-semantic-bg-surface);border-left:var(--shape-border-width-lg, 4px) solid var(--colors-semantic-border-focus);border-radius:var(--shape-border-radius-radius-lg);bottom:var(--shape-spacing-2xl);box-shadow:var(--shape-box-shadow-md-position-x) var(--shape-box-shadow-md-position-y) var(--shape-box-shadow-md-blur) var(--shape-box-shadow-md-spread) var(--colors-box-shadow-heavy, #0000002f);gap:0;justify-content:center;margin-left:240px;margin-right:-240px;left:50%;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;will-change:opacity,transform;z-index:4}._fixed_1p251_40 [data-component=button]{background-color:transparent;border:none;box-shadow:none;color:var(--colors-semantic-content-secondary)}._fixed_1p251_40 [data-component=button]:hover{background-color:var(--colors-semantic-interactive-hover-subtle)}._fixed_1p251_40>span{align-items:center;border-right:1px solid var(--colors-semantic-border-default);display:inline-flex;padding:var(--shape-spacing-2xs) var(--shape-spacing-md);padding-left:0}._fixed_1p251_40>span [data-component=link]{margin-right:var(--shape-spacing-xs)}
|
package/dist/assets/index38.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dialog_vezdd_3{max-width:var(--shape-width-max-lg);background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-md);border:none;box-sizing:border-box;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);max-height:80vh;max-height:80dvh;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg);width:100%}._dialog_vezdd_3::backdrop{background:var(--colors-box-shadow);-webkit-backdrop-filter:blur(var(--shape-box-shadow-xs-blur));backdrop-filter:blur(var(--shape-box-shadow-xs-blur))}._dialog_vezdd_3 ._close_vezdd_24{position:absolute;right:0;top:0;z-index:1}._structured_vezdd_32{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0}._structured_vezdd_32 ._header_vezdd_38{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_vezdd_32 ._header_vezdd_38>header{margin-block:0}._structured_vezdd_32 ._content_vezdd_49{min-height:0;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_vezdd_32 ._controls_vezdd_55{border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default);padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_vezdd_32 ._controls_vezdd_55>:first-child{margin-top:0}._structured_vezdd_32 ._close_vezdd_24{grid-column:2;justify-self:end;position:static}._dialog_vezdd_3:not([open]){display:none}._dialog_vezdd_3._fullscreen_vezdd_75{border-radius:0;height:100vh;height:100dvh;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;padding:0;width:100vw;width:100dvw}._dialog_vezdd_3._fullscreen_vezdd_75._structured_vezdd_32{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}._dialog_vezdd_3._fullscreen_vezdd_75._structured_vezdd_32 ._content_vezdd_49{box-sizing:border-box;height:100%;min-height:0;min-width:0;width:100%}@media (width <= 768px){._dialog_vezdd_3{border-radius:var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md) 0 0;margin:auto 0 0;max-width:none}._structured_vezdd_32 ._controls_vezdd_55{padding-top:0}}
|
package/dist/assets/index39.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._combobox_18jwy_3{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-2xs);min-height:calc(var(--scale-32) + var(--scale-8));padding:var(--shape-spacing-2xs) 0}._combobox-input_18jwy_12{background-color:transparent;border:0;box-shadow:none;color:var(--colors-semantic-content-primary);flex:1 1 calc(10 * var(--utils-tokens-unit));font:inherit;min-width:calc(10 * var(--utils-tokens-unit));padding:var(--utils-tokens-unit)}._combobox-input_18jwy_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_18jwy_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_18jwy_27{position:relative}._dropdown_18jwy_27 ._empty_18jwy_30,._dropdown_18jwy_27 ._group_18jwy_31,._dropdown_18jwy_27 ._placeholder_18jwy_32{color:var(--colors-semantic-content-secondary)}._dropdown_18jwy_27 ._empty_18jwy_30{padding:var(--scale-4) var(--scale-8)}._dropdown_18jwy_27 ._filter_18jwy_40{font-size:var(--typography-font-sizes-label-sm);margin:var(--scale-8);margin-bottom:var(--utils-tokens-unit);margin-top:var(--scale-4);width:calc(100% - var(--utils-tokens-unit))}._dropdown_18jwy_27 ._group_18jwy_31{flex-shrink:0}._dropdown_18jwy_27 ._native_18jwy_52{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_18jwy_27 ._option_18jwy_62{align-items:center;background-color:transparent;border:0;border-radius:var(--shape-border-radius-radius-md);color:inherit;display:flex;font-weight:var(--font-font-weight-regular);gap:var(--scale-8);justify-content:space-between;overflow:hidden;padding:var(--scale-4);text-align:left;white-space:nowrap;width:100%}._dropdown_18jwy_27 ._option_18jwy_62:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_18jwy_27 ._options_18jwy_84{margin:0;max-height:calc(var(--scale-32) * 8);overflow-y:auto;padding-right:var(--scale-4);scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}._dropdown_18jwy_27 ._options_18jwy_84::-webkit-scrollbar{width:var(--scale-8)}._dropdown_18jwy_27 ._options_18jwy_84::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--colors-semantic-bg-surface);border:var(--scale-2) solid transparent;border-radius:var(--shape-border-radius-radius-md)}._dropdown_18jwy_27 ._options_18jwy_84::-webkit-scrollbar-track{background:transparent}._dropdown_18jwy_27 ._panel_18jwy_108{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-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:grid;left:0;max-height:80vh;min-width:100%;overflow:hidden;padding:var(--scale-8) var(--scale-4);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:min(95vw,var(--shape-width-max));z-index:var(--utils-tokens-z-max)}._dropdown_18jwy_27 ._placeholder_18jwy_32{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_18jwy_27 ._selected_18jwy_132{font-weight:var(--font-font-weight-semibold)}._dropdown_18jwy_27 ._text_18jwy_136{flex:1 1 auto;font-size:var(--typography-font-sizes-label-sm);line-height:var(--typography-font-sizes-label-lg);min-width:0;overflow:hidden;white-space:pre-wrap}._dropdown_18jwy_27 ._trigger_18jwy_145{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);align-items:center;background-color:var(--colors-semantic-bg-surface);display:flex;font-weight:var(--font-font-weight-regular);min-height:calc(var(--scale-32) + var(--scale-8));overflow:hidden;padding-right:var(--scale-32);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));position:relative;text-align:left;width:100%}._dropdown_18jwy_27 ._trigger_18jwy_145::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_18jwy_27 ._trigger_18jwy_145::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_18jwy_27 ._trigger_18jwy_145:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_18jwy_27 ._trigger_18jwy_145:after{background-image:var(--icon-svg);background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:var(--utils-tokens-icon-medium);position:absolute;right:var(--scale-8);top:50%;transform:translateY(-50%);transition:transform var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:var(--utils-tokens-icon-medium)}._dropdown_18jwy_27 ._trigger_18jwy_145[data-open=true]:after{transform:translateY(-50%) rotate(180deg)}._dropdown_18jwy_27._minimal_18jwy_181{--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-background: rgb(0 0 0 / 85%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_18jwy_27._minimal_18jwy_181 ._empty_18jwy_30,._dropdown_18jwy_27._minimal_18jwy_181 ._group_18jwy_31{color:var(--dropdown-muted)}._dropdown_18jwy_27._minimal_18jwy_181 ._filter_18jwy_40{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_18jwy_27._minimal_18jwy_181 ._option_18jwy_62{color:var(--colors-semantic-bg-surface)}._dropdown_18jwy_27._minimal_18jwy_181 ._option_18jwy_62:disabled{color:#ffffff73}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--scale-12) * -1)}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_18jwy_27._minimal_18jwy_181 ._panel_18jwy_108 input::placeholder{color:var(--dropdown-muted)}._dropdown_18jwy_27._minimal_18jwy_181 ._placeholder_18jwy_32{color:var(--dropdown-placeholder)}._dropdown_18jwy_27._minimal_18jwy_181 ._trigger_18jwy_145{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-bottom:var(--utils-tokens-unit);padding:0 var(--shape-spacing-xs)}._dropdown_18jwy_27._inline_18jwy_236{flex:1 1 auto;min-width:0}._dropdown_18jwy_27._inline_18jwy_236 ._combobox_18jwy_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_18jwy_27._inline_18jwy_236 ._combobox-input_18jwy_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_18jwy_27._inline_18jwy_236 ._text_18jwy_136{font-size:var(--typography-font-sizes-body-md)}._dropdown_18jwy_27._inline_18jwy_236 ._trigger_18jwy_145{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding-bottom:var(--shape-spacing-xs);padding-left:0;padding-top:var(--shape-spacing-xs)}._label_18jwy_268{display:grid;gap:var(--scale-8);width:100%}._inline-field_18jwy_274{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-field_18jwy_274:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_18jwy_274>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}
|
package/dist/assets/index46.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._icon_ihnm9_1{background-color:currentcolor;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;vertical-align:middle}._small_ihnm9_10{height:var(--utils-tokens-icon-small);width:var(--utils-tokens-icon-small)}._medium_ihnm9_15{height:var(--utils-tokens-icon-medium);width:var(--utils-tokens-icon-medium)}._large_ihnm9_20{height:var(--utils-tokens-icon-large);width:var(--utils-tokens-icon-large)}._danger_ihnm9_25{background-color:var(--colors-semantic-interactive-destructive-bg)}._gap-right_ihnm9_29{margin-right:var(--scale-8)}._gap-left_ihnm9_33{margin-left:var(--scale-8)}
|
package/dist/assets/index51.css
CHANGED
|
@@ -1 +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);outline:solid var(--scale-1) var(--colors-semantic-status-error-border)}._label_1n2ax_28{display:block}
|
package/dist/assets/index8.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._sortable_iw0r0_1{margin-block:var(--scale-8)!important}._sortable_iw0r0_1>li{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;margin-bottom:0;padding-block:var(--scale-8);position:relative}._sortable_iw0r0_1>li._dragging_iw0r0_13{cursor:grabbing;margin-block:var(--scale-8);opacity:var(--utils-tokens-opacity-minimal);padding:0}._sortable_iw0r0_1>li._dragging_iw0r0_13 :focus{outline:none}._sortable_iw0r0_1>li._dragging_iw0r0_13 :focus [data-component=card],._sortable_iw0r0_1>li._dragging_iw0r0_13 :focus [data-component=card]:after{cursor:grabbing}._sortable_iw0r0_1>li._dragging_iw0r0_13:first-of-type._dragging_iw0r0_13{margin-top:var(--utils-tokens-unit)}._sortable_iw0r0_1>li._dragging_iw0r0_13:last-of-type._dragging_iw0r0_13{padding-bottom:var(--scale-8)}._sortable_iw0r0_1._columns_iw0r0_38{-moz-column-gap:0;column-gap:0;margin-right:var(--utils-tokens-negative-unit)}._sortable_iw0r0_1._columns_iw0r0_38 li{padding-right:var(--utils-tokens-unit)}._sortable_iw0r0_1 ._pseudo_iw0r0_47:before,._sortable_iw0r0_1 ._pseudo_iw0r0_47:after{background:var(--colors-semantic-primary-primary-subtle);border-radius:var(--shape-border-radius-radius-lg);border:0 dotted var(--colors-semantic-primary-primary-subtle-border);content:"";display:block;height:0;margin-block:0;opacity:0;pointer-events:none;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._sortable_iw0r0_1 ._target-above_iw0r0_62:before,._sortable_iw0r0_1 ._target-below_iw0r0_63:after{border-width:var(--scale-1);border-radius:var(--sortable-placeholder-radius);box-sizing:border-box;height:var(--sortable-placeholder-height);opacity:1;width:var(--sortable-placeholder-width)}._sortable_iw0r0_1 ._target-above_iw0r0_62:before{margin-bottom:var(--utils-tokens-unit)}._sortable_iw0r0_1 ._target-below_iw0r0_63:after{margin-top:var(--utils-tokens-unit)}
|
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._search_14b9n_3{display:flex;flex-direction:column;gap:var(--shape-spacing-xs);margin-bottom:var(--shape-spacing-lg);width:100%}._search_14b9n_3 [data-component=input]{max-width:var(--shape-width-max)}._controls_14b9n_15{align-items:stretch;display:flex;gap:var(--shape-spacing-xs)}._controls_14b9n_15 label{flex:1}._controls_14b9n_15 button{white-space:nowrap}._chips_14b9n_29{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-xs)}._filter-groups_14b9n_36{display:flex;flex-direction:column;gap:var(--shape-spacing-lg);min-width:min(24rem,75vw)}._filter-group_14b9n_36{border:0;display:flex;flex-direction:column;gap:var(--shape-spacing-sm);margin:0;padding:0}._filter-group_14b9n_36 legend{font-size:var(--typography-font-sizes-label-lg);font-weight:var(--font-font-weight-semibold);margin-bottom:var(--shape-spacing-sm);padding:0}@media (width < 480px){._controls_14b9n_15{align-items:stretch;flex-direction:column}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const e=require("react/jsx-runtime"),y=require("../../classix-5H4IWnMA.cjs"),l=require("../badge/index.cjs"),m=require("../icon/index.cjs"),p="_button_15qef_1",g="_simple_15qef_29",b="_danger_15qef_38",f="_tertiary_15qef_47",q="_primary_15qef_54",x="_secondary_15qef_63",t={button:p,simple:g,danger:b,tertiary:f,primary:q,secondary:x},h={danger:t.danger,primary:t.primary,secondary:t.secondary,simple:t.simple,tertiary:t.tertiary};function j({badge:s,children:n,className:o,disabled:a=!1,icon:r,iconSize:i="small",onClick:c,ref:_,variant:d="secondary",...u}){return e.jsxs("button",{className:y.t(t.button,h[d],o),disabled:a,onClick:c,ref:_,type:"button",...u,"data-component":"button",children:[r&&e.jsx(m.Icon,{fill:!0,gap:n?"right":void 0,name:r,size:i}),n,e.jsx(l.Badge,{variant:"highlight",children:s})]})}exports.Button=j;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n primary: styles.primary,\n secondary: styles.secondary,\n tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n badge?: BadgeProps['children'];\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport function Button({\n badge,\n children,\n className,\n disabled = false,\n icon,\n onClick,\n ref,\n variant = 'secondary',\n ...props\n}: ButtonProps) {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n fill\n gap={children ? 'right' : undefined}\n name={icon}\n size=
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconProps } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n primary: styles.primary,\n secondary: styles.secondary,\n simple: styles.simple,\n tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n badge?: BadgeProps['children'];\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n iconSize?: IconProps['size'];\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport function Button({\n badge,\n children,\n className,\n disabled = false,\n icon,\n iconSize = 'small',\n onClick,\n ref,\n variant = 'secondary',\n ...props\n}: ButtonProps) {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n fill\n gap={children ? 'right' : undefined}\n name={icon}\n size={iconSize}\n />\n )}\n {children}\n <Badge variant='highlight'>{badge}</Badge>\n </button>\n );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":"+ZAOMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,UAAWF,EAAOE,UAClBC,OAAQH,EAAOG,OACfC,SAAUJ,EAAOI,QACnB,EAaO,SAASC,EAAO,CACrBC,MAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,SAAAA,EAAW,QACXC,QAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,YACV,GAAGC,CACQ,EAAG,CACd,cACG,SAAA,CACC,UAAWC,EAAAA,EAAGhB,EAAOiB,OAAQnB,EAASgB,CAAO,EAAGN,CAAS,EACzD,SAAAC,EACA,QAAAG,EACA,IAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETL,SAAAA,CAAAA,GACCQ,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAI,GACJ,IAAKZ,EAAW,QAAUa,OAC1B,KAAMV,EACN,KAAMC,CAAAA,CAAS,EAGlBJ,EACDW,EAAAA,IAACG,EAAAA,MAAA,CAAM,QAAQ,YAAaf,SAAAA,CAAAA,CAAM,CAAA,EACpC,CAEJ"}
|
|
@@ -1,37 +1,40 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { t as
|
|
3
|
-
import { Badge as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import '../../assets/index31.css';const
|
|
6
|
-
button:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { jsxs as _, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { t as d } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { Badge as l } from "../badge/index.js";
|
|
4
|
+
import { Icon as f } from "../icon/index.js";
|
|
5
|
+
import '../../assets/index31.css';const u = "_button_15qef_1", g = "_simple_15qef_29", b = "_danger_15qef_38", q = "_tertiary_15qef_47", h = "_primary_15qef_54", v = "_secondary_15qef_63", t = {
|
|
6
|
+
button: u,
|
|
7
|
+
simple: g,
|
|
8
|
+
danger: b,
|
|
9
|
+
tertiary: q,
|
|
10
|
+
primary: h,
|
|
11
|
+
secondary: v
|
|
12
|
+
}, x = {
|
|
12
13
|
danger: t.danger,
|
|
13
14
|
primary: t.primary,
|
|
14
15
|
secondary: t.secondary,
|
|
16
|
+
simple: t.simple,
|
|
15
17
|
tertiary: t.tertiary
|
|
16
18
|
};
|
|
17
|
-
function
|
|
18
|
-
badge:
|
|
19
|
+
function N({
|
|
20
|
+
badge: o,
|
|
19
21
|
children: r,
|
|
20
|
-
className:
|
|
22
|
+
className: a,
|
|
21
23
|
disabled: s = !1,
|
|
22
|
-
icon:
|
|
23
|
-
|
|
24
|
+
icon: e,
|
|
25
|
+
iconSize: i = "small",
|
|
26
|
+
onClick: m,
|
|
24
27
|
ref: c,
|
|
25
|
-
variant:
|
|
26
|
-
...
|
|
28
|
+
variant: p = "secondary",
|
|
29
|
+
...y
|
|
27
30
|
}) {
|
|
28
|
-
return /* @__PURE__ */
|
|
29
|
-
|
|
31
|
+
return /* @__PURE__ */ _("button", { className: d(t.button, x[p], a), disabled: s, onClick: m, ref: c, type: "button", ...y, "data-component": "button", children: [
|
|
32
|
+
e && /* @__PURE__ */ n(f, { fill: !0, gap: r ? "right" : void 0, name: e, size: i }),
|
|
30
33
|
r,
|
|
31
|
-
/* @__PURE__ */ n(
|
|
34
|
+
/* @__PURE__ */ n(l, { variant: "highlight", children: o })
|
|
32
35
|
] });
|
|
33
36
|
}
|
|
34
37
|
export {
|
|
35
|
-
|
|
38
|
+
N as Button
|
|
36
39
|
};
|
|
37
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n primary: styles.primary,\n secondary: styles.secondary,\n tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n badge?: BadgeProps['children'];\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport function Button({\n badge,\n children,\n className,\n disabled = false,\n icon,\n onClick,\n ref,\n variant = 'secondary',\n ...props\n}: ButtonProps) {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n fill\n gap={children ? 'right' : undefined}\n name={icon}\n size=
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport { Icon, type IconProps } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n primary: styles.primary,\n secondary: styles.secondary,\n simple: styles.simple,\n tertiary: styles.tertiary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n badge?: BadgeProps['children'];\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n iconSize?: IconProps['size'];\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport function Button({\n badge,\n children,\n className,\n disabled = false,\n icon,\n iconSize = 'small',\n onClick,\n ref,\n variant = 'secondary',\n ...props\n}: ButtonProps) {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n fill\n gap={children ? 'right' : undefined}\n name={icon}\n size={iconSize}\n />\n )}\n {children}\n <Badge variant='highlight'>{badge}</Badge>\n </button>\n );\n}\n"],"names":["variants","danger","styles","primary","secondary","simple","tertiary","Button","badge","children","className","disabled","icon","iconSize","onClick","ref","variant","props","cx","button","jsx","Icon","undefined","Badge"],"mappings":";;;;;;;;;;;GAOMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,WAAWF,EAAOE;AAAAA,EAClBC,QAAQH,EAAOG;AAAAA,EACfC,UAAUJ,EAAOI;AACnB;AAaO,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,2BACG,UAAA,EACC,WAAWC,EAAGhB,EAAOiB,QAAQnB,EAASgB,CAAO,GAAGN,CAAS,GACzD,UAAAC,GACA,SAAAG,GACA,KAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETL,UAAAA;AAAAA,IAAAA,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAI,IACJ,KAAKZ,IAAW,UAAUa,QAC1B,MAAMV,GACN,MAAMC,EAAAA,CAAS;AAAA,IAGlBJ;AAAAA,IACD,gBAAAW,EAACG,GAAA,EAAM,SAAQ,aAAaf,UAAAA,EAAAA,CAAM;AAAA,EAAA,GACpC;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const n=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const n=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),j=require("../badge/index.cjs"),f=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),v=require("../icon/index.cjs"),w="_card_1nm90_1",h="_head_1nm90_28",N="_center_1nm90_40",q="_content_1nm90_52",y="_preview_1nm90_58",b="_margin_1nm90_98",T="_clickable_1nm90_143",k="_muted_1nm90_158",D="_selected_1nm90_163",e={card:w,head:h,center:N,content:q,preview:y,"preview-leading":"_preview-leading_1nm90_69","preview-trailing":"_preview-trailing_1nm90_70","preview-content":"_preview-content_1nm90_90",margin:b,clickable:T,muted:k,selected:D,"image-top":"_image-top_1nm90_168","image-left":"_image-left_1nm90_179"},E=({actions:x,badge:_,checkbox:c,children:o,emphasis:u="default",header:d,icon:p,image:s,imagePosition:r="top",onClick:a,preview:m,variant:i="default"})=>n.jsxs("article",{className:l.t(e.card,u==="muted"&&e.muted,a&&e.clickable,(c==null?void 0:c.checked)&&e.selected),"data-emphasis":u,"data-minimal":i==="minimal",onClick:a,onKeyDown:t=>{a&&t.currentTarget===document.activeElement&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click())},tabIndex:a?0:-1,"data-component":"card",children:[s&&i!=="minimal"&&r==="top"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),n.jsxs("section",{children:[n.jsxs("div",{className:l.t(e.head,i==="minimal"&&e.center),children:[c&&n.jsx("span",{onClick:t=>t.stopPropagation(),children:n.jsx(f.Checkbox,{...c})}),s&&i!=="minimal"&&r==="left"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),d,_&&n.jsx(j.Badge,{..._}),p&&n.jsx(v.Icon,{name:p,size:"medium"}),x]}),o&&i!=="minimal"&&n.jsx("div",{className:l.t(e.content,!!d&&e.margin),children:o}),m&&i!=="minimal"&&n.jsxs("div",{className:l.t(e.preview,!!d&&e.margin),children:[n.jsx("span",{className:e["preview-leading"],children:m.leading}),n.jsx("span",{className:e["preview-content"],children:m.children}),n.jsx("span",{className:e["preview-trailing"],children:m.trailing})]})]})]});exports.Card=E;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import { jsxs as d, jsx as
|
|
1
|
+
import { jsxs as d, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { t as s } from "../../classix-DG18itHa.js";
|
|
3
|
-
import { Badge as
|
|
4
|
-
import { Checkbox as
|
|
5
|
-
import { Figure as
|
|
6
|
-
import { Icon as
|
|
7
|
-
import '../../assets/index32.css';const
|
|
8
|
-
card:
|
|
9
|
-
head:
|
|
10
|
-
center:
|
|
11
|
-
content:
|
|
12
|
-
preview:
|
|
13
|
-
"preview-leading": "_preview-
|
|
14
|
-
"preview-trailing": "_preview-
|
|
15
|
-
"preview-content": "_preview-
|
|
16
|
-
margin:
|
|
17
|
-
clickable:
|
|
18
|
-
muted:
|
|
19
|
-
selected:
|
|
20
|
-
"image-top": "_image-
|
|
21
|
-
"image-left": "_image-
|
|
3
|
+
import { Badge as v } from "../badge/index.js";
|
|
4
|
+
import { Checkbox as N } from "../checkbox/index.js";
|
|
5
|
+
import { Figure as f } from "../figure/index.js";
|
|
6
|
+
import { Icon as h } from "../icon/index.js";
|
|
7
|
+
import '../../assets/index32.css';const y = "_card_1nm90_1", j = "_head_1nm90_28", D = "_center_1nm90_40", E = "_content_1nm90_52", I = "_preview_1nm90_58", T = "_margin_1nm90_98", $ = "_clickable_1nm90_143", k = "_muted_1nm90_158", z = "_selected_1nm90_163", e = {
|
|
8
|
+
card: y,
|
|
9
|
+
head: j,
|
|
10
|
+
center: D,
|
|
11
|
+
content: E,
|
|
12
|
+
preview: I,
|
|
13
|
+
"preview-leading": "_preview-leading_1nm90_69",
|
|
14
|
+
"preview-trailing": "_preview-trailing_1nm90_70",
|
|
15
|
+
"preview-content": "_preview-content_1nm90_90",
|
|
16
|
+
margin: T,
|
|
17
|
+
clickable: $,
|
|
18
|
+
muted: k,
|
|
19
|
+
selected: z,
|
|
20
|
+
"image-top": "_image-top_1nm90_168",
|
|
21
|
+
"image-left": "_image-left_1nm90_179"
|
|
22
22
|
}, G = ({
|
|
23
|
-
actions:
|
|
24
|
-
badge:
|
|
25
|
-
checkbox:
|
|
26
|
-
children:
|
|
27
|
-
emphasis:
|
|
23
|
+
actions: w,
|
|
24
|
+
badge: o,
|
|
25
|
+
checkbox: r,
|
|
26
|
+
children: p,
|
|
27
|
+
emphasis: g = "default",
|
|
28
28
|
header: _,
|
|
29
|
-
icon:
|
|
29
|
+
icon: u,
|
|
30
30
|
image: a,
|
|
31
|
-
imagePosition:
|
|
32
|
-
onClick:
|
|
33
|
-
preview:
|
|
34
|
-
variant:
|
|
35
|
-
}) => /* @__PURE__ */ d("article", { className: s(e.card,
|
|
36
|
-
|
|
37
|
-
}, tabIndex:
|
|
38
|
-
a &&
|
|
31
|
+
imagePosition: i = "top",
|
|
32
|
+
onClick: c,
|
|
33
|
+
preview: l,
|
|
34
|
+
variant: m = "default"
|
|
35
|
+
}) => /* @__PURE__ */ d("article", { className: s(e.card, g === "muted" && e.muted, c && e.clickable, (r == null ? void 0 : r.checked) && e.selected), "data-emphasis": g, "data-minimal": m === "minimal", onClick: c, onKeyDown: (t) => {
|
|
36
|
+
c && t.currentTarget === document.activeElement && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click());
|
|
37
|
+
}, tabIndex: c ? 0 : -1, "data-component": "card", children: [
|
|
38
|
+
a && m !== "minimal" && i === "top" && /* @__PURE__ */ n(f, { className: e[`image-${i}`], children: a }),
|
|
39
39
|
/* @__PURE__ */ d("section", { children: [
|
|
40
|
-
/* @__PURE__ */ d("div", { className: s(e.head,
|
|
41
|
-
|
|
42
|
-
a &&
|
|
40
|
+
/* @__PURE__ */ d("div", { className: s(e.head, m === "minimal" && e.center), children: [
|
|
41
|
+
r && /* @__PURE__ */ n("span", { onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ n(N, { ...r }) }),
|
|
42
|
+
a && m !== "minimal" && i === "left" && /* @__PURE__ */ n(f, { className: e[`image-${i}`], children: a }),
|
|
43
43
|
_,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
o && /* @__PURE__ */ n(v, { ...o }),
|
|
45
|
+
u && /* @__PURE__ */ n(h, { name: u, size: "medium" }),
|
|
46
|
+
w
|
|
47
47
|
] }),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
/* @__PURE__ */
|
|
51
|
-
/* @__PURE__ */
|
|
52
|
-
/* @__PURE__ */
|
|
48
|
+
p && m !== "minimal" && /* @__PURE__ */ n("div", { className: s(e.content, !!_ && e.margin), children: p }),
|
|
49
|
+
l && m !== "minimal" && /* @__PURE__ */ d("div", { className: s(e.preview, !!_ && e.margin), children: [
|
|
50
|
+
/* @__PURE__ */ n("span", { className: e["preview-leading"], children: l.leading }),
|
|
51
|
+
/* @__PURE__ */ n("span", { className: e["preview-content"], children: l.children }),
|
|
52
|
+
/* @__PURE__ */ n("span", { className: e["preview-trailing"], children: l.trailing })
|
|
53
53
|
] })
|
|
54
54
|
] })
|
|
55
55
|
] });
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),x=require("../../icons-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),x=require("../../icons-Dx0NQYLH.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1glqu_3",u={checkbox:h},k=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:u.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:16,sticky:!0}),o&&o]})};exports.Checkbox=k;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as h, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { i as x } from "../../icons-
|
|
2
|
+
import { i as x } from "../../icons-BFgf_lJN.js";
|
|
3
3
|
import { Loading as k } from "../loading/index.js";
|
|
4
4
|
import '../../assets/index33.css';const b = "_checkbox_1glqu_3", m = {
|
|
5
5
|
checkbox: b
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const l=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),r=require("react"),_=require("../button/index.cjs"),x="_controls_1p251_13",y="_inline_1p251_35",m="_fixed_1p251_40",e={controls:x,default:"_default_1p251_20",inline:y,fixed:m},k={primary:3,danger:2,secondary:1,tertiary:0,simple:0},g={default:e.default,fixed:e.fixed,inline:e.inline},h=o=>k[o.props.variant??"secondary"],j=({children:o,className:c,variant:d="default",...u})=>{const i=r.Children.toArray(o),a=[],s=[];i.forEach(n=>{r.isValidElement(n)&&n.type===_.Button?a.push(n):s.push(n)});const p=a.map((n,t)=>({button:n,index:t,rank:h(n)})).sort((n,t)=>n.rank-t.rank||n.index-t.index).map(({button:n,index:t})=>r.cloneElement(n,{key:n.key??t}));return i.length===0?null:l.jsxs("div",{className:f.t(e.controls,g[d],c),...u,"data-component":"controls",children:[s&&l.jsx("span",{children:s}),p]})};exports.Controls=j;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":"6UAMMA,EAAqB,CACzBC,QAAS,EACTC,OAAQ,EACRC,UAAW,EACXC,SAAU,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":"6UAMMA,EAAqB,CACzBC,QAAS,EACTC,OAAQ,EACRC,UAAW,EACXC,SAAU,EACVC,OAAQ,CACV,EAEMC,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,OAAQF,EAAOE,MACjB,EAOMC,EAAiBC,GACrBZ,EAAmBY,EAAOC,MAAMC,SAAW,WAAW,EAE3CC,EAAWA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWH,QAAAA,EAAU,UAAW,GAAGD,CAAqB,IAAM,CACjG,MAAMK,EAAaC,EAAAA,SAASC,QAAQJ,CAAQ,EACtCK,EAA6C,CAAA,EAC7CC,EAAgC,CAAA,EAEtCJ,EAAWK,QAASC,GAAU,CACxBC,EAAAA,eAA4BD,CAAK,GAAKA,EAAME,OAASC,EAAAA,OACvDN,EAAQO,KAAKJ,CAAK,EAElBF,EAAWM,KAAKJ,CAAK,CAEzB,CAAC,EAED,MAAMK,EAAgBR,EACnBS,IAAI,CAAClB,EAAQmB,KAAW,CAAEnB,OAAAA,EAAQmB,MAAAA,EAAOC,KAAMrB,EAAcC,CAAM,CAAA,EAAI,EACvEqB,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAElB,OAAAA,EAAQmB,MAAAA,CAAAA,IACdK,EAAAA,aAAaxB,EAAQ,CACnByB,IAAKzB,EAAOyB,KAAON,CAAAA,CACpB,CACH,EAEF,OAAIb,EAAWoB,SAAW,EACjB,KAIPC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGhC,EAAOiC,SAAUnC,EAASQ,CAAO,EAAGG,CAAS,EAC3D,GAAIJ,EAAM,iBAAA,WAETS,SAAAA,CAAAA,GAAcoB,EAAAA,IAAC,QAAMpB,SAAAA,CAAAA,CAAW,EAChCO,CAAAA,EACH,CAEJ"}
|
|
@@ -2,46 +2,47 @@ import { jsxs as p, jsx as f } from "react/jsx-runtime";
|
|
|
2
2
|
import { t as m } from "../../classix-DG18itHa.js";
|
|
3
3
|
import { Children as u, isValidElement as _, cloneElement as x } from "react";
|
|
4
4
|
import { Button as y } from "../button/index.js";
|
|
5
|
-
import '../../assets/index36.css';const k = "
|
|
5
|
+
import '../../assets/index36.css';const k = "_controls_1p251_13", h = "_inline_1p251_35", B = "_fixed_1p251_40", o = {
|
|
6
6
|
controls: k,
|
|
7
|
-
default: "
|
|
7
|
+
default: "_default_1p251_20",
|
|
8
8
|
inline: h,
|
|
9
|
-
fixed:
|
|
10
|
-
},
|
|
9
|
+
fixed: B
|
|
10
|
+
}, g = {
|
|
11
11
|
primary: 3,
|
|
12
12
|
danger: 2,
|
|
13
13
|
secondary: 1,
|
|
14
|
-
tertiary: 0
|
|
15
|
-
|
|
14
|
+
tertiary: 0,
|
|
15
|
+
simple: 0
|
|
16
|
+
}, v = {
|
|
16
17
|
default: o.default,
|
|
17
18
|
fixed: o.fixed,
|
|
18
19
|
inline: o.inline
|
|
19
|
-
},
|
|
20
|
-
children:
|
|
20
|
+
}, E = (e) => g[e.props.variant ?? "secondary"], N = ({
|
|
21
|
+
children: e,
|
|
21
22
|
className: a,
|
|
22
23
|
variant: l = "default",
|
|
23
24
|
...c
|
|
24
25
|
}) => {
|
|
25
|
-
const s = u.toArray(
|
|
26
|
+
const s = u.toArray(e), i = [], r = [];
|
|
26
27
|
s.forEach((n) => {
|
|
27
|
-
_(n) && n.type === y ? i.push(n) :
|
|
28
|
+
_(n) && n.type === y ? i.push(n) : r.push(n);
|
|
28
29
|
});
|
|
29
30
|
const d = i.map((n, t) => ({
|
|
30
31
|
button: n,
|
|
31
32
|
index: t,
|
|
32
|
-
rank:
|
|
33
|
+
rank: E(n)
|
|
33
34
|
})).sort((n, t) => n.rank - t.rank || n.index - t.index).map(({
|
|
34
35
|
button: n,
|
|
35
36
|
index: t
|
|
36
37
|
}) => x(n, {
|
|
37
38
|
key: n.key ?? t
|
|
38
39
|
}));
|
|
39
|
-
return s.length === 0 ? null : /* @__PURE__ */ p("div", { className: m(o.controls,
|
|
40
|
-
|
|
40
|
+
return s.length === 0 ? null : /* @__PURE__ */ p("div", { className: m(o.controls, v[l], a), ...c, "data-component": "controls", children: [
|
|
41
|
+
r && /* @__PURE__ */ f("span", { children: r }),
|
|
41
42
|
d
|
|
42
43
|
] });
|
|
43
44
|
};
|
|
44
45
|
export {
|
|
45
|
-
|
|
46
|
+
N as Controls
|
|
46
47
|
};
|
|
47
48
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":";;;;;;;;;GAMMA,IAAqB;AAAA,EACzBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,UAAU;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst buttonVariantOrder = {\n primary: 3,\n danger: 2,\n secondary: 1,\n tertiary: 0,\n simple: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nconst variants = {\n default: styles.default,\n fixed: styles.fixed,\n inline: styles.inline,\n};\n\nexport type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {\n children?: React.ReactNode;\n variant?: keyof typeof variants;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n buttonVariantOrder[button.props.variant ?? 'secondary'];\n\nexport const Controls = ({ children, className, variant = 'default', ...props }: ControlsProps) => {\n const childArray = Children.toArray(children);\n const buttons: React.ReactElement<ButtonProps>[] = [];\n const nonButtons: React.ReactNode[] = [];\n\n childArray.forEach((child) => {\n if (isValidElement<ButtonProps>(child) && child.type === Button) {\n buttons.push(child);\n } else {\n nonButtons.push(child);\n }\n });\n\n const sortedButtons = buttons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n if (childArray.length === 0) {\n return null;\n }\n\n return (\n <div\n className={cx(styles.controls, variants[variant], className)}\n {...props}\n >\n {nonButtons && <span>{nonButtons}</span>}\n {sortedButtons}\n </div>\n );\n};\n"],"names":["buttonVariantOrder","primary","danger","secondary","tertiary","simple","variants","default","styles","fixed","inline","getButtonRank","button","props","variant","Controls","children","className","childArray","Children","toArray","buttons","nonButtons","forEach","child","isValidElement","type","Button","push","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","length","jsxs","cx","controls","jsx"],"mappings":";;;;;;;;;GAMMA,IAAqB;AAAA,EACzBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,QAAQ;AACV,GAEMC,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAAAA,EACdC,QAAQF,EAAOE;AACjB,GAOMC,IAAgBA,CAACC,MACrBZ,EAAmBY,EAAOC,MAAMC,WAAW,WAAW,GAE3CC,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWH,SAAAA,IAAU;AAAA,EAAW,GAAGD;AAAqB,MAAM;AACjG,QAAMK,IAAaC,EAASC,QAAQJ,CAAQ,GACtCK,IAA6C,CAAA,GAC7CC,IAAgC,CAAA;AAEtCJ,EAAAA,EAAWK,QAASC,CAAAA,MAAU;AAC5B,IAAIC,EAA4BD,CAAK,KAAKA,EAAME,SAASC,IACvDN,EAAQO,KAAKJ,CAAK,IAElBF,EAAWM,KAAKJ,CAAK;AAAA,EAEzB,CAAC;AAED,QAAMK,IAAgBR,EACnBS,IAAI,CAAClB,GAAQmB,OAAW;AAAA,IAAEnB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,IAAOC,MAAMrB,EAAcC,CAAM;AAAA,EAAA,EAAI,EACvEqB,KAAK,CAACC,GAAGC,MAAMD,EAAEF,OAAOG,EAAEH,QAAQE,EAAEH,QAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC;AAAA,IAAElB,QAAAA;AAAAA,IAAQmB,OAAAA;AAAAA,EAAAA,MACdK,EAAaxB,GAAQ;AAAA,IACnByB,KAAKzB,EAAOyB,OAAON;AAAAA,EAAAA,CACpB,CACH;AAEF,SAAIb,EAAWoB,WAAW,IACjB,OAIP,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAGhC,EAAOiC,UAAUnC,EAASQ,CAAO,GAAGG,CAAS,GAC3D,GAAIJ,GAAM,kBAAA,YAETS,UAAAA;AAAAA,IAAAA,KAAc,gBAAAoB,EAAC,UAAMpB,UAAAA,EAAAA,CAAW;AAAA,IAChCO;AAAAA,EAAAA,GACH;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const t=require("react/jsx-runtime"),k=require("../../classix-5H4IWnMA.cjs"),a=require("react"),j=require("../button/index.cjs"),p=require("../icon/index.cjs"),P="_dialog_vezdd_3",T="_close_vezdd_24",E="_structured_vezdd_32",F="_header_vezdd_38",M="_content_vezdd_49",S="_controls_vezdd_55",X="_fullscreen_vezdd_75",s={dialog:P,close:T,structured:E,header:F,content:M,controls:S,fullscreen:X},v=l=>a.Children.toArray(l).some(c=>a.isValidElement(c)?c.type===j.Button&&c.props.variant==="danger"?!0:v(c.props.children):!1),Y=({children:l,className:c,controls:o,fullscreen:f=!1,header:_,onCancel:d,onClick:i,onClose:u,open:n=!1,setOpen:r,...z})=>{const g=a.useRef(null),m=v(o),h=f||_!=null||o!=null;a.useEffect(()=>{const e=g.current;e&&(n&&!e.open?e.showModal():!n&&e.open&&e.close())},[n]);const B=e=>{d==null||d(e),!(e.defaultPrevented||!r)&&(e.preventDefault(),r(!1))},b=e=>{if(i==null||i(e),m||e.defaultPrevented||e.target!==e.currentTarget||!r)return;const{bottom:y,left:N,right:R,top:D}=e.currentTarget.getBoundingClientRect();(e.clientX<N||e.clientX>R||e.clientY<D||e.clientY>y)&&r(!1)},q=e=>{u==null||u(e),n&&(r==null||r(!1))},x=r&&!m?t.jsx(j.Button,{"aria-label":"Close dialog",className:s.close,onClick:()=>r(!1),variant:"simple",children:t.jsx(p.Icon,{name:"x"})}):null;return t.jsx("dialog",{className:k.t(s.dialog,h&&s.structured,f&&s.fullscreen,c),onCancel:B,onClick:b,onClose:q,ref:g,...z,"data-component":"dialog",children:h?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:s.header,children:[_,x]}),t.jsx("div",{className:s.content,children:l}),o!=null&&t.jsx("div",{className:s.controls,children:o})]}):t.jsxs(t.Fragment,{children:[x,l]})})};exports.Dialog=Y;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|