tgui-core 1.0.12 → 1.0.13

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.
Files changed (54) hide show
  1. package/dist/ProgressBar.module-Jzqlebbx.js +29 -0
  2. package/dist/assets/BlockQuote.css +1 -0
  3. package/dist/assets/ColorBox.css +1 -0
  4. package/dist/assets/Dialog.css +1 -0
  5. package/dist/assets/Dimmer.css +1 -0
  6. package/dist/assets/Divider.css +1 -0
  7. package/dist/assets/Flex.css +1 -0
  8. package/dist/assets/Icon.css +6 -0
  9. package/dist/assets/Input.css +1 -0
  10. package/dist/assets/Knob.css +1 -0
  11. package/dist/assets/LabeledList.css +1 -0
  12. package/dist/assets/MenuBar.css +1 -0
  13. package/dist/assets/Modal.css +1 -0
  14. package/dist/assets/NoticeBox.css +1 -0
  15. package/dist/assets/NumberInput.css +1 -0
  16. package/dist/assets/ProgressBar.css +1 -0
  17. package/dist/assets/RoundGauge.css +1 -0
  18. package/dist/assets/Section.css +1 -0
  19. package/dist/assets/Slider.css +1 -0
  20. package/dist/assets/Stack.css +1 -0
  21. package/dist/assets/Table.css +1 -0
  22. package/dist/assets/Tabs.css +1 -0
  23. package/dist/assets/TextArea.css +1 -0
  24. package/dist/components/BlockQuote.js +7 -4
  25. package/dist/components/Button.js +7 -1
  26. package/dist/components/ColorBox.js +14 -7
  27. package/dist/components/Dialog.js +36 -28
  28. package/dist/components/Dimmer.js +9 -6
  29. package/dist/components/Divider.d.ts +0 -5
  30. package/dist/components/Divider.js +14 -10
  31. package/dist/components/Flex.d.ts +2 -2
  32. package/dist/components/Flex.js +38 -36
  33. package/dist/components/Icon.d.ts +2 -2
  34. package/dist/components/Icon.js +34 -27
  35. package/dist/components/Input.js +65 -58
  36. package/dist/components/Knob.js +103 -71
  37. package/dist/components/LabeledList.js +56 -50
  38. package/dist/components/MenuBar.js +102 -93
  39. package/dist/components/Modal.js +18 -11
  40. package/dist/components/NoticeBox.js +42 -16
  41. package/dist/components/NumberInput.js +90 -82
  42. package/dist/components/ProgressBar.d.ts +3 -3
  43. package/dist/components/ProgressBar.js +27 -22
  44. package/dist/components/RoundGauge.js +104 -69
  45. package/dist/components/Section.d.ts +1 -1
  46. package/dist/components/Section.js +48 -37
  47. package/dist/components/Slider.js +80 -72
  48. package/dist/components/Stack.js +42 -35
  49. package/dist/components/Table.js +47 -38
  50. package/dist/components/Tabs.js +72 -39
  51. package/dist/components/TextArea.d.ts +1 -1
  52. package/dist/components/TextArea.js +65 -70
  53. package/dist/components/Tooltip.js +1 -1
  54. package/package.json +1 -1
