@xmart/xorder-ui 0.3.0-dev.2 → 0.3.1
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/components/input/components/InputClearButton/InputClearButton.d.ts +1 -1
- package/dist/components/input/input.d.ts +2 -2
- package/dist/components/select-box/select-box.d.ts +1 -1
- package/dist/components/tag/tag.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +3744 -824
- package/dist/vite.config.d.ts +2 -0
- package/dist/xorder-ui.css +1 -1
- package/package.json +3 -3
package/dist/xorder-ui.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer xm-tokens{:root{--xm-color-black:#222;--xm-color-blue-50:#eef8fd;--xm-color-blue-100:#e4f2ff;--xm-color-blue-200:#d8ecff;--xm-color-blue-300:#c7e4ff;--xm-color-blue-400:#a8d3ff;--xm-color-blue-500:#7dbdff;--xm-color-blue-600:#49a3ff;--xm-color-blue-700:#116fff;--xm-color-blue-800:#0050c4;--xm-color-blue-900:#004489;--xm-color-gray-50:#f4f5f6;--xm-color-gray-100:#e9ecef;--xm-color-gray-200:#d7dce2;--xm-color-gray-300:#bcc4cc;--xm-color-gray-400:#98a7b6;--xm-color-gray-500:#7d8d9d;--xm-color-gray-600:#65788a;--xm-color-gray-700:#6b7580;--xm-color-gray-800:#3b454e;--xm-color-gray-900:#2c3339;--xm-color-green-50:#fafff8;--xm-color-green-100:#f3ffee;--xm-color-green-200:#e6ffdc;--xm-color-green-300:#ceffbc;--xm-color-green-400:#b7f2a2;--xm-color-green-500:#8fe86e;--xm-color-green-600:#6acd45;--xm-color-green-700:#2cab23;--xm-color-green-800:#088000;--xm-color-green-900:#0f6408;--xm-color-orange-50:#fff5eb;--xm-color-orange-100:#ffefe1;--xm-color-orange-200:#ffe5ce;--xm-color-orange-300:#f9d4b2;--xm-color-orange-400:#ffc28a;--xm-color-orange-500:#ffaa5c;--xm-color-orange-600:#f38827;--xm-color-orange-700:#f06000;--xm-color-orange-800:#ae4e19;--xm-color-orange-900:#8f3301;--xm-color-purple-50:#fef9ff;--xm-color-purple-100:#fceeff;--xm-color-purple-200:#f7d8ff;--xm-color-purple-300:#f2c1ff;--xm-color-purple-400:#eb9eff;--xm-color-purple-500:#e585fe;--xm-color-purple-600:#d35af2;--xm-color-purple-700:#a807d0;--xm-color-purple-800:#86269e;--xm-color-purple-900:#72078e;--xm-color-red-50:#fff5f4;--xm-color-red-100:#ffefed;--xm-color-red-200:#ffe0de;--xm-color-red-300:#ffcfcc;--xm-color-red-400:#ffbeba;--xm-color-red-500:#ff9892;--xm-color-red-600:#ff685a;--xm-color-red-700:#dc0c00;--xm-color-red-800:#a10900;--xm-color-red-900:#820000;--xm-color-white:#fff;--xm-color-yellow-50:#fffbf0;--xm-color-yellow-100:#fff7dc;--xm-color-yellow-200:#fff0c5;--xm-color-yellow-300:#ffebaf;--xm-color-yellow-400:#ffe491;--xm-color-yellow-500:#ffdc75;--xm-color-yellow-600:#ffcd37;--xm-color-yellow-700:#ffbf00;--xm-color-yellow-800:#cfa219;--xm-color-yellow-900:#977614;--xm-space-0:0;--xm-space-2:.125rem;--xm-space-4:.25rem;--xm-space-6:.375rem;--xm-space-8:.5rem;--xm-space-12:.75rem;--xm-space-16:1rem;--xm-space-20:1.25rem;--xm-space-24:1.5rem;--xm-space-32:2rem;--xm-space-40:2.5rem;--xm-space-48:3rem;--xm-space-56:3.5rem;--xm-space-64:4rem;--xm-space-80:5rem;--xm-space-128:8rem;--xm-color-background-danger:var(--xm-color-red-100);--xm-color-background-default:var(--xm-color-gray-50);--xm-color-background-disabled:var(--xm-color-gray-100);--xm-color-background-emphasis:var(--xm-color-gray-100);--xm-color-background-info:var(--xm-color-blue-100);--xm-color-background-primary-default:var(--xm-color-orange-700);--xm-color-background-primary-muted:var(--xm-color-orange-50);--xm-color-background-success:var(--xm-color-green-100);--xm-color-background-supplier:var(--xm-color-blue-50);--xm-color-background-warning:var(--xm-color-yellow-100);--xm-color-background-white:var(--xm-color-white);--xm-color-border-danger:var(--xm-color-red-700);--xm-color-border-default:var(--xm-color-gray-300);--xm-color-border-info:var(--xm-color-blue-700);--xm-color-border-muted:var(--xm-color-gray-100);--xm-color-border-primary:var(--xm-color-orange-700);--xm-color-border-subtle:var(--xm-color-gray-200);--xm-color-border-success:var(--xm-color-green-800);--xm-color-border-warning:var(--xm-color-orange-800);--xm-color-foreground-danger:var(--xm-color-red-700);--xm-color-foreground-default:var(--xm-color-black);--xm-color-foreground-disabled:var(--xm-color-gray-700);--xm-color-foreground-info:var(--xm-color-blue-700);--xm-color-foreground-inverse:var(--xm-color-white);--xm-color-foreground-placeholder:var(--xm-color-gray-500);--xm-color-foreground-primary:var(--xm-color-orange-700);--xm-color-foreground-subtle:var(--xm-color-gray-800);--xm-color-foreground-success:var(--xm-color-green-800);--xm-color-foreground-warning:var(--xm-color-orange-800);--xm-color-hover-default:var(--xm-color-gray-50);--xm-color-hover-emphasis:var(--xm-color-gray-200);--xm-color-hover-primary-default:var(--xm-color-orange-800);--xm-color-hover-primary-muted:var(--xm-color-orange-50);--xm-color-hover-primary-subtle:var(--xm-color-orange-300);--xm-font-family-base:"Hiragino Kaku Gothic Pro", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--xm-font-family-mono:"SF Mono", Monaco, Inconsolata, "Roboto Mono", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--xm-font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--xm-font-family-serif:Georgia, "Times New Roman", Times, serif;--xm-font-size-2xl:1.5rem;--xm-font-size-2xs:.625rem;--xm-font-size-3xl:2rem;--xm-font-size-lg:1.125rem;--xm-font-size-md:1rem;--xm-font-size-sm:.875rem;--xm-font-size-xl:1.25rem;--xm-font-size-xs:.75rem;--xm-font-weight-bold:700;--xm-font-weight-regular:400;--xm-line-height-loose:1.75;--xm-line-height-normal:1.5;--xm-line-height-tight:1.3;--xm-radius-full:9999px;--xm-radius-lg:1rem;--xm-radius-md:.5rem;--xm-radius-none:0;--xm-radius-sm:.375rem;--xm-radius-xs:.25rem;--xm-z-index-banner:1200;--xm-z-index-base:0;--xm-z-index-docked:10;--xm-z-index-dropdown:1000;--xm-z-index-modal:1400;--xm-z-index-overlay:1300;--xm-z-index-popover:1500;--xm-z-index-sticky:1100;--xm-z-index-toast:1700;--xm-z-index-tooltip:1800}}@keyframes _1rt5mjx2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1rt5mjx3{--_1rt5mjx0:2rem;--_1rt5mjx1:var(--xm-color-foreground-primary);all:unset;box-sizing:border-box;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0);display:inline-block}._1rt5mjx3:after{content:"";box-sizing:border-box;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0);border-radius:var(--xm-radius-full);border-width:calc(var(--_1rt5mjx0) / 8);border-style:solid;border-color:var(--_1rt5mjx1) var(--_1rt5mjx1) var(--_1rt5mjx1) transparent;animation:1.2s linear infinite _1rt5mjx2;display:block}.prfw664{--prfw660:var(--xm-color-foreground-inverse);--prfw661:var(--xm-color-background-primary-default);--prfw662:var(--xm-color-hover-primary-default);--prfw663:transparent;font-weight:var(--xm-font-weight-bold);font-family:var(--xm-font-family-base);line-height:var(--xm-line-height-normal);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--xm-space-4);border-radius:var(--xm-radius-full);border:1px solid var(--prfw663);min-width:max-content;color:var(--prfw660);background-color:var(--prfw661);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .2s;display:inline-flex;position:relative}.prfw664:focus-visible{outline:2px solid var(--xm-color-border-primary);outline-offset:1px}.prfw664:where([data-bold=normal]){font-weight:var(--xm-font-weight-regular)}.prfw664:where([data-full-width]){width:100%;display:flex}.prfw664:where([data-size=sm]){height:2rem;font-size:var(--xm-font-size-xs);padding-inline:1rem}.prfw664:where([data-size=md]){height:2.5rem;font-size:var(--xm-font-size-sm);padding-inline:1.25rem}.prfw664:where([data-size=lg]){height:3rem;font-size:var(--xm-font-size-md);padding-inline:1.5rem}.prfw664[aria-disabled]{--prfw660:var(--xm-color-foreground-disabled);--prfw661:var(--xm-color-background-disabled);--prfw663:var(--xm-color-border-muted);font-weight:var(--xm-font-weight-regular);cursor:not-allowed}.prfw664:where:not([aria-disabled]):active{transform:translateY(1px)}.prfw665{--prfw660:var(--xm-color-foreground-primary);--prfw661:var(--xm-color-background-white);--prfw663:var(--xm-color-border-primary);--prfw662:var(--xm-color-background-primary-muted);border:1px solid var(--prfw663)}.prfw666{--prfw660:var(--xm-color-foreground-default);--prfw661:var(--xm-color-background-white);--prfw663:var(--xm-color-border-subtle);--prfw662:var(--xm-color-hover-default);border:1px solid var(--prfw663)}.prfw667{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.prfw668{align-items:center;display:flex}.prfw668[data-section=left]{margin-left:-.25rem}.prfw668[data-section=right]{margin-right:-.25rem}.prfw668[aria-hidden]{visibility:hidden}@media (any-hover:hover){.prfw664:not([aria-disabled]):hover{background-color:var(--prfw662)}.prfw664:not([aria-disabled]):active{transform:translateY(1px)}}.igar8u0{--igar8u1:var(--xm-color-foreground-subtle);--igar8u2:transparent;--igar8u3:var(--xm-color-foreground-disabled);--igar8u4:var(--xm-color-background-disabled);--igar8u5:var(--xm-color-background-emphasis);--igar8u6:var(--xm-color-border-subtle)}.igar8u7{all:unset;color:var(--igar8u1);background-color:var(--igar8u2);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:all .2s;display:inline-flex;position:relative}.igar8u7:focus-visible{outline:2px solid var(--xm-color-border-primary);outline-offset:2px}.igar8u7:where([data-disabled]){cursor:not-allowed;background-color:var(--igar8u4);color:var(--igar8u3)}.igar8u7:where(:not([data-disabled]):active){transform:translateY(1px)}.igar8u9{border:1px solid var(--igar8u6)}.igar8ua{--igar8u1:var(--xm-color-foreground-inverse);--igar8u2:var(--xm-color-background-primary-default);--igar8u5:var(--xm-color-hover-primary-default)}.igar8ub{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (any-hover:hover){.igar8u7:where(:not([data-disabled]):hover){background-color:var(--igar8u5)}.igar8u7:where(:not([data-disabled]):active){transform:translateY(1px)}}._1682sfm1{--_1682sfm0:1.5rem;all:unset;width:var(--_1682sfm0);height:var(--_1682sfm0);color:var(--xm-color-foreground-subtle);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}._1682sfm1:hover{color:var(--xm-color-foreground-primary);background-color:var(--xm-color-background-default)}._1682sfm1:active{transform:translateY(-1px)}._1hbkh9y4{align-items:center;width:100%;display:inline-flex;position:relative}._1hbkh9y5{--_1hbkh9y0:var(--xm-color-border-default);--_1hbkh9y1:var(--xm-color-background-white);--_1hbkh9y2:1.5rem;--_1hbkh9y3:calc(var(--_1hbkh9y2) + 1rem);box-sizing:border-box;width:100%;height:2.5rem;font-family:var(--xm-font-family-base);font-size:var(--xm-font-size-md);background-color:var(--_1hbkh9y1);border:1px solid var(--_1hbkh9y0);border-radius:.375rem;padding-inline:.75rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}._1hbkh9y5:focus-visible{--_1hbkh9y0:var(--xm-color-border-primary);box-shadow:0 0 0 1px var(--xm-color-border-primary);outline:none}._1hbkh9y5:disabled{--_1hbkh9y0:var(--xm-color-border-muted);--_1hbkh9y1:var(--xm-color-background-default);color:var(--xm-color-foreground-placeholder);cursor:not-allowed}._1hbkh9y5::placeholder{color:var(--xm-color-foreground-placeholder)}._1hbkh9y4[data-with-left-section] ._1hbkh9y5{padding-left:var(--_1hbkh9y3)}._1hbkh9y4[data-with-right-section] ._1hbkh9y5{padding-right:var(--_1hbkh9y3)}._1hbkh9y4[data-error] ._1hbkh9y5{--_1hbkh9y0:var(--xm-color-border-danger);color:var(--xm-color-foreground-danger)}._1hbkh9y4[data-error]:focus ._1hbkh9y5{--_1hbkh9y0:var(--xm-color-border-danger);box-shadow:0 0 0 1px var(--xm-color-border-danger)}._1hbkh9y6{width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xm-color-foreground-subtle);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}._1hbkh9y4[data-disabled] ._1hbkh9y6{color:var(--xm-color-foreground-disabled)}._1hbkh9y4[data-error] ._1hbkh9y6{color:var(--xm-color-foreground-danger)}._1hbkh9y7{width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xm-color-foreground-subtle);z-index:1;opacity:0;justify-content:center;align-items:center;transition:opacity .25s ease-out;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}._1hbkh9y7[data-visible]{opacity:1;pointer-events:auto}._1hbkh9y4[data-disabled] ._1hbkh9y7{color:var(--xm-color-foreground-disabled)}._1hbkh9y4[data-error] ._1hbkh9y7{color:var(--xm-color-foreground-danger)}.yw7zqz0{box-sizing:border-box;flex-direction:column;gap:.5rem;display:flex}.yw7zqz1{flex-direction:row}.yw7zqz2{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;height:1.875rem;padding-inline:.5rem;display:flex}.yw7zqz3{box-sizing:border-box;border:1px solid var(--xm-color-border-default);background-color:var(--xm-color-background-white);border-radius:50%;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;transition:border-color .2s,background-color .2s;display:flex}:where(.yw7zqz2:hover) .yw7zqz3{border-color:var(--xm-color-border-primary)}:where(.yw7zqz2[data-state=checked]) .yw7zqz3{background-color:var(--xm-color-background-white)}:where(.yw7zqz2[data-disabled]) .yw7zqz3{border-color:var(--xm-color-border-muted);background-color:var(--xm-color-background-white);cursor:not-allowed}.yw7zqz4{box-sizing:border-box;background-color:var(--xm-color-background-primary-default);border-radius:50%;width:.875rem;height:.875rem;transition:transform .2s;transform:scale(0)}:where(.yw7zqz2[data-state=checked]) .yw7zqz4{transform:scale(1)}:where(.yw7zqz2[data-disabled]) .yw7zqz4{background-color:var(--xm-color-foreground-disabled)}.yw7zqz5{color:var(--xm-color-foreground-default);font-size:1rem;line-height:1.5}:where(.yw7zqz2[data-disabled]) .yw7zqz5{color:var(--xm-color-foreground-disabled)}.r4f54b5{--r4f54b1:var(--xm-color-gray-300);--r4f54b0:var(--xm-color-border-primary);all:unset;box-sizing:border-box;background-color:var(--r4f54b1);border-radius:var(--xm-radius-full);-webkit-tap-highlight-color:transparent;cursor:pointer;height:2rem;position:relative}.r4f54b5:focus-visible{outline:2px solid var(--r4f54b0);outline-offset:2px}.r4f54b5:where([data-disabled]){--r4f54b1:var(--xm-color-background-disabled)}.r4f54b5:where([data-state=checked]):not([data-disabled]){--r4f54b1:var(--xm-color-background-primary-default)}.r4f54b6{background-color:#0000;align-items:center;display:flex}.r4f54b7{--r4f54b2:var(--xm-color-foreground-inverse);--r4f54b3:1.5rem;--r4f54b4:.25rem;z-index:1;width:var(--r4f54b3);height:var(--r4f54b3);border-radius:var(--xm-radius-full);background-color:var(--r4f54b2);filter:drop-shadow(0 2px 2px #0000001a);will-change:inset-inline-start;transition:inset-inline-start .15s;display:flex;position:absolute;inset-inline-start:var(--r4f54b4)}.r4f54b7[data-state=checked]{--r4f54b4:calc(100% - var(--r4f54b3) - .25rem)}.r4f54b8{color:var(--xm-color-foreground-inverse);min-width:1.75rem;min-height:.75rem;font-size:var(--xm-font-size-xs);font-weight:var(--xm-font-weight-bold);-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#0000;margin-inline:1.75rem .5rem;padding-inline:.25rem;line-height:1;display:none}.r4f54b5[data-state=checked] .r4f54b8{margin-inline:.5rem 1.75rem}.r4f54b5[data-state=checked] .r4f54b8[data-on-label],.r4f54b5[data-state=unchecked] .r4f54b8[data-off-label]{display:block}
|
|
1
|
+
@layer xm-tokens{:root{--xm-color-black:#222;--xm-color-blue-50:#eef8fd;--xm-color-blue-100:#e4f2ff;--xm-color-blue-200:#d8ecff;--xm-color-blue-300:#c7e4ff;--xm-color-blue-400:#a8d3ff;--xm-color-blue-500:#7dbdff;--xm-color-blue-600:#49a3ff;--xm-color-blue-700:#116fff;--xm-color-blue-800:#0050c4;--xm-color-blue-900:#004489;--xm-color-gray-50:#f4f5f6;--xm-color-gray-100:#e9ecef;--xm-color-gray-200:#d7dce2;--xm-color-gray-300:#bcc4cc;--xm-color-gray-400:#98a7b6;--xm-color-gray-500:#7d8d9d;--xm-color-gray-600:#65788a;--xm-color-gray-700:#6b7580;--xm-color-gray-800:#3b454e;--xm-color-gray-900:#2c3339;--xm-color-green-50:#fafff8;--xm-color-green-100:#f3ffee;--xm-color-green-200:#e6ffdc;--xm-color-green-300:#ceffbc;--xm-color-green-400:#b7f2a2;--xm-color-green-500:#8fe86e;--xm-color-green-600:#6acd45;--xm-color-green-700:#2cab23;--xm-color-green-800:#088000;--xm-color-green-900:#0f6408;--xm-color-orange-50:#fff5eb;--xm-color-orange-100:#ffefe1;--xm-color-orange-200:#ffe5ce;--xm-color-orange-300:#f9d4b2;--xm-color-orange-400:#ffc28a;--xm-color-orange-500:#ffaa5c;--xm-color-orange-600:#f38827;--xm-color-orange-700:#f06000;--xm-color-orange-800:#ae4e19;--xm-color-orange-900:#8f3301;--xm-color-purple-50:#fef9ff;--xm-color-purple-100:#fceeff;--xm-color-purple-200:#f7d8ff;--xm-color-purple-300:#f2c1ff;--xm-color-purple-400:#eb9eff;--xm-color-purple-500:#e585fe;--xm-color-purple-600:#d35af2;--xm-color-purple-700:#a807d0;--xm-color-purple-800:#86269e;--xm-color-purple-900:#72078e;--xm-color-red-50:#fff5f4;--xm-color-red-100:#ffefed;--xm-color-red-200:#ffe0de;--xm-color-red-300:#ffcfcc;--xm-color-red-400:#ffbeba;--xm-color-red-500:#ff9892;--xm-color-red-600:#ff685a;--xm-color-red-700:#dc0c00;--xm-color-red-800:#a10900;--xm-color-red-900:#820000;--xm-color-white:#fff;--xm-color-yellow-50:#fffbf0;--xm-color-yellow-100:#fff7dc;--xm-color-yellow-200:#fff0c5;--xm-color-yellow-300:#ffebaf;--xm-color-yellow-400:#ffe491;--xm-color-yellow-500:#ffdc75;--xm-color-yellow-600:#ffcd37;--xm-color-yellow-700:#ffbf00;--xm-color-yellow-800:#cfa219;--xm-color-yellow-900:#977614;--xm-space-0:0;--xm-space-2:.125rem;--xm-space-4:.25rem;--xm-space-6:.375rem;--xm-space-8:.5rem;--xm-space-12:.75rem;--xm-space-16:1rem;--xm-space-20:1.25rem;--xm-space-24:1.5rem;--xm-space-32:2rem;--xm-space-40:2.5rem;--xm-space-48:3rem;--xm-space-56:3.5rem;--xm-space-64:4rem;--xm-space-80:5rem;--xm-space-128:8rem;--xm-color-background-danger:var(--xm-color-red-100);--xm-color-background-default:var(--xm-color-gray-50);--xm-color-background-disabled:var(--xm-color-gray-100);--xm-color-background-emphasis:var(--xm-color-gray-100);--xm-color-background-info:var(--xm-color-blue-100);--xm-color-background-primary-default:var(--xm-color-orange-700);--xm-color-background-primary-muted:var(--xm-color-orange-50);--xm-color-background-success:var(--xm-color-green-100);--xm-color-background-supplier:var(--xm-color-blue-50);--xm-color-background-warning:var(--xm-color-yellow-100);--xm-color-background-white:var(--xm-color-white);--xm-color-border-danger:var(--xm-color-red-700);--xm-color-border-default:var(--xm-color-gray-300);--xm-color-border-info:var(--xm-color-blue-700);--xm-color-border-muted:var(--xm-color-gray-100);--xm-color-border-primary:var(--xm-color-orange-700);--xm-color-border-subtle:var(--xm-color-gray-200);--xm-color-border-success:var(--xm-color-green-800);--xm-color-border-warning:var(--xm-color-orange-800);--xm-color-foreground-danger:var(--xm-color-red-700);--xm-color-foreground-default:var(--xm-color-black);--xm-color-foreground-disabled:var(--xm-color-gray-700);--xm-color-foreground-info:var(--xm-color-blue-700);--xm-color-foreground-inverse:var(--xm-color-white);--xm-color-foreground-placeholder:var(--xm-color-gray-500);--xm-color-foreground-primary:var(--xm-color-orange-700);--xm-color-foreground-subtle:var(--xm-color-gray-800);--xm-color-foreground-success:var(--xm-color-green-800);--xm-color-foreground-warning:var(--xm-color-orange-800);--xm-color-hover-default:var(--xm-color-gray-50);--xm-color-hover-emphasis:var(--xm-color-gray-200);--xm-color-hover-primary-default:var(--xm-color-orange-800);--xm-color-hover-primary-muted:var(--xm-color-orange-50);--xm-color-hover-primary-subtle:var(--xm-color-orange-300);--xm-font-family-base:"Hiragino Kaku Gothic Pro", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--xm-font-family-mono:"SF Mono", Monaco, Inconsolata, "Roboto Mono", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--xm-font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--xm-font-family-serif:Georgia, "Times New Roman", Times, serif;--xm-font-size-2xl:1.5rem;--xm-font-size-2xs:.625rem;--xm-font-size-3xl:2rem;--xm-font-size-lg:1.125rem;--xm-font-size-md:1rem;--xm-font-size-sm:.875rem;--xm-font-size-xl:1.25rem;--xm-font-size-xs:.75rem;--xm-font-weight-bold:700;--xm-font-weight-regular:400;--xm-line-height-loose:1.75;--xm-line-height-normal:1.5;--xm-line-height-tight:1.3;--xm-radius-full:9999px;--xm-radius-lg:1rem;--xm-radius-md:.5rem;--xm-radius-none:0;--xm-radius-sm:.375rem;--xm-radius-xs:.25rem;--xm-z-index-banner:1200;--xm-z-index-base:0;--xm-z-index-docked:10;--xm-z-index-dropdown:1000;--xm-z-index-modal:1400;--xm-z-index-overlay:1300;--xm-z-index-popover:1500;--xm-z-index-sticky:1100;--xm-z-index-toast:1700;--xm-z-index-tooltip:1800}}@keyframes _1rt5mjx2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1rt5mjx3{--_1rt5mjx0:2rem;--_1rt5mjx1:var(--xm-color-foreground-primary);all:unset;box-sizing:border-box;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0);display:inline-block}._1rt5mjx3:after{content:"";box-sizing:border-box;width:var(--_1rt5mjx0);height:var(--_1rt5mjx0);border-radius:var(--xm-radius-full);border-width:calc(var(--_1rt5mjx0) / 8);border-style:solid;border-color:var(--_1rt5mjx1) var(--_1rt5mjx1) var(--_1rt5mjx1) transparent;animation:1.2s linear infinite _1rt5mjx2;display:block}.prfw664{--prfw660:var(--xm-color-foreground-inverse);--prfw661:var(--xm-color-background-primary-default);--prfw662:var(--xm-color-hover-primary-default);--prfw663:transparent;font-weight:var(--xm-font-weight-bold);font-family:var(--xm-font-family-base);line-height:var(--xm-line-height-normal);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--xm-space-4);border-radius:var(--xm-radius-full);border:1px solid var(--prfw663);min-width:max-content;color:var(--prfw660);background-color:var(--prfw661);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .2s;display:inline-flex;position:relative}.prfw664:focus-visible{outline:2px solid var(--xm-color-border-primary);outline-offset:1px}.prfw664:where([data-bold=normal]){font-weight:var(--xm-font-weight-regular)}.prfw664:where([data-full-width]){width:100%;display:flex}.prfw664:where([data-size=sm]){height:2rem;font-size:var(--xm-font-size-xs);padding-inline:1rem}.prfw664:where([data-size=md]){height:2.5rem;font-size:var(--xm-font-size-sm);padding-inline:1.25rem}.prfw664:where([data-size=lg]){height:3rem;font-size:var(--xm-font-size-md);padding-inline:1.5rem}.prfw664[aria-disabled]{--prfw660:var(--xm-color-foreground-disabled);--prfw661:var(--xm-color-background-disabled);--prfw663:var(--xm-color-border-muted);font-weight:var(--xm-font-weight-regular);cursor:not-allowed}.prfw664:where(:not([aria-disabled])):active{transform:translateY(1px)}.prfw665{--prfw660:var(--xm-color-foreground-primary);--prfw661:var(--xm-color-background-white);--prfw663:var(--xm-color-border-primary);--prfw662:var(--xm-color-background-primary-muted);border:1px solid var(--prfw663)}.prfw666{--prfw660:var(--xm-color-foreground-default);--prfw661:var(--xm-color-background-white);--prfw663:var(--xm-color-border-subtle);--prfw662:var(--xm-color-hover-default);border:1px solid var(--prfw663)}.prfw667{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.prfw668{align-items:center;display:flex}.prfw668[data-section=left]{margin-left:-.25rem}.prfw668[data-section=right]{margin-right:-.25rem}.prfw668[aria-hidden]{visibility:hidden}@media (any-hover:hover){.prfw664:not([aria-disabled]):hover{background-color:var(--prfw662)}.prfw664:not([aria-disabled]):active{transform:translateY(1px)}}.igar8u0{--igar8u1:var(--xm-color-foreground-subtle);--igar8u2:transparent;--igar8u3:var(--xm-color-foreground-disabled);--igar8u4:var(--xm-color-background-disabled);--igar8u5:var(--xm-color-background-emphasis);--igar8u6:var(--xm-color-border-subtle)}.igar8u7{all:unset;color:var(--igar8u1);background-color:var(--igar8u2);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:all .2s;display:inline-flex;position:relative}.igar8u7:focus-visible{outline:2px solid var(--xm-color-border-primary);outline-offset:2px}.igar8u7:where([data-disabled]){cursor:not-allowed;background-color:var(--igar8u4);color:var(--igar8u3)}.igar8u7:where(:not([data-disabled]):active){transform:translateY(1px)}.igar8u9{border:1px solid var(--igar8u6)}.igar8ua{--igar8u1:var(--xm-color-foreground-inverse);--igar8u2:var(--xm-color-background-primary-default);--igar8u5:var(--xm-color-hover-primary-default)}.igar8ub{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (any-hover:hover){.igar8u7:where(:not([data-disabled]):hover){background-color:var(--igar8u5)}.igar8u7:where(:not([data-disabled]):active){transform:translateY(1px)}}._1682sfm1{--_1682sfm0:1.5rem;all:unset;width:var(--_1682sfm0);height:var(--_1682sfm0);color:var(--xm-color-foreground-subtle);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}._1682sfm1:hover{color:var(--xm-color-foreground-primary);background-color:var(--xm-color-background-default)}._1682sfm1:active{transform:translateY(-1px)}._1hbkh9y4{align-items:center;width:100%;display:inline-flex;position:relative}._1hbkh9y5{--_1hbkh9y0:var(--xm-color-border-default);--_1hbkh9y1:var(--xm-color-background-white);--_1hbkh9y2:1.5rem;--_1hbkh9y3:calc(var(--_1hbkh9y2) + 1rem);box-sizing:border-box;width:100%;height:2.5rem;font-family:var(--xm-font-family-base);font-size:var(--xm-font-size-md);background-color:var(--_1hbkh9y1);border:1px solid var(--_1hbkh9y0);border-radius:.375rem;padding-inline:.75rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}._1hbkh9y5:focus-visible{--_1hbkh9y0:var(--xm-color-border-primary);box-shadow:0 0 0 1px var(--xm-color-border-primary);outline:none}._1hbkh9y5:disabled{--_1hbkh9y0:var(--xm-color-border-muted);--_1hbkh9y1:var(--xm-color-background-default);color:var(--xm-color-foreground-placeholder);cursor:not-allowed}._1hbkh9y5::placeholder{color:var(--xm-color-foreground-placeholder)}._1hbkh9y4[data-with-left-section] ._1hbkh9y5{padding-left:var(--_1hbkh9y3)}._1hbkh9y4[data-with-right-section] ._1hbkh9y5{padding-right:var(--_1hbkh9y3)}._1hbkh9y4[data-error] ._1hbkh9y5{--_1hbkh9y0:var(--xm-color-border-danger);color:var(--xm-color-foreground-danger)}._1hbkh9y4[data-error]:focus ._1hbkh9y5{--_1hbkh9y0:var(--xm-color-border-danger);box-shadow:0 0 0 1px var(--xm-color-border-danger)}._1hbkh9y6{width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xm-color-foreground-subtle);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}._1hbkh9y4[data-disabled] ._1hbkh9y6{color:var(--xm-color-foreground-disabled)}._1hbkh9y4[data-error] ._1hbkh9y6{color:var(--xm-color-foreground-danger)}._1hbkh9y7{width:var(--_1hbkh9y2);height:var(--_1hbkh9y2);color:var(--xm-color-foreground-subtle);z-index:1;opacity:0;justify-content:center;align-items:center;transition:opacity .25s ease-out;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}._1hbkh9y7[data-visible]{opacity:1;pointer-events:auto}._1hbkh9y4[data-disabled] ._1hbkh9y7{color:var(--xm-color-foreground-disabled)}._1hbkh9y4[data-error] ._1hbkh9y7{color:var(--xm-color-foreground-danger)}.yw7zqz0{box-sizing:border-box;flex-direction:column;gap:.5rem;display:flex}.yw7zqz1{flex-direction:row}.yw7zqz2{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;height:1.875rem;padding-inline:.5rem;display:flex}.yw7zqz3{box-sizing:border-box;border:1px solid var(--xm-color-border-default);background-color:var(--xm-color-background-white);border-radius:50%;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;transition:border-color .2s,background-color .2s;display:flex}:where(.yw7zqz2:hover) .yw7zqz3{border-color:var(--xm-color-border-primary)}:where(.yw7zqz2[data-state=checked]) .yw7zqz3{background-color:var(--xm-color-background-white)}:where(.yw7zqz2[data-disabled]) .yw7zqz3{border-color:var(--xm-color-border-muted);background-color:var(--xm-color-background-white);cursor:not-allowed}.yw7zqz4{box-sizing:border-box;background-color:var(--xm-color-background-primary-default);border-radius:50%;width:.875rem;height:.875rem;transition:transform .2s;transform:scale(0)}:where(.yw7zqz2[data-state=checked]) .yw7zqz4{transform:scale(1)}:where(.yw7zqz2[data-disabled]) .yw7zqz4{background-color:var(--xm-color-foreground-disabled)}.yw7zqz5{color:var(--xm-color-foreground-default);font-size:1rem;line-height:1.5}:where(.yw7zqz2[data-disabled]) .yw7zqz5{color:var(--xm-color-foreground-disabled)}._1pwoh030{align-items:center;width:100%;display:inline-flex;position:relative}._1pwoh031{box-sizing:border-box;width:100%;height:2.5rem;font-family:var(--xm-font-family-base);font-size:var(--xm-font-size-md);color:var(--xm-color-foreground-default);background-color:var(--xm-color-background-white);border:1px solid var(--xm-color-border-default);cursor:pointer;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.5rem;padding-inline:.75rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:flex}._1pwoh031:focus-visible{border-color:var(--xm-color-border-primary);box-shadow:0 0 0 1px var(--xm-color-border-primary);outline:none}:where(._1pwoh030[data-error]) ._1pwoh031{border-color:var(--xm-color-border-danger)}._1pwoh031[data-state=open]{border-color:var(--xm-color-border-primary);box-shadow:0 0 0 1px var(--xm-color-border-primary)}:where(._1pwoh030[data-error]) ._1pwoh031[data-state=open]{border-color:var(--xm-color-border-danger);box-shadow:0 0 0 1px var(--xm-color-border-danger)}._1pwoh031:disabled{border-color:var(--xm-color-border-muted);background-color:var(--xm-color-background-default);color:var(--xm-color-foreground-placeholder);cursor:not-allowed}._1pwoh032{color:var(--xm-color-foreground-subtle);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}:where(._1pwoh031:disabled) ._1pwoh032{color:var(--xm-color-foreground-disabled)}._1pwoh031:not([data-placeholder]) ._1pwoh032{transform:rotate(-90deg)}._1pwoh033{background-color:var(--xm-color-background-white);border:1px solid var(--xm-color-border-default);z-index:1000;width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height);border-radius:.375rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}._1pwoh034{padding:.25rem}._1pwoh035{font-size:var(--xm-font-size-md);color:var(--xm-color-foreground-default);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:.25rem;outline:none;align-items:center;padding:.5rem .75rem;line-height:1.5;display:flex;position:relative}._1pwoh035[data-disabled]{color:var(--xm-color-foreground-placeholder);pointer-events:none}._1pwoh035[data-highlighted]{background-color:var(--xm-color-background-emphasis);color:var(--xm-color-foreground-default)}._1pwoh035[data-state=checked]{background-color:var(--xm-color-background-emphasis);font-weight:700}@media (any-hover:hover){._1pwoh035:not([data-disabled]):hover{background-color:var(--xm-color-background-emphasis)}}.r4f54b5{--r4f54b1:var(--xm-color-gray-300);--r4f54b0:var(--xm-color-border-primary);all:unset;box-sizing:border-box;background-color:var(--r4f54b1);border-radius:var(--xm-radius-full);-webkit-tap-highlight-color:transparent;cursor:pointer;height:2rem;position:relative}.r4f54b5:focus-visible{outline:2px solid var(--r4f54b0);outline-offset:2px}.r4f54b5:where([data-disabled]){--r4f54b1:var(--xm-color-background-disabled)}.r4f54b5:where([data-state=checked]):not([data-disabled]){--r4f54b1:var(--xm-color-background-primary-default)}.r4f54b6{background-color:#0000;align-items:center;display:flex}.r4f54b7{--r4f54b2:var(--xm-color-foreground-inverse);--r4f54b3:1.5rem;--r4f54b4:.25rem;z-index:1;width:var(--r4f54b3);height:var(--r4f54b3);border-radius:var(--xm-radius-full);background-color:var(--r4f54b2);filter:drop-shadow(0 2px 2px #0000001a);will-change:inset-inline-start;transition:inset-inline-start .15s;display:flex;position:absolute;inset-inline-start:var(--r4f54b4)}.r4f54b7[data-state=checked]{--r4f54b4:calc(100% - var(--r4f54b3) - .25rem)}.r4f54b8{color:var(--xm-color-foreground-inverse);min-width:1.75rem;min-height:.75rem;font-size:var(--xm-font-size-xs);font-weight:var(--xm-font-weight-bold);-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#0000;margin-inline:1.75rem .5rem;padding-inline:.25rem;line-height:1;display:none}.r4f54b5[data-state=checked] .r4f54b8{margin-inline:.5rem 1.75rem}.r4f54b5[data-state=checked] .r4f54b8[data-on-label],.r4f54b5[data-state=unchecked] .r4f54b8[data-off-label]{display:block}._1cwmn7u3{--_1cwmn7u0:var(--xm-color-green-800);--_1cwmn7u1:var(--xm-color-green-100);--_1cwmn7u2:var(--xm-color-green-800);font-family:var(--xm-font-family-base);font-size:.75rem;font-weight:var(--xm-font-weight-bold);box-sizing:border-box;border:1px solid var(--_1cwmn7u2);color:var(--_1cwmn7u0);background-color:var(--_1cwmn7u1);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:.25rem;justify-content:center;align-items:center;padding-block:.25rem;padding-inline:.375rem;line-height:.75rem;display:inline-flex}._1cwmn7u4{--_1cwmn7u0:var(--xm-color-green-800);--_1cwmn7u1:var(--xm-color-green-100);--_1cwmn7u2:var(--xm-color-green-800)}._1cwmn7u5{--_1cwmn7u0:var(--xm-color-orange-700);--_1cwmn7u1:var(--xm-color-yellow-100);--_1cwmn7u2:var(--xm-color-orange-700)}._1cwmn7u6{--_1cwmn7u0:var(--xm-color-orange-800);--_1cwmn7u1:var(--xm-color-orange-50);--_1cwmn7u2:var(--xm-color-orange-800)}._1cwmn7u7{--_1cwmn7u0:var(--xm-color-purple-700);--_1cwmn7u1:var(--xm-color-purple-100);--_1cwmn7u2:var(--xm-color-purple-700)}._1cwmn7u8{--_1cwmn7u0:var(--xm-color-red-700);--_1cwmn7u1:var(--xm-color-orange-50);--_1cwmn7u2:var(--xm-color-red-700)}._1cwmn7u9{--_1cwmn7u0:var(--xm-color-blue-700);--_1cwmn7u1:var(--xm-color-blue-100);--_1cwmn7u2:var(--xm-color-blue-700)}._1cwmn7ua{--_1cwmn7u0:var(--xm-color-white);--_1cwmn7u1:var(--xm-color-green-800);--_1cwmn7u2:var(--xm-color-green-800)}._1cwmn7ub{--_1cwmn7u0:var(--xm-color-white);--_1cwmn7u1:var(--xm-color-orange-700);--_1cwmn7u2:var(--xm-color-orange-700)}._1cwmn7uc{--_1cwmn7u0:var(--xm-color-white);--_1cwmn7u1:var(--xm-color-orange-800);--_1cwmn7u2:var(--xm-color-orange-800)}._1cwmn7ud{--_1cwmn7u0:var(--xm-color-white);--_1cwmn7u1:var(--xm-color-purple-700);--_1cwmn7u2:var(--xm-color-purple-700)}._1cwmn7ue{--_1cwmn7u0:var(--xm-color-white);--_1cwmn7u1:var(--xm-color-red-700);--_1cwmn7u2:var(--xm-color-red-700)}._1cwmn7uf{--_1cwmn7u0:var(--xm-color-white);--_1cwmn7u1:var(--xm-color-blue-700);--_1cwmn7u2:var(--xm-color-blue-700)}._1cwmn7ug{--_1cwmn7u0:var(--xm-color-green-800);--_1cwmn7u1:transparent;--_1cwmn7u2:var(--xm-color-green-800)}._1cwmn7uh{--_1cwmn7u0:var(--xm-color-orange-700);--_1cwmn7u1:transparent;--_1cwmn7u2:var(--xm-color-orange-700)}._1cwmn7ui{--_1cwmn7u0:var(--xm-color-orange-800);--_1cwmn7u1:transparent;--_1cwmn7u2:var(--xm-color-orange-800)}._1cwmn7uj{--_1cwmn7u0:var(--xm-color-purple-700);--_1cwmn7u1:transparent;--_1cwmn7u2:var(--xm-color-purple-700)}._1cwmn7uk{--_1cwmn7u0:var(--xm-color-red-700);--_1cwmn7u1:transparent;--_1cwmn7u2:var(--xm-color-red-700)}._1cwmn7ul{--_1cwmn7u0:var(--xm-color-blue-700);--_1cwmn7u1:transparent;--_1cwmn7u2:var(--xm-color-blue-700)}
|
|
2
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xmart/xorder-ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
"@radix-ui/react-visually-hidden": "1.2.4",
|
|
32
32
|
"@vanilla-extract/css": "1.20.1",
|
|
33
33
|
"@vanilla-extract/dynamic": "2.1.5",
|
|
34
|
-
"@xmart/xorder-ui-icons": "0.3.
|
|
35
|
-
"@xmart/xorder-ui-tokens": "0.3.
|
|
34
|
+
"@xmart/xorder-ui-icons": "0.3.1",
|
|
35
|
+
"@xmart/xorder-ui-tokens": "0.3.1",
|
|
36
36
|
"clsx": "2.1.1"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|