@@ -0,0 +1,29 @@
1
+ import './assets/ProgressBar.css';const _ = "_progressBar_140lk_17", o = "_fill_140lk_29", l = "_fill__animated_140lk_36", r = "_content_140lk_40", c = "_color__default_140lk_47", e = "_color__black_140lk_54", t = "_color__white_140lk_61", n = "_color__red_140lk_68", a = "_color__orange_140lk_75", s = "_color__yellow_140lk_82", k = "_color__olive_140lk_89", g = "_color__green_140lk_96", i = "_color__teal_140lk_103", b = "_color__blue_140lk_110", d = "_color__violet_140lk_117", p = "_color__purple_140lk_124", f = "_color__pink_140lk_131", u = "_color__brown_140lk_138", v = "_color__grey_140lk_145", w = "_color__good_140lk_159", y = "_color__average_140lk_166", h = "_color__bad_140lk_173", m = "_color__label_140lk_180", B = {
2
+ progressBar: _,
3
+ fill: o,
4
+ fill__animated: l,
5
+ content: r,
6
+ color__default: c,
7
+ color__black: e,
8
+ color__white: t,
9
+ color__red: n,
10
+ color__orange: a,
11
+ color__yellow: s,
12
+ color__olive: k,
13
+ color__green: g,
14
+ color__teal: i,
15
+ color__blue: b,
16
+ color__violet: d,
17
+ color__purple: p,
18
+ color__pink: f,
19
+ color__brown: u,
20
+ color__grey: v,
21
+ "color__light-grey": "_color__light-grey_140lk_152",
22
+ color__good: w,
23
+ color__average: y,
24
+ color__bad: h,
25
+ color__label: m
26
+ };
27
+ export {
28
+ B as p
29
+ };
@@ -0,0 +1 @@
1
+ ._blockQuote_14fvy_13{color:#8b9bb0;border-left:.1666666667em solid #8b9bb0;padding-left:.5em;margin-bottom:.5em}._blockQuote_14fvy_13:last-child{margin-bottom:0}
@@ -0,0 +1 @@
1
+ ._colorBox_110qz_5{display:inline-block;width:1em;height:1em;line-height:1em;text-align:center}
@@ -0,0 +1 @@
1
+ ._dialog_1hdv8_5{position:fixed;left:0;top:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center}._content_1hdv8_17{background-color:#252525;font-family:Consolas,monospace;font-size:1.1666666667em;display:flex;flex-direction:column}._header_1hdv8_25{display:flex;height:2em;line-height:1.928em;background-color:#00000080;-webkit-user-select:none;user-select:none}._title_1hdv8_33{display:inline;font-style:italic;margin-left:1rem;margin-right:2rem;flex-grow:1;opacity:.33}._body_1hdv8_42{margin:2rem 1rem;flex-grow:1}._footer_1hdv8_47{display:flex;flex-direction:row;justify-content:flex-end;padding:1rem;background-color:#00000040}._button_1hdv8_55{margin:0 1rem;height:2rem;min-width:6rem;text-align:center}
@@ -0,0 +1 @@
1
+ ._dimmer_ldz2o_5{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000000bf;z-index:1}
@@ -0,0 +1 @@
1
+ ._horizontal_1dhv5_9{margin:.5em 0}._horizontal_1dhv5_9:not(._hidden_1dhv5_12){border-top:.1666666667em solid rgba(255,255,255,.1)}._vertical_1dhv5_16{height:100%;margin:0 .5em}._vertical_1dhv5_16:not(._hidden_1dhv5_12){border-left:.1666666667em solid rgba(255,255,255,.1)}
@@ -0,0 +1 @@
1
+ ._flex_djoni_5{display:-ms-flexbox;display:flex}._inline_djoni_10{display:inline-flex}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * @file
3
+ * @copyright 2020
4
+ * @author ThePotato97 (https://github.com/ThePotato97)
5
+ * @license ISC
6
+ */._iconStack_bg05l_7>._icon_bg05l_7{position:absolute;width:100%;text-align:center}._iconStack_bg05l_7{position:relative;display:inline-block;height:1.2em;line-height:2em;vertical-align:middle}._iconStack_bg05l_7:after{color:transparent;content:"."}
@@ -0,0 +1 @@
1
+ ._input_upnwi_13{position:relative;display:inline-block;width:10em;border:.0833333333em solid #88bfff;border:.0833333333em solid rgba(136,191,255,.75);border-radius:.16em;color:#fff;background-color:#0a0a0a;padding:0 .3333333333em;margin-right:.1666666667em;line-height:1.4166666667em;overflow:visible}._fluid_upnwi_28{display:block;width:auto}._baseline_upnwi_33{display:inline-block;color:transparent}._inner_upnwi_38{display:block;position:absolute;top:0;bottom:0;left:0;right:0;border:0;outline:0;width:100%;font-size:1em;line-height:1.4166666667em;height:1.4166666667em;margin:0;padding:0 .5em;font-family:Verdana,sans-serif;background-color:transparent;color:#fff;color:inherit}._inner_upnwi_38:-ms-input-placeholder{font-style:italic;color:#777;color:#ffffff73}._monospace_upnwi_64 ._inner_upnwi_38{font-family:Consolas,monospace}
@@ -0,0 +1 @@
1
+ ._knob_69dqe_17{position:relative;font-size:1rem;width:2.6em;height:2.6em;margin:0 auto -.2em;cursor:n-resize}._knob_69dqe_17:after{content:".";color:transparent;line-height:2.5em}._circle_69dqe_32{position:absolute;top:.1em;bottom:.1em;left:.1em;right:.1em;margin:.3em;background-color:#333;background-image:linear-gradient(to bottom,#ffffff26,#fff0);border-radius:50%;box-shadow:0 .05em .5em #00000080}._cursorBox_69dqe_45{position:absolute;top:0;bottom:0;left:0;right:0}._cursor_69dqe_45{position:relative;top:.05em;margin:0 auto;width:.2em;height:.8em;background-color:#ffffffe6}._popupValue_69dqe_62{position:absolute;top:-2rem;right:50%;font-size:1rem;text-align:center;padding:.25rem .5rem;color:#fff;background-color:#000;transform:translate(50%);white-space:nowrap}._ring_69dqe_75{position:absolute;top:0;bottom:0;left:0;right:0;padding:.1em}._ringTrackPivot_69dqe_84{transform:rotate(135deg)}._ringTrack_69dqe_84{fill:transparent;stroke:#ffffff1a;stroke-width:8;stroke-linecap:round;stroke-dasharray:235.62}._ringFillPivot_69dqe_96{transform:rotate(135deg)}._bipolar_69dqe_100 ._ringFillPivot_69dqe_96{transform:rotate(270deg)}._ringFill_69dqe_96{fill:transparent;stroke:#6a96c9;stroke-width:8;stroke-linecap:round;stroke-dasharray:314.16;transition:stroke 50ms ease-out}._color__black_69dqe_113 ._ringFill_69dqe_96{stroke:#1a1a1a}._color__white_69dqe_117 ._ringFill_69dqe_96{stroke:#fff}._color__red_69dqe_121 ._ringFill_69dqe_96{stroke:#df3e3e}._color__orange_69dqe_125 ._ringFill_69dqe_96{stroke:#f37f33}._color__yellow_69dqe_129 ._ringFill_69dqe_96{stroke:#fbda21}._color__olive_69dqe_133 ._ringFill_69dqe_96{stroke:#cbe41c}._color__green_69dqe_137 ._ringFill_69dqe_96{stroke:#25ca4c}._color__teal_69dqe_141 ._ringFill_69dqe_96{stroke:#00d6cc}._color__blue_69dqe_145 ._ringFill_69dqe_96{stroke:#2e93de}._color__violet_69dqe_149 ._ringFill_69dqe_96{stroke:#7349cf}._color__purple_69dqe_153 ._ringFill_69dqe_96{stroke:#ad45d0}._color__pink_69dqe_157 ._ringFill_69dqe_96{stroke:#e34da1}._color__brown_69dqe_161 ._ringFill_69dqe_96{stroke:#b97447}._color__grey_69dqe_165 ._ringFill_69dqe_96{stroke:#848484}._color__light-grey_69dqe_169 ._ringFill_69dqe_96{stroke:#b3b3b3}._color__good_69dqe_173 ._ringFill_69dqe_96{stroke:#68c22d}._color__average_69dqe_177 ._ringFill_69dqe_96{stroke:#f29a29}._color__bad_69dqe_181 ._ringFill_69dqe_96{stroke:#df3e3e}._color__label_69dqe_185 ._ringFill_69dqe_96{stroke:#8b9bb0}
@@ -0,0 +1 @@
1
+ ._labeledList_pb6nb_9{display:table;width:100%;width:calc(100% + 1em);border-collapse:collapse;border-spacing:0;margin:-.25em -.5em 0;padding:0}._row_pb6nb_20{display:table-row}._row_pb6nb_20:last-child ._cell_pb6nb_24{padding-bottom:0}._cell_pb6nb_24{display:table-cell;margin:0;padding:.25em .5em;border:0;text-align:left}._label__nowrap_pb6nb_36{width:1%;white-space:nowrap;min-width:5em}._buttons_pb6nb_42{width:.1%;white-space:nowrap;text-align:right;padding-top:.0833333333em;padding-bottom:0}
@@ -0,0 +1 @@
1
+ ._menuBar_esza9_9{display:flex}._font_esza9_13{font-family:Verdana,sans-serif;font-size:1em;line-height:1.4166666667em}._hover_esza9_19:hover{background-color:#727272;transition:background-color 0ms}._button_esza9_24{padding:.2rem .5rem}._menu_esza9_9{position:absolute;z-index:5;background-color:#252525;padding:.3rem;box-shadow:4px 6px 5px -2px #0000008c}._item_esza9_36{z-index:5;transition:background-color .1s ease-out;background-color:#252525;white-space:nowrap;padding:.3rem 2rem .3rem 3rem}._toggle_esza9_44{padding:.3rem 2rem .3rem 0}._toggle__check_esza9_48{display:inline-block;vertical-align:middle;min-width:3rem;margin-left:.3rem}._over_esza9_55{top:auto;bottom:100%}._button__text_esza9_60{text-overflow:clip;white-space:nowrap;height:1.4166666667em}._separator_esza9_66{display:block;margin:.3rem .3rem .3rem 2.3rem;border-top:1px solid rgba(0,0,0,.33)}
@@ -0,0 +1 @@
1
+ ._modal_1e7qt_9{background-color:#252525;max-width:calc(100% - 1rem);padding:1rem}
@@ -0,0 +1 @@
1
+ ._noticeBox_56yom_17{padding:.33em .5em;margin-bottom:.5em;box-shadow:none;font-weight:700;font-style:italic;color:#000;background-color:#bb9b68;background-image:repeating-linear-gradient(-45deg,transparent,transparent .8333333333em,rgba(0,0,0,.1) .8333333333em,rgba(0,0,0,.1) 1.6666666667em)}._color__black_56yom_28{color:#fff;background-color:#000}._color__white_56yom_33{color:#000;background-color:#b3b3b3}._color__red_56yom_38{color:#fff;background-color:#701f1f}._color__orange_56yom_43{color:#fff;background-color:#854114}._color__yellow_56yom_48{color:#000;background-color:#83710d}._color__olive_56yom_53{color:#000;background-color:#576015}._color__green_56yom_58{color:#fff;background-color:#174e24}._color__teal_56yom_63{color:#fff;background-color:#064845}._color__blue_56yom_68{color:#fff;background-color:#1b4565}._color__violet_56yom_73{color:#fff;background-color:#3b2864}._color__purple_56yom_78{color:#fff;background-color:#542663}._color__pink_56yom_83{color:#fff;background-color:#802257}._color__brown_56yom_88{color:#fff;background-color:#4c3729}._color__grey_56yom_93{color:#fff;background-color:#3e3e3e}._color__light-grey_56yom_98{color:#fff;background-color:#6a6a6a}._color__good_56yom_103{color:#fff;background-color:#2e4b1a}._color__average_56yom_108{color:#fff;background-color:#7b4e13}._color__bad_56yom_113{color:#fff;background-color:#701f1f}._color__label_56yom_118{color:#fff;background-color:#53565a}._info_56yom_123{color:#fff;background-color:#235982}._success_56yom_128{color:#fff;background-color:#1e662f}._warning_56yom_133{color:#fff;background-color:#a95219}._danger_56yom_138{color:#fff;background-color:#8f2828}
@@ -0,0 +1 @@
1
+ ._numberInput_x4pb3_13{position:relative;display:inline-block;border:.0833333333em solid #88bfff;border:.0833333333em solid rgba(136,191,255,.75);border-radius:.16em;color:#88bfff;background-color:#0a0a0a;padding:0 .3333333333em;margin-right:.1666666667em;line-height:1.4166666667em;text-align:right;overflow:visible;cursor:n-resize}._fluid_x4pb3_29{display:block}._content_x4pb3_33{margin-left:.5em}._barContainer_x4pb3_37{position:absolute;top:.1666666667em;bottom:.1666666667em;left:.1666666667em}._bar_x4pb3_37{position:absolute;bottom:0;left:0;width:.25em;box-sizing:border-box;border-bottom:.0833333333em solid #88bfff;background-color:#88bfff}._inner_x4pb3_54{display:block;position:absolute;top:0;bottom:0;left:0;right:0;border:0;outline:0;width:100%;font-size:1em;line-height:1.4166666667em;height:1.4166666667em;margin:0;padding:0 .5em;font-family:Verdana,sans-serif;background-color:#0a0a0a;color:#fff;text-align:right}
@@ -0,0 +1 @@
1
+ ._progressBar_140lk_17{display:inline-block;position:relative;width:100%;padding:0 .5em;border-width:.0833333333em!important;border-style:solid!important;border-radius:.16em;background-color:#0000;transition:border-color .9s ease-out}._fill_140lk_29{position:absolute;top:-.5px;left:0;bottom:-.5px}._fill__animated_140lk_36{transition:background-color .9s ease-out,width .9s ease-out}._content_140lk_40{position:relative;line-height:1.4166666667em;width:100%;text-align:right}._color__default_140lk_47{border:.0833333333em solid #3e6189}._color__default_140lk_47 ._fill_140lk_29{background-color:#3e6189}._color__black_140lk_54{border-color:#000!important}._color__black_140lk_54 ._fill_140lk_29{background-color:#000}._color__white_140lk_61{border-color:#d9d9d9!important}._color__white_140lk_61 ._fill_140lk_29{background-color:#d9d9d9}._color__red_140lk_68{border-color:#bd2020!important}._color__red_140lk_68 ._fill_140lk_29{background-color:#bd2020}._color__orange_140lk_75{border-color:#d95e0c!important}._color__orange_140lk_75 ._fill_140lk_29{background-color:#d95e0c}._color__yellow_140lk_82{border-color:#d9b804!important}._color__yellow_140lk_82 ._fill_140lk_29{background-color:#d9b804}._color__olive_140lk_89{border-color:#9aad14!important}._color__olive_140lk_89 ._fill_140lk_29{background-color:#9aad14}._color__green_140lk_96{border-color:#1b9638!important}._color__green_140lk_96 ._fill_140lk_29{background-color:#1b9638}._color__teal_140lk_103{border-color:#009a93!important}._color__teal_140lk_103 ._fill_140lk_29{background-color:#009a93}._color__blue_140lk_110{border-color:#1c71b1!important}._color__blue_140lk_110 ._fill_140lk_29{background-color:#1c71b1}._color__violet_140lk_117{border-color:#552dab!important}._color__violet_140lk_117 ._fill_140lk_29{background-color:#552dab}._color__purple_140lk_124{border-color:#8b2baa!important}._color__purple_140lk_124 ._fill_140lk_29{background-color:#8b2baa}._color__pink_140lk_131{border-color:#cf2082!important}._color__pink_140lk_131 ._fill_140lk_29{background-color:#cf2082}._color__brown_140lk_138{border-color:#8c5836!important}._color__brown_140lk_138 ._fill_140lk_29{background-color:#8c5836}._color__grey_140lk_145{border-color:#646464!important}._color__grey_140lk_145 ._fill_140lk_29{background-color:#646464}._color__light-grey_140lk_152{border-color:#919191!important}._color__light-grey_140lk_152 ._fill_140lk_29{background-color:#919191}._color__good_140lk_159{border-color:#4d9121!important}._color__good_140lk_159 ._fill_140lk_29{background-color:#4d9121}._color__average_140lk_166{border-color:#cd7a0d!important}._color__average_140lk_166 ._fill_140lk_29{background-color:#cd7a0d}._color__bad_140lk_173{border-color:#bd2020!important}._color__bad_140lk_173 ._fill_140lk_29{background-color:#bd2020}._color__label_140lk_180{border-color:#657a94!important}._color__label_140lk_180 ._fill_140lk_29{background-color:#657a94}
@@ -0,0 +1 @@
1
+ ._roundGauge_gktag_17{font-size:1rem;width:2.6em;height:1.3em;margin:0 auto .2em}._ringTrack_gktag_25{fill:transparent;stroke:#ffffff1a;stroke-width:10;stroke-dasharray:157.08;stroke-dashoffset:157.08}._ringFill_gktag_33{fill:transparent;stroke:#6a96c9;stroke-width:10;stroke-dasharray:314.16;transition:stroke 50ms ease-out}._needle_gktag_41,._ringFill_gktag_33{transition:transform 50ms ease-in-out}._needleLine_gktag_46,._needleMiddle_gktag_47{fill:#db2828}._alert_gktag_51{fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;fill:#ffffff1a}._alert_gktag_51._max_gktag_59{fill:#db2828}._color__black_gktag_63._ringFill_gktag_33{stroke:#1a1a1a}._color__white_gktag_67._ringFill_gktag_33{stroke:#fff}._color__red_gktag_71._ringFill_gktag_33{stroke:#df3e3e}._color__orange_gktag_75._ringFill_gktag_33{stroke:#f37f33}._color__yellow_gktag_79._ringFill_gktag_33{stroke:#fbda21}._color__olive_gktag_83._ringFill_gktag_33{stroke:#cbe41c}._color__green_gktag_87._ringFill_gktag_33{stroke:#25ca4c}._color__teal_gktag_91._ringFill_gktag_33{stroke:#00d6cc}._color__blue_gktag_95._ringFill_gktag_33{stroke:#2e93de}._color__violet_gktag_99._ringFill_gktag_33{stroke:#7349cf}._color__purple_gktag_103._ringFill_gktag_33{stroke:#ad45d0}._color__pink_gktag_107._ringFill_gktag_33{stroke:#e34da1}._color__brown_gktag_111._ringFill_gktag_33{stroke:#b97447}._color__grey_gktag_115._ringFill_gktag_33{stroke:#848484}._color__light-grey_gktag_119._ringFill_gktag_33{stroke:#b3b3b3}._color__good_gktag_123._ringFill_gktag_33{stroke:#68c22d}._color__average_gktag_127._ringFill_gktag_33{stroke:#f29a29}._color__bad_gktag_131._ringFill_gktag_33{stroke:#df3e3e}._color__label_gktag_135._ringFill_gktag_33{stroke:#8b9bb0}._alert__black_gktag_139{fill:#1a1a1a;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__white_gktag_145{fill:#fff;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__red_gktag_151{fill:#df3e3e;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__orange_gktag_157{fill:#f37f33;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__yellow_gktag_163{fill:#fbda21;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__olive_gktag_169{fill:#cbe41c;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__green_gktag_175{fill:#25ca4c;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__teal_gktag_181{fill:#00d6cc;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__blue_gktag_187{fill:#2e93de;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__violet_gktag_193{fill:#7349cf;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__purple_gktag_199{fill:#ad45d0;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__pink_gktag_205{fill:#e34da1;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__brown_gktag_211{fill:#b97447;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__grey_gktag_217{fill:#848484;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__light-grey_gktag_223{fill:#b3b3b3;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__good_gktag_229{fill:#68c22d;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__average_gktag_235{fill:#f29a29;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__bad_gktag_241{fill:#df3e3e;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}._alert__label_gktag_247{fill:#8b9bb0;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:_alertAnim_gktag_1 1s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes _alertAnim_gktag_1{0%{opacity:.1}50%{opacity:1}to{opacity:.1}}
@@ -0,0 +1 @@
1
+ ._section_upqxx_17{position:relative;margin-bottom:.5em;background-color:#191919;background-color:#00000054;box-sizing:border-box}._section_upqxx_17:last-child{margin-bottom:0}._title_upqxx_28{position:relative;padding:.5em;border-bottom:.1666666667em solid #4972a1}._titleText_upqxx_34{font-size:1.1666666667em;font-weight:700;color:#fff}._buttons_upqxx_40{position:absolute;display:inline-block;right:.5em;margin-top:-.0833333333em}._rest_upqxx_47{position:relative}._content_upqxx_51{padding:.66em .5em}._fitted_upqxx_55>._rest_upqxx_47>._content_upqxx_51{padding:0}._fill_upqxx_59{display:flex;flex-direction:column;height:100%}._fill_upqxx_59>._rest_upqxx_47{flex-grow:1}._fill_upqxx_59>._rest_upqxx_47>._content_upqxx_51{height:100%}._fill_upqxx_59 ._scrollable_upqxx_73>._rest_upqxx_47>._content_upqxx_51{position:absolute;top:0;left:0;right:0;bottom:0}._scrollable_upqxx_73{overflow-x:hidden;overflow-y:hidden}._scrollable_upqxx_73>._rest_upqxx_47>._content_upqxx_51{overflow-y:scroll;overflow-x:hidden}._scrollableHorizontal_upqxx_90{overflow-x:hidden;overflow-y:hidden}._scrollableHorizontal_upqxx_90>._rest_upqxx_47>._content_upqxx_51{overflow-y:hidden;overflow-x:scroll}._scrollable_upqxx_73._scrollableHorizontal_upqxx_90{overflow-x:hidden;overflow-y:hidden}._scrollable_upqxx_73._scrollableHorizontal_upqxx_90>._rest_upqxx_47>._content_upqxx_51{overflow-y:scroll;overflow-x:scroll}._section_upqxx_17 ._section_upqxx_17{background-color:transparent;margin-left:-.5em;margin-right:-.5em}._section_upqxx_17 ._section_upqxx_17:first-child{margin-top:-.5em}._section_upqxx_17 ._section_upqxx_17 ._titleText_upqxx_34{font-size:1.0833333333em}._section_upqxx_17 ._section_upqxx_17 ._section_upqxx_17 ._titleText_upqxx_34{font-size:1em}
@@ -0,0 +1 @@
1
+ ._slider_1assx_9{cursor:e-resize}._cursorOffset_1assx_13{position:absolute;top:0;left:0;bottom:0;transition:none!important}._cursor_1assx_13{position:absolute;top:0;right:-.0833333333em;bottom:0;width:0;border-left:.1666666667em solid #ffffff}._pointer_1assx_30{position:absolute;right:-.4166666667em;bottom:-.3333333333em;width:0;height:0;border-left:.4166666667em solid transparent;border-right:.4166666667em solid transparent;border-bottom:.4166666667em solid #ffffff}._popupValue_1assx_41{position:absolute;right:0;top:-2rem;font-size:1rem;padding:.25rem .5rem;color:#fff;background-color:#000;transform:translate(50%);white-space:nowrap}
@@ -0,0 +1 @@
1
+ ._fill_wrul1_9{height:100%}._horizontal_wrul1_13>._item_wrul1_13{margin-left:.5em}._horizontal_wrul1_13>._item_wrul1_13:first-child{margin-left:0}._vertical_wrul1_20>._item_wrul1_13{margin-top:.5em}._vertical_wrul1_20>._item_wrul1_13:first-child{margin-top:0}._reverse_wrul1_27>._item_wrul1_13{margin-left:0;margin-right:.5em}._reverse_wrul1_27>._item_wrul1_13:first-child{margin-right:0}._reverse__vertical_wrul1_35>._item_wrul1_13{margin-top:0;margin-bottom:.5em}._reverse__vertical_wrul1_35>._item_wrul1_13:first-child{margin-bottom:0}._zebra_wrul1_43>._item_wrul1_13:nth-child(2n){background-color:#00000054}._horizontal_wrul1_13>._divider_wrul1_47:not(._divider__hidden_wrul1_47){border-left:.1666666667em solid rgba(255,255,255,.1)}._vertical_wrul1_20>._divider_wrul1_47:not(._divider__hidden_wrul1_47){border-top:.1666666667em solid rgba(255,255,255,.1)}
@@ -0,0 +1 @@
1
+ ._table_1hctn_5{display:table;width:100%;border-collapse:collapse;border-spacing:0;margin:0}._collapsing_1hctn_13{width:auto}._row_1hctn_17{display:table-row}._cell_1hctn_21{display:table-cell;padding:0 .25em}._cell_1hctn_21:first-child{padding-left:0}._cell_1hctn_21:last-child{padding-right:0}._row__header_1hctn_32 ._cell_1hctn_21,._cell__header_1hctn_33{font-weight:700;padding-bottom:.5em}._cell__collapsing_1hctn_38{width:1%;white-space:nowrap}
@@ -0,0 +1 @@
1
+ ._tabs_3dx9a_13{display:flex;align-items:stretch;overflow:hidden;background-color:#00000054}._fill_3dx9a_20{height:100%}._section_3dx9a_24 ._tabs_3dx9a_13{background-color:transparent}._section_3dx9a_24:not(._section--fitted_3dx9a_28) ._tabs_3dx9a_13{margin:0 -.5em .5em}._section_3dx9a_24:not(._section--fitted_3dx9a_28) ._tabs_3dx9a_13:first-child{margin-top:-.5em}._vertical_3dx9a_35{flex-direction:column;padding:.25em 0 .25em .25em}._horizontal_3dx9a_40{margin-bottom:.5em;padding:.25em .25em 0}._horizontal_3dx9a_40:last-child{margin-bottom:0}._tabs__tab_3dx9a_48{flex-grow:0}._fluid_3dx9a_52 ._tabs__tab_3dx9a_48{flex-grow:1}._tab_3dx9a_13{display:flex;align-items:center;justify-content:space-between;background-color:transparent;color:#ffffff80;min-height:2.25em;min-width:4em}._tab_3dx9a_13:not(._selected_3dx9a_66):hover{background-color:#ffffff13}._selected_3dx9a_66{background-color:#ffffff20;color:#dfe7f0}._tab__text_3dx9a_75{flex-grow:1;margin:0 .5em}._tab__left_3dx9a_80{min-width:1.5em;text-align:center;margin-left:.25em}._tab__right_3dx9a_86{min-width:1.5em;text-align:center;margin-right:.25em}._horizontal_3dx9a_40 ._tab_3dx9a_13{border-top:.1666666667em solid transparent;border-bottom:.1666666667em solid transparent;border-top-left-radius:.25em;border-top-right-radius:.25em}._horizontal_3dx9a_40 ._selected_3dx9a_66{border-bottom:.1666666667em solid #d4dfec}._vertical_3dx9a_35 ._tab_3dx9a_13{min-height:2em;border-left:.1666666667em solid transparent;border-right:.1666666667em solid transparent;border-top-left-radius:.25em;border-bottom-left-radius:.25em}._vertical_3dx9a_35 ._selected_3dx9a_66{border-right:.1666666667em solid #d4dfec}._selected_3dx9a_66 ._color__black_3dx9a_113{color:#535353}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__black_3dx9a_113{border-bottom-color:#1a1a1a}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__black_3dx9a_113{border-right-color:#1a1a1a}._selected_3dx9a_66 ._color__white_3dx9a_125{color:#fff}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__white_3dx9a_125{border-bottom-color:#fff}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__white_3dx9a_125{border-right-color:#fff}._selected_3dx9a_66 ._color__red_3dx9a_137{color:#e76e6e}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__red_3dx9a_137{border-bottom-color:#df3e3e}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__red_3dx9a_137{border-right-color:#df3e3e}._selected_3dx9a_66 ._color__orange_3dx9a_149{color:#f69f66}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__orange_3dx9a_149{border-bottom-color:#f37f33}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__orange_3dx9a_149{border-right-color:#f37f33}._selected_3dx9a_66 ._color__yellow_3dx9a_161{color:#fce358}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__yellow_3dx9a_161{border-bottom-color:#fbda21}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__yellow_3dx9a_161{border-right-color:#fbda21}._selected_3dx9a_66 ._color__olive_3dx9a_173{color:#d8eb55}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__olive_3dx9a_173{border-bottom-color:#cbe41c}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__olive_3dx9a_173{border-right-color:#cbe41c}._selected_3dx9a_66 ._color__green_3dx9a_185{color:#53e074}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__green_3dx9a_185{border-bottom-color:#25ca4c}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__green_3dx9a_185{border-right-color:#25ca4c}._selected_3dx9a_66 ._color__teal_3dx9a_197{color:#21fff5}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__teal_3dx9a_197{border-bottom-color:#00d6cc}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__teal_3dx9a_197{border-right-color:#00d6cc}._selected_3dx9a_66 ._color__blue_3dx9a_209{color:#62aee6}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__blue_3dx9a_209{border-bottom-color:#2e93de}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__blue_3dx9a_209{border-right-color:#2e93de}._selected_3dx9a_66 ._color__violet_3dx9a_221{color:#9676db}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__violet_3dx9a_221{border-bottom-color:#7349cf}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__violet_3dx9a_221{border-right-color:#7349cf}._selected_3dx9a_66 ._color__purple_3dx9a_233{color:#c274db}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__purple_3dx9a_233{border-bottom-color:#ad45d0}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__purple_3dx9a_233{border-right-color:#ad45d0}._selected_3dx9a_66 ._color__pink_3dx9a_245{color:#ea79b9}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__pink_3dx9a_245{border-bottom-color:#e34da1}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__pink_3dx9a_245{border-right-color:#e34da1}._selected_3dx9a_66 ._color__brown_3dx9a_257{color:#ca9775}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__brown_3dx9a_257{border-bottom-color:#b97447}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__brown_3dx9a_257{border-right-color:#b97447}._selected_3dx9a_66 ._color__grey_3dx9a_269{color:#a3a3a3}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__grey_3dx9a_269{border-bottom-color:#848484}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__grey_3dx9a_269{border-right-color:#848484}._selected_3dx9a_66 ._color__light-grey_3dx9a_281{color:#c6c6c6}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__light-grey_3dx9a_281{border-bottom-color:#b3b3b3}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__light-grey_3dx9a_281{border-right-color:#b3b3b3}._selected_3dx9a_66 ._color__good_3dx9a_293{color:#8cd95a}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__good_3dx9a_293{border-bottom-color:#68c22d}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__good_3dx9a_293{border-right-color:#68c22d}._selected_3dx9a_66 ._color__average_3dx9a_305{color:#f5b35e}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__average_3dx9a_305{border-bottom-color:#f29a29}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__average_3dx9a_305{border-right-color:#f29a29}._selected_3dx9a_66 ._color__bad_3dx9a_317{color:#e76e6e}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__bad_3dx9a_317{border-bottom-color:#df3e3e}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__bad_3dx9a_317{border-right-color:#df3e3e}._selected_3dx9a_66 ._color__label_3dx9a_329{color:#a8b4c4}._horizontal_3dx9a_40 ._selected_3dx9a_66 ._color__label_3dx9a_329{border-bottom-color:#8b9bb0}._vertical_3dx9a_35 ._selected_3dx9a_66 ._color__label_3dx9a_329{border-right-color:#8b9bb0}
@@ -0,0 +1 @@
1
+ ._textArea_20wp8_13{position:relative;display:inline-block;border:.0833333333em solid #88bfff;border:.0833333333em solid rgba(136,191,255,.75);border-radius:.16em;background-color:#0a0a0a;margin-right:.1666666667em;line-height:1.4166666667em;box-sizing:border-box;width:100%}._fluid_20wp8_26{display:block;width:auto;height:auto}._noborder_20wp8_32{border:0px}._inner_20wp8_36 ._scrollable_20wp8_36{overflow:auto;overflow-x:hidden;overflow-y:scroll}._inner_20wp8_36{display:block;position:absolute;top:0;bottom:0;left:0;right:0;border:0;outline:0;width:100%;height:100%;font-size:1em;line-height:1.4166666667em;min-height:1.4166666667em;margin:0;padding:0 .5em;font-family:inherit;background-color:transparent;color:inherit;box-sizing:border-box;word-wrap:break-word;overflow:hidden}._inner_20wp8_36:-ms-input-placeholder{font-style:italic;color:#777;color:#ffffff73}._custom_20wp8_71{overflow:visible;white-space:pre-wrap}._nowrap_20wp8_76{white-space:nowrap;overflow-wrap:normal;overflow-x:scroll}._wrapper_20wp8_82{overflow:hidden;height:100%;width:100%;position:absolute}
@@ -1,9 +1,12 @@
1
- import { jsx as t } from "react/jsx-runtime";
1
+ import { jsx as c } from "react/jsx-runtime";
2
2
  import { classes as e } from "../common/react.js";
3
- import { Box as m } from "./Box.js";
3
+ import { Box as r } from "./Box.js";
4
+ import '../assets/BlockQuote.css';const l = "_blockQuote_14fvy_13", m = {
5
+ blockQuote: l
6
+ };
4
7
  function f(o) {
5
- const { className: r, ...s } = o;
6
- return /* @__PURE__ */ t(m, { className: e(["BlockQuote", r]), ...s });
8
+ const { className: t, ...s } = o;
9
+ return /* @__PURE__ */ c(r, { className: e([m.blockQuote, t]), ...s });
7
10
  }
8
11
  export {
9
12
  f as BlockQuote
@@ -116,7 +116,13 @@ import '../assets/Button.css';const T = "_button_pi5yi_17", L = "_fa_pi5yi_34",
116
116
  spin: I
117
117
  }
118
118
  ),
119
- c ? /* @__PURE__ */ e("span", { className: N([o.ellipsis, n && o.textMargin]), children: h }) : h,
119
+ c ? /* @__PURE__ */ e(
120
+ "span",
121
+ {
122
+ className: N([o.ellipsis, n && o.textMargin]),
123
+ children: h
124
+ }
125
+ ) : h,
120
126
  n && m === "right" && /* @__PURE__ */ e(
121
127
  R,
122
128
  {
@@ -1,14 +1,21 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { classes as c } from "../common/react.js";
3
- import { computeBoxClassName as s, computeBoxProps as m } from "./Box.js";
2
+ import { classes as s } from "../common/react.js";
3
+ import { computeBoxClassName as e, computeBoxProps as n } from "./Box.js";
4
+ import '../assets/ColorBox.css';const m = "_colorBox_110qz_5", a = {
5
+ colorBox: m
6
+ };
4
7
  function d(r) {
5
- const { content: l, children: a, className: e, ...o } = r;
6
- return o.color = l ? null : "default", o.backgroundColor = r.color || "default", /* @__PURE__ */ t(
8
+ const { content: c, children: x, className: l, ...o } = r;
9
+ return o.color = c ? null : "default", o.backgroundColor = r.color || "default", /* @__PURE__ */ t(
7
10
  "div",
8
11
  {
9
- className: c(["ColorBox", e, s(o)]),
10
- ...m(o),
11
- children: l || "."
12
+ className: s([
13
+ a.colorBox,
14
+ l,
15
+ e(o)
16
+ ]),
17
+ ...n(o),
18
+ children: c || "."
12
19
  }
13
20
  );
14
21
  }
@@ -1,13 +1,21 @@
1
- import { jsx as o, jsxs as n } from "react/jsx-runtime";
1
+ import { jsx as t, jsxs as c } from "react/jsx-runtime";
2
2
  import { Box as r } from "./Box.js";
3
- import { Button as s } from "./Button.js";
4
- const d = (t) => {
5
- const { title: e, onClose: i, children: c, width: l, height: h } = t;
6
- return /* @__PURE__ */ o("div", { className: "Dialog", children: /* @__PURE__ */ n(r, { className: "Dialog__content", width: l || "370px", height: h, children: [
7
- /* @__PURE__ */ n("div", { className: "Dialog__header", children: [
8
- /* @__PURE__ */ o("div", { className: "Dialog__title", children: e }),
9
- /* @__PURE__ */ o(r, { mr: 2, children: /* @__PURE__ */ o(
10
- s,
3
+ import { Button as a } from "./Button.js";
4
+ import '../assets/Dialog.css';const m = "_dialog_1hdv8_5", v = "_content_1hdv8_17", g = "_header_1hdv8_25", p = "_title_1hdv8_33", u = "_body_1hdv8_42", C = "_footer_1hdv8_47", b = "_button_1hdv8_55", o = {
5
+ dialog: m,
6
+ content: v,
7
+ header: g,
8
+ title: p,
9
+ body: u,
10
+ footer: C,
11
+ button: b
12
+ }, h = (e) => {
13
+ const { title: n, onClose: i, children: s, width: l, height: _ } = e;
14
+ return /* @__PURE__ */ t("div", { className: o.dialog, children: /* @__PURE__ */ c(r, { className: o.content, width: l || "370px", height: _, children: [
15
+ /* @__PURE__ */ c("div", { className: o.header, children: [
16
+ /* @__PURE__ */ t("div", { className: o.title, children: n }),
17
+ /* @__PURE__ */ t(r, { mr: 2, children: /* @__PURE__ */ t(
18
+ a,
11
19
  {
12
20
  mr: "-3px",
13
21
  width: "26px",
@@ -21,37 +29,37 @@ const d = (t) => {
21
29
  }
22
30
  ) })
23
31
  ] }),
24
- c
32
+ s
25
33
  ] }) });
26
- }, a = (t) => {
27
- const { onClick: e, children: i } = t;
28
- return /* @__PURE__ */ o(
29
- s,
34
+ }, d = (e) => {
35
+ const { onClick: n, children: i } = e;
36
+ return /* @__PURE__ */ t(
37
+ a,
30
38
  {
31
- onClick: e,
32
- className: "Dialog__button",
39
+ onClick: n,
40
+ className: o.button,
33
41
  verticalAlignContent: "middle",
34
42
  children: i
35
43
  }
36
44
  );
37
45
  };
38
- d.Button = a;
39
- const p = (t) => {
40
- const { documentName: e, onSave: i, onDiscard: c, onClose: l } = t;
41
- return /* @__PURE__ */ n(d, { title: "Notepad", onClose: l, children: [
42
- /* @__PURE__ */ n("div", { className: "Dialog__body", children: [
46
+ h.Button = d;
47
+ const w = (e) => {
48
+ const { documentName: n, onSave: i, onDiscard: s, onClose: l } = e;
49
+ return /* @__PURE__ */ c(h, { title: "Notepad", onClose: l, children: [
50
+ /* @__PURE__ */ c("div", { className: o.body, children: [
43
51
  "Do you want to save changes to ",
44
- e,
52
+ n,
45
53
  "?"
46
54
  ] }),
47
- /* @__PURE__ */ n("div", { className: "Dialog__footer", children: [
48
- /* @__PURE__ */ o(a, { onClick: i, children: "Save" }),
49
- /* @__PURE__ */ o(a, { onClick: c, children: "Don't Save" }),
50
- /* @__PURE__ */ o(a, { onClick: l, children: "Cancel" })
55
+ /* @__PURE__ */ c("div", { className: o.footer, children: [
56
+ /* @__PURE__ */ t(d, { onClick: i, children: "Save" }),
57
+ /* @__PURE__ */ t(d, { onClick: s, children: "Don't Save" }),
58
+ /* @__PURE__ */ t(d, { onClick: l, children: "Cancel" })
51
59
  ] })
52
60
  ] });
53
61
  };
54
62
  export {
55
- d as Dialog,
56
- p as UnsavedChangesDialog
63
+ h as Dialog,
64
+ w as UnsavedChangesDialog
57
65
  };
@@ -1,10 +1,13 @@
1
- import { jsx as r } from "react/jsx-runtime";
1
+ import { jsx as m } from "react/jsx-runtime";
2
2
  import { classes as o } from "../common/react.js";
3
- import { Box as c } from "./Box.js";
4
- function l(m) {
5
- const { className: e, children: s, ...i } = m;
6
- return /* @__PURE__ */ r(c, { className: o(["Dimmer", e]), ...i, children: /* @__PURE__ */ r("div", { className: "Dimmer__inner", children: s }) });
3
+ import { Box as t } from "./Box.js";
4
+ import '../assets/Dimmer.css';const c = "_dimmer_ldz2o_5", n = {
5
+ dimmer: c
6
+ };
7
+ function _(r) {
8
+ const { className: e, children: s, ...i } = r;
9
+ return /* @__PURE__ */ m(t, { className: o([n.dimmer, e]), ...i, children: /* @__PURE__ */ m("div", { className: "Dimmer__inner", children: s }) });
7
10
  }
8
11
  export {
9
- l as Dimmer
12
+ _ as Dimmer
10
13
  };
@@ -1,8 +1,3 @@
1
- /**
2
- * @file
3
- * @copyright 2020 Aleksej Komarov
4
- * @license MIT
5
- */
6
1
  type Props = Partial<{
7
2
  hidden: boolean;
8
3
  vertical: boolean;
@@ -1,18 +1,22 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import { classes as o } from "../common/react.js";
3
- function n(i) {
4
- const { hidden: r, vertical: e } = i;
5
- return /* @__PURE__ */ d(
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { classes as e } from "../common/react.js";
3
+ import '../assets/Divider.css';const d = "_horizontal_1dhv5_9", c = "_hidden_1dhv5_12", s = "_vertical_1dhv5_16", i = {
4
+ horizontal: d,
5
+ hidden: c,
6
+ vertical: s
7
+ };
8
+ function l(t) {
9
+ const { hidden: o, vertical: n } = t;
10
+ return /* @__PURE__ */ r(
6
11
  "div",
7
12
  {
8
- className: o([
9
- "Divider",
10
- r && "Divider--hidden",
11
- e ? "Divider--vertical" : "Divider--horizontal"
13
+ className: e([
14
+ o && i.hidden,
15
+ n ? i.vertical : i.horizontal
12
16
  ])
13
17
  }
14
18
  );
15
19
  }
16
20
  export {
17
- n as Divider
21
+ l as Divider
18
22
  };
@@ -1,4 +1,5 @@
1
1
  import { BoxProps } from './Box';
2
+ import { CSSProperties } from 'react';
2
3
 
3
4
  export type FlexProps = Partial<{
4
5
  align: string | boolean;
@@ -6,7 +7,7 @@ export type FlexProps = Partial<{
6
7
  inline: boolean;
7
8
  justify: string;
8
9
  scrollable: boolean;
9
- style: Partial<HTMLDivElement['style']>;
10
+ style: CSSProperties;
10
11
  wrap: string | boolean;
11
12
  }> & BoxProps;
12
13
  export declare const computeFlexClassName: (props: FlexProps) => string;
@@ -23,5 +24,4 @@ export type FlexItemProps = BoxProps & Partial<{
23
24
  align: string | boolean;
24
25
  style: Partial<HTMLDivElement['style']>;
25
26
  }>;
26
- export declare const computeFlexItemClassName: (props: FlexItemProps) => string;
27
27
  export declare const computeFlexItemProps: (props: FlexItemProps) => Record<string, any>;
@@ -1,33 +1,36 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { classes as n } from "../common/react.js";
3
- import { computeBoxClassName as c, computeBoxProps as u, unit as p } from "./Box.js";
4
- const N = (e) => n([
5
- "Flex",
6
- e.inline && "Flex--inline",
7
- c(e)
8
- ]), d = (e) => {
9
- const { className: o, direction: s, wrap: t, align: i, justify: r, inline: m, ...l } = e;
1
+ import { jsx as m } from "react/jsx-runtime";
2
+ import { classes as r } from "../common/react.js";
3
+ import { computeBoxClassName as x, computeBoxProps as u, unit as p } from "./Box.js";
4
+ import '../assets/Flex.css';const N = "_flex_djoni_5", y = "_inline_djoni_10", a = {
5
+ flex: N,
6
+ inline: y
7
+ }, v = (e) => r([
8
+ a.flex,
9
+ e.inline && a.inline,
10
+ x(e)
11
+ ]), _ = (e) => {
12
+ const { className: n, direction: s, wrap: t, align: l, justify: i, inline: c, ...o } = e;
10
13
  return u({
11
14
  style: {
12
- ...l.style,
15
+ ...o.style,
13
16
  flexDirection: s,
14
17
  flexWrap: t === !0 ? "wrap" : t,
15
- alignItems: i,
16
- justifyContent: r
18
+ alignItems: l,
19
+ justifyContent: i
17
20
  },
18
- ...l
21
+ ...o
19
22
  });
20
- }, F = (e) => {
21
- const { className: o, ...s } = e;
22
- return /* @__PURE__ */ a(
23
+ }, g = (e) => {
24
+ const { className: n, ...s } = e;
25
+ return /* @__PURE__ */ m(
23
26
  "div",
24
27
  {
25
- className: n([o, N(s)]),
26
- ...d(s)
28
+ className: r([n, v(s)]),
29
+ ..._(s)
27
30
  }
28
31
  );
29
- }, v = (e) => n(["Flex__item", c(e)]), y = (e) => {
30
- const { className: o, style: s, grow: t, order: i, shrink: r, basis: m, align: l, ...x } = e, f = m ?? // IE11: Set basis to specified width if it's known, which fixes certain
32
+ }, j = (e) => {
33
+ const { className: n, style: s, grow: t, order: l, shrink: i, basis: c, align: o, ...f } = e, d = c ?? // IE11: Set basis to specified width if it's known, which fixes certain
31
34
  // bugs when rendering tables inside the flex.
32
35
  e.width ?? // If grow is used, basis should be set to 0 to be consistent with
33
36
  // flex css shorthand `flex: 1`.
@@ -36,28 +39,27 @@ const N = (e) => n([
36
39
  style: {
37
40
  ...s,
38
41
  flexGrow: t !== void 0 && Number(t),
39
- flexShrink: r !== void 0 && Number(r),
40
- flexBasis: p(f),
41
- order: i,
42
- alignSelf: l
42
+ flexShrink: i !== void 0 && Number(i),
43
+ flexBasis: p(d),
44
+ order: l,
45
+ alignSelf: o
43
46
  },
44
- ...x
47
+ ...f
45
48
  });
46
- }, g = (e) => {
47
- const { className: o, ...s } = e;
48
- return /* @__PURE__ */ a(
49
+ }, w = (e) => {
50
+ const { className: n, ...s } = e;
51
+ return /* @__PURE__ */ m(
49
52
  "div",
50
53
  {
51
- className: n([o, v(e)]),
52
- ...y(s)
54
+ className: r([n, x(e)]),
55
+ ...j(s)
53
56
  }
54
57
  );
55
58
  };
56
- F.Item = g;
59
+ g.Item = w;
57
60
  export {
58
- F as Flex,
59
- N as computeFlexClassName,
60
- v as computeFlexItemClassName,
61
- y as computeFlexItemProps,
62
- d as computeFlexProps
61
+ g as Flex,
62
+ v as computeFlexClassName,
63
+ j as computeFlexItemProps,
64
+ _ as computeFlexProps
63
65
  };
@@ -1,5 +1,5 @@
1
1
  import { BooleanLike } from '../common/react';
2
- import { ReactNode } from 'react';
2
+ import { CSSProperties, ReactNode } from 'react';
3
3
  import { BoxProps } from './Box';
4
4
 
5
5
  type IconPropsUnique = {
@@ -9,7 +9,7 @@ type IconPropsUnique = {
9
9
  spin: BooleanLike;
10
10
  className: string;
11
11
  rotation: number;
12
- style: Partial<HTMLDivElement['style']>;
12
+ style: CSSProperties;
13
13
  }>;
14
14
  export type IconProps = IconPropsUnique & BoxProps;
15
15
  export declare const Icon: {
@@ -1,42 +1,49 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import { classes as l } from "../common/react.js";
3
- import { computeBoxProps as p, computeBoxClassName as N } from "./Box.js";
4
- const f = /-o$/, d = (c) => {
5
- const { name: s, size: o, spin: a, className: u, rotation: n, ...e } = c, r = e.style || {};
6
- o && (r.fontSize = o * 100 + "%"), n && (r.transform = `rotate(${n}deg)`), e.style = r;
7
- const x = p(e);
8
- let t = "";
9
- if (s.startsWith("tg-"))
10
- t = s;
1
+ import { jsx as f } from "react/jsx-runtime";
2
+ import { classes as m } from "../common/react.js";
3
+ import { computeBoxProps as p, computeBoxClassName as S } from "./Box.js";
4
+ import '../assets/Icon.css';const x = "_iconStack_bg05l_7", y = "_icon_bg05l_7", _ = {
5
+ iconStack: x,
6
+ icon: y
7
+ }, l = /-o$/, b = (n) => {
8
+ const { name: t, size: o, spin: c, className: N, rotation: r, ...a } = n, e = a.style || {};
9
+ o && (e.fontSize = o * 100 + "%"), r && (e.transform = `rotate(${r}deg)`), a.style = e;
10
+ const k = p(a);
11
+ let s = "";
12
+ if (t.startsWith("tg-"))
13
+ s = t;
11
14
  else {
12
- const I = f.test(s), i = s.replace(f, ""), S = !i.startsWith("fa-");
13
- t = I ? "far " : "fas ", S && (t += "fa-"), t += i, a && (t += " fa-spin");
15
+ const u = l.test(t), i = t.replace(l, ""), g = !i.startsWith("fa-");
16
+ s = u ? "far " : "fas ", g && (s += "fa-"), s += i, c && (s += " fa-spin");
14
17
  }
15
- return /* @__PURE__ */ m(
18
+ return /* @__PURE__ */ f(
16
19
  "i",
17
20
  {
18
- className: l([
19
- "Icon",
20
- t,
21
- u,
22
- N(e)
21
+ className: m([
22
+ _.icon,
23
+ s,
24
+ N,
25
+ S(a)
23
26
  ]),
24
- ...x
27
+ ...k
25
28
  }
26
29
  );
27
- }, g = (c) => {
28
- const { className: s, children: o, ...a } = c;
29
- return /* @__PURE__ */ m(
30
+ }, d = (n) => {
31
+ const { className: t, children: o, ...c } = n;
32
+ return /* @__PURE__ */ f(
30
33
  "span",
31
34
  {
32
- className: l(["IconStack", s, N(a)]),
33
- ...p(a),
35
+ className: m([
36
+ _.iconStack,
37
+ t,
38
+ S(c)
39
+ ]),
40
+ ...p(c),
34
41
  children: o
35
42
  }
36
43
  );
37
44
  };
38
- d.Stack = g;
45
+ b.Stack = d;
39
46
  export {
40
- d as Icon,
41
- g as IconStack
47
+ b as Icon,
48
+ d as IconStack
42
49
  };