@situaction/traq-ui-ste 1.1.16 → 1.1.18
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/README.md +42 -5
- package/dist/X-Bd1VjKAF.mjs +190 -0
- package/dist/components/accordion/Accordion.d.ts +3 -0
- package/dist/components/accordion/Accordion.js +6 -5
- package/dist/components/accordion/item/AccordionItem.d.ts +3 -0
- package/dist/components/accordion/item/AccordionItem.js +34 -30
- package/dist/components/button/Button.d.ts +2 -2
- package/dist/components/button/Button.js +4 -3
- package/dist/components/buttonControledScroll/ButtonControlledScroll.d.ts +11 -1
- package/dist/components/calendar/Calendar.d.ts +6 -0
- package/dist/components/calendar/Calendar.js +833 -509
- package/dist/components/card/Card.d.ts +7 -0
- package/dist/components/checkbox/Checkbox.d.ts +4 -0
- package/dist/components/icon/Icon.d.ts +18 -0
- package/dist/components/icon/Icon.js +78592 -0
- package/dist/components/icon-button/IconButton.d.ts +8 -3
- package/dist/components/input/Input.d.ts +5 -0
- package/dist/components/list/list-controls/ListControls.d.ts +19 -0
- package/dist/components/list/list-controls/ListControls.js +49 -0
- package/dist/components/list/nested-list/NestedList.d.ts +18 -0
- package/dist/components/list/nested-list/NestedList.js +19 -0
- package/dist/components/list/nested-list/item/NestedListItem.d.ts +23 -0
- package/dist/components/list/nested-list/item/NestedListItem.js +71 -0
- package/dist/components/menu/Menu.d.ts +59 -0
- package/dist/components/menu/Menu.js +121 -0
- package/dist/components/modal/Modal.d.ts +32 -0
- package/dist/components/modal/Modal.js +24 -0
- package/dist/components/panel/side-panel/SidePanel.d.ts +30 -0
- package/dist/components/panel/side-panel/SidePanel.js +47 -0
- package/dist/components/panel/side-panel-header/SidePanelHeader.d.ts +22 -0
- package/dist/components/panel/side-panel-header/SidePanelHeader.js +60 -0
- package/dist/components/select/Select.d.ts +34 -15
- package/dist/components/select/Select.js +79 -64
- package/dist/components/select-filter-input-tags/SelectFilterInputTags.d.ts +17 -0
- package/dist/components/select-filter-input-tags/SelectFilterInputTags.js +31 -0
- package/dist/components/select-multi-items/SelectMultiItems.d.ts +24 -0
- package/dist/components/select-multi-items/SelectMultiItems.js +44 -0
- package/dist/components/switch/Switch.d.ts +30 -0
- package/dist/components/switch/Switch.js +93 -0
- package/dist/components/tabs/Tabs.d.ts +4 -0
- package/dist/components/tabs/Tabs.js +14 -13
- package/dist/components/tag/Tag.d.ts +4 -0
- package/dist/components/tag-counter/TagCounter.d.ts +5 -0
- package/dist/components/theme/variables_dark.d.ts +9 -0
- package/dist/components/theme/variables_dark.js +10 -1
- package/dist/components/theme/variables_light.d.ts +9 -0
- package/dist/components/theme/variables_light.js +10 -1
- package/dist/components/title/Title.d.ts +3 -0
- package/dist/components/tooltip/Tooltip.d.ts +5 -0
- package/dist/main.d.ts +15 -4
- package/dist/main.js +58 -34
- package/dist/styles/AccordionItem.css +1 -1
- package/dist/styles/Button.css +1 -1
- package/dist/styles/ListControls.css +1 -0
- package/dist/styles/Menu.css +1 -0
- package/dist/styles/Modal.css +1 -0
- package/dist/styles/NestedList.css +1 -0
- package/dist/styles/NestedListItem.css +1 -0
- package/dist/styles/Select.css +1 -1
- package/dist/styles/SelectFilterInputTags.css +1 -0
- package/dist/styles/SelectMultiItems.css +1 -0
- package/dist/styles/SidePanel.css +1 -0
- package/dist/styles/SidePanelHeader.css +1 -0
- package/dist/styles/Size.css +1 -0
- package/dist/styles/Switch.css +1 -0
- package/dist/styles/index.css +1 -0
- package/package.json +5 -4
- package/dist/styles/main.css +0 -1
package/dist/main.d.ts
CHANGED
|
@@ -6,12 +6,23 @@ export { Tabs } from './components/tabs/Tabs';
|
|
|
6
6
|
export { IconButton } from './components/icon-button/IconButton';
|
|
7
7
|
export { Tag } from './components/tag/Tag';
|
|
8
8
|
export { Title } from './components/title/Title';
|
|
9
|
-
export { TagCounter } from './components/tag-counter/TagCounter
|
|
10
|
-
export { Checkbox } from './components/checkbox/Checkbox
|
|
11
|
-
export { Tooltip } from './components/tooltip/Tooltip
|
|
12
|
-
export { Select } from './components/select/Select
|
|
9
|
+
export { TagCounter } from './components/tag-counter/TagCounter';
|
|
10
|
+
export { Checkbox } from './components/checkbox/Checkbox';
|
|
11
|
+
export { Tooltip } from './components/tooltip/Tooltip';
|
|
12
|
+
export { Select } from './components/select/Select';
|
|
13
13
|
export { Calendar } from './components/calendar/Calendar';
|
|
14
14
|
export { Accordion } from './components/accordion/Accordion';
|
|
15
15
|
export { AccordionItem } from './components/accordion/item/AccordionItem';
|
|
16
16
|
export { Card } from './components/card/Card';
|
|
17
|
+
export { Icon } from './components/icon/Icon';
|
|
18
|
+
export { Menu } from './components/menu/Menu';
|
|
19
|
+
export { Modal } from './components/modal/Modal';
|
|
20
|
+
export { SelectMultiItems } from './components/select-multi-items/SelectMultiItems';
|
|
21
|
+
export { SelectFilterInputTags } from './components/select-filter-input-tags/SelectFilterInputTags';
|
|
22
|
+
export { ListControls } from './components/list/list-controls/ListControls';
|
|
23
|
+
export { NestedList } from './components/list/nested-list/NestedList';
|
|
24
|
+
export { NestedListItem } from './components/list/nested-list/item/NestedListItem';
|
|
25
|
+
export { Switch } from './components/switch/Switch';
|
|
26
|
+
export { SidePanel } from './components/panel/side-panel/SidePanel';
|
|
27
|
+
export { SidePanelHeader } from './components/panel/side-panel-header/SidePanelHeader';
|
|
17
28
|
export { ThemeProvider, useTheme } from './components/theme/ThemeContext';
|
package/dist/main.js
CHANGED
|
@@ -1,35 +1,59 @@
|
|
|
1
|
-
import { Button as
|
|
2
|
-
import { ButtonControlledScroll as
|
|
3
|
-
import { Input as
|
|
4
|
-
import { Tabs as
|
|
5
|
-
import { IconButton as
|
|
6
|
-
import { Tag as
|
|
7
|
-
import { Title as
|
|
8
|
-
import { TagCounter as
|
|
9
|
-
import { Checkbox as
|
|
10
|
-
import { Tooltip as
|
|
11
|
-
import { Select as
|
|
12
|
-
import { Calendar as
|
|
13
|
-
import { Accordion as
|
|
14
|
-
import { AccordionItem as
|
|
15
|
-
import { Card as
|
|
16
|
-
import {
|
|
17
|
-
import
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
1
|
+
import { Button as m } from "./components/button/Button.js";
|
|
2
|
+
import { ButtonControlledScroll as x } from "./components/buttonControledScroll/ButtonControlledScroll.js";
|
|
3
|
+
import { Input as l } from "./components/input/Input.js";
|
|
4
|
+
import { Tabs as i } from "./components/tabs/Tabs.js";
|
|
5
|
+
import { IconButton as d } from "./components/icon-button/IconButton.js";
|
|
6
|
+
import { Tag as s } from "./components/tag/Tag.js";
|
|
7
|
+
import { Title as T } from "./components/title/Title.js";
|
|
8
|
+
import { TagCounter as S } from "./components/tag-counter/TagCounter.js";
|
|
9
|
+
import { Checkbox as h } from "./components/checkbox/Checkbox.js";
|
|
10
|
+
import { Tooltip as B } from "./components/tooltip/Tooltip.js";
|
|
11
|
+
import { Select as M } from "./components/select/Select.js";
|
|
12
|
+
import { Calendar as b } from "./components/calendar/Calendar.js";
|
|
13
|
+
import { Accordion as N } from "./components/accordion/Accordion.js";
|
|
14
|
+
import { AccordionItem as v } from "./components/accordion/item/AccordionItem.js";
|
|
15
|
+
import { Card as F } from "./components/card/Card.js";
|
|
16
|
+
import { Icon as j } from "./components/icon/Icon.js";
|
|
17
|
+
import { Menu as y } from "./components/menu/Menu.js";
|
|
18
|
+
import { Modal as D } from "./components/modal/Modal.js";
|
|
19
|
+
import { SelectMultiItems as G } from "./components/select-multi-items/SelectMultiItems.js";
|
|
20
|
+
import { SelectFilterInputTags as K } from "./components/select-filter-input-tags/SelectFilterInputTags.js";
|
|
21
|
+
import { ListControls as Q } from "./components/list/list-controls/ListControls.js";
|
|
22
|
+
import { NestedList as U } from "./components/list/nested-list/NestedList.js";
|
|
23
|
+
import { NestedListItem as W } from "./components/list/nested-list/item/NestedListItem.js";
|
|
24
|
+
import { Switch as Y } from "./components/switch/Switch.js";
|
|
25
|
+
import { SidePanel as _ } from "./components/panel/side-panel/SidePanel.js";
|
|
26
|
+
import { SidePanelHeader as oo } from "./components/panel/side-panel-header/SidePanelHeader.js";
|
|
27
|
+
import { ThemeProvider as eo, useTheme as to } from "./components/theme/ThemeContext.js";
|
|
28
|
+
import './styles/Size.css';import './styles/index.css';/* empty css */
|
|
29
|
+
/* empty css */
|
|
30
|
+
export {
|
|
31
|
+
N as Accordion,
|
|
32
|
+
v as AccordionItem,
|
|
33
|
+
m as Button,
|
|
34
|
+
x as ButtonControlledScroll,
|
|
35
|
+
b as Calendar,
|
|
36
|
+
F as Card,
|
|
37
|
+
h as Checkbox,
|
|
38
|
+
j as Icon,
|
|
39
|
+
d as IconButton,
|
|
40
|
+
l as Input,
|
|
41
|
+
Q as ListControls,
|
|
42
|
+
y as Menu,
|
|
43
|
+
D as Modal,
|
|
44
|
+
U as NestedList,
|
|
45
|
+
W as NestedListItem,
|
|
46
|
+
M as Select,
|
|
47
|
+
K as SelectFilterInputTags,
|
|
48
|
+
G as SelectMultiItems,
|
|
49
|
+
_ as SidePanel,
|
|
50
|
+
oo as SidePanelHeader,
|
|
51
|
+
Y as Switch,
|
|
52
|
+
i as Tabs,
|
|
53
|
+
s as Tag,
|
|
54
|
+
S as TagCounter,
|
|
55
|
+
eo as ThemeProvider,
|
|
56
|
+
T as Title,
|
|
57
|
+
B as Tooltip,
|
|
58
|
+
to as useTheme
|
|
35
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.
|
|
1
|
+
@charset "UTF-8";._accordionHeader_1tsuj_7{display:flex;align-items:center;justify-content:space-between;border-radius:.375rem;gap:.375rem}._padding-s_1tsuj_15{padding:var(--spacing-xs-4)}._padding-m_1tsuj_19{padding:var(--spacing-xs-2)}._padding-l_1tsuj_23{padding:var(--spacing-xs)}._padding-xl_1tsuj_27{padding:var(--spacing-s)}._title_1tsuj_31{flex-grow:1;text-align:left}._fullHeight_1tsuj_36{height:100%}._block_1tsuj_40{border:1px solid var(--general-border-window);box-shadow:0 4px 5px 0 var(--shadow-color-minimal);background:var(--background-primary);border-radius:.375rem}._tile_1tsuj_48 ._accordionHeader_1tsuj_7{border-radius:.375rem;background:var(--background-primary);margin-bottom:.375rem;border:1px solid var(--general-border-window)}
|
package/dist/styles/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._button_wt8sv_23{font-family:var(--font-family);font-weight:500;font-style:normal;line-height:1.25rem;border:0;cursor:pointer;width:fit-content}._button_wt8sv_23:focus-visible{outline:2px solid var(--button-focus-mode);outline-offset:2px}._button_wt8sv_23:disabled{background:var(--button-primary-disabled-background);color:var(--button-primary-disabled-text);border:1px solid var(--button-primary-disabled-border);cursor:initial;pointer-events:none}._button_wt8sv_23:disabled *{fill:var(--button-primary-disabled-text)}._button-primary_wt8sv_47{color:var(--button-primary-default-text);background:var(--button-primary-default-background)}._button-primary_wt8sv_47:hover{background:var(--button-primary-hover-background)}._button-primary_wt8sv_47:active{background:var(--button-primary-pressed-background);outline:none}._button-primary_wt8sv_47 *{fill:var(--button-primary-default-text)}._button-secondary_wt8sv_61{color:var(--button-secondary-default-text);border:1px solid var(--button-secondary-default-border);background:var(--button-secondary-default-background)}._button-secondary_wt8sv_61:hover{border:1px solid var(--button-secondary-hover-border);background:var(--button-secondary-hover-background)}._button-secondary_wt8sv_61:active{border:1px solid var(--button-secondary-pressed-border);background:var(--button-secondary-pressed-background)}._button-secondary_wt8sv_61 *{fill:var(--button-secondary-default-text)}._button-tertiary_wt8sv_77{color:var(--button-tertiary-default-text);background-color:transparent;border:1px solid var(--button-tertiary-default-border)}._button-tertiary_wt8sv_77:hover{border:1px solid var(--button-tertiary-hover-border);background:var(--button-tertiary-hover-background)}._button-tertiary_wt8sv_77:active{border:1px solid var(--button-tertiary-pressed-border);background:var(--button-tertiary-pressed-background)}._button-tertiary_wt8sv_77 *{fill:var(--button-tertiary-default-text)}._button-ghost_wt8sv_93{color:var(--button-ghost-default-text);background-color:transparent}._button-ghost_wt8sv_93:hover{background:var(--button-ghost-hover-background)}._button-ghost_wt8sv_93:active{background-color:var(--button-ghost-pressed-background)}._button-ghost_wt8sv_93:disabled{border:none}._button-ghost_wt8sv_93 *{fill:var(--button-ghost-default-text)}._button-text_wt8sv_109{color:var(--text-button-inactive-text);background-color:transparent;padding:0!important}._button-text_wt8sv_109:hover{color:var(--text-button-inactive-hover-text)}._button-text_wt8sv_109:disabled{border:none;background-color:transparent;color:var(--text-button-disabled-text)}._button-text-selected_wt8sv_122,._button-text-selected_wt8sv_122:hover{color:var(--text-button-active-text)}._button-error_wt8sv_128{color:var(--button-destructive-default-text);background:var(--button-destructive-default-background)}._button-error_wt8sv_128:hover{background:var(--button-destructive-hover-background)}._button-error_wt8sv_128:active{background:var(--button-destructive-pressed-background)}._button-error_wt8sv_128 *{fill:var(--button-destructive-default-text)}._button-size-xl_wt8sv_141{padding:1rem 2rem;font-size:1.125em;line-height:28px;border-radius:8px}._button-size-l_wt8sv_147{padding:.75rem 1.5rem;font-size:1em;line-height:24px;border-radius:8px}._button-size-m_wt8sv_153{padding:.5rem 1rem;font-size:.875em;line-height:22px;border-radius:4px}._button-size-s_wt8sv_159{padding:.375rem .75rem;font-size:.875em;line-height:16px;border-radius:4px}._button-size-menu_wt8sv_165{padding:.5rem;font-size:1em;line-height:24px;border-radius:4px}._button-gap-menu_wt8sv_171{gap:.5rem}._button-gap-xl_wt8sv_174{gap:12px}._button-gap-l_wt8sv_177{gap:8px}._button-gap-m_wt8sv_171,._button-gap-s_wt8sv_180{gap:4px}._flexHorizontalCenter_wt8sv_184{display:flex;justify-content:center;align-items:center;flex-direction:row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._list_1nihg_6{width:200px;border-radius:var(--spacing-xs-6);z-index:10;box-shadow:2px 2px 10px 2px #00000017;top:100%;padding:.5rem;gap:.5rem;display:flex;justify-content:flex-start;align-items:start;flex-direction:column}._list_1nihg_6>div{max-height:300px;width:100%;overflow-y:auto;gap:.25rem;display:flex;justify-content:flex-start;align-items:start;flex-direction:column}._list_1nihg_6 ._children_1nihg_29{padding:var(--spacing-xs-6) var(--spacing-xs-5);width:100%;box-sizing:border-box;gap:.5rem;display:flex;justify-content:flex-start;align-items:start;flex-direction:row}._list_1nihg_6 ._children_1nihg_29:hover{background:var(--dropdown-line-background-hover);border-radius:var(--spacing-xs-6)}._list_1nihg_6 ._selected_1nihg_43{background:var(--button-tertiary-pressed-background);border-radius:var(--spacing-xs-6)}._list_1nihg_6 ._reset_1nihg_47{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
nav{height:100vh;width:fit-content;padding:0 var(--spacing-xs-3) var(--spacing-xs-3);flex-shrink:1;transition:.3s;box-sizing:border-box;z-index:5}nav ._fullHeight_ikhx4_15{height:100%}nav ._fullWidth_ikhx4_18{width:100%}nav ._open_ikhx4_21{width:200px;transition:all ease .3s}nav ._close_ikhx4_25{width:40px;transition:all ease-out .3s}nav ._menuButton_ikhx4_29{width:100%}nav ._menuButton_ikhx4_29 button{padding:var(--spacing-xs-4);width:inherit!important;justify-content:flex-start!important}nav ._closeIcon_ikhx4_37{height:30px;cursor:pointer;margin:.875rem 0}nav ._label_ikhx4_42{letter-spacing:.72px;font-weight:600}nav ._textEllipsis_ikhx4_46{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}nav ._pointer_ikhx4_51{cursor:pointer}nav ._fullImg_ikhx4_54{margin:.875rem 0;display:flex;justify-content:space-between;width:100%}nav ._menuParams_ikhx4_60{gap:.125rem;position:relative;width:100%}._line_ikhx4_66{height:1px;width:100%;background-color:var(--general-border-window);margin:var(--spacing-xs-3) 0}._borderRadiusM_ikhx4_73{border-radius:4px}._menuItem_ikhx4_77{gap:.25rem;width:100%;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column}._flexVerticalBetweenStart_ikhx4_86{display:flex;justify-content:space-between;align-items:start;flex-direction:column}._flexHorizontalBetween_ikhx4_93{display:flex;justify-content:space-between;align-items:center;flex-direction:row}._flexVertical_ikhx4_86{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column}._flexVerticalBetweenCenter_ikhx4_107{display:flex;justify-content:space-between;align-items:center;flex-direction:column}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";._overlay_lv2n7_2{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3;pointer-events:auto}._modalContent_lv2n7_12{position:absolute;z-index:12;border:1px solid var(--general-border-window);background-color:var(--background-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._nestedlist_7rnd3_6{min-width:200px;width:100%;box-sizing:border-box;padding:.5rem;gap:.125rem;display:flex;justify-content:flex-start;align-items:start;flex-direction:column}._reset_7rnd3_18{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._nestedlist_2r2ga_6{cursor:pointer;padding:.25rem;gap:.25rem;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}._nestedlist_2r2ga_6:hover{background:var(--dropdown-line-background-hover);border-radius:var(--spacing-xs-7)}._nestedlist_2r2ga_6 ._items_2r2ga_21{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:.25rem}._nestedlist_2r2ga_6 ._textSmall_2r2ga_28{font-size:.875em;font-style:normal;line-height:1.25rem}._modal_2r2ga_34{border-radius:4px}
|
package/dist/styles/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._selectContainer_ak06l_40{position:relative}._selectContainer_ak06l_40 ._selected_ak06l_43{background:var(--button-tertiary-pressed-background);border-radius:var(--spacing-xs-6)}._selectContainer_ak06l_40 ._children_ak06l_47{padding:var(--spacing-xs-6) var(--spacing-xs-5);box-sizing:border-box;width:100%;gap:.5rem;cursor:pointer;display:flex;justify-content:flex-start;align-items:start;flex-direction:row}._selectContainer_ak06l_40 ._children_ak06l_47:hover{background:var(--dropdown-line-background-hover);border-radius:var(--spacing-xs-6)}._selectContainer_ak06l_40 ._children_ak06l_47._active_ak06l_62{background:var(--button-tertiary-pressed-background);border-radius:var(--spacing-xs-6)}._selectContainer_ak06l_40 ._selectList_ak06l_66{max-height:200px;overflow-y:auto;gap:.25rem;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column}._selectContainer_ak06l_40 ._modal_ak06l_75{border-radius:4px;padding:.5rem;animation:_dropdownFadeIn_ak06l_1 .2s ease-out;transform-origin:top left}._selectContainer_ak06l_40 ._itemLabel_ak06l_81{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes _dropdownFadeIn_ak06l_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._listTagSelect_2v3fb_6{padding:var(--spacing-xs-3);box-sizing:border-box;width:100%;display:flex;justify-content:flex-start;align-items:start;flex-direction:row}._listTagSelect_2v3fb_6>div{gap:.5rem;flex-wrap:wrap;display:flex;justify-content:flex-start;align-items:center;flex-direction:row}._flexAutoSize_2v3fb_24{flex-grow:1;flex-basis:60px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._relative_w7e9a_6{position:relative}._tagCounter_w7e9a_10{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.125rem}._modal_w7e9a_18{border-radius:4px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._panel_1d46d_1{position:absolute;z-index:10;top:0;transition:.3s;height:100%;box-sizing:border-box}._panel_1d46d_1 ._openPanelBtn_1d46d_9{width:40px;height:70px;background-color:var(--background-secondary);color:#fff;cursor:pointer;top:50%;transform:translateY(-50%)}._panel_1d46d_1 ._box_1d46d_18{box-shadow:0 10px 10px #0003;height:100%;box-sizing:border-box;position:relative;background-color:var(--background-primary)}._panelLeft_1d46d_26{left:var(--dynamic-left)}._panelLeft_1d46d_26>div{border-radius:0 var(--spacing-xs) var(--spacing-xs) 0}._panelRight_1d46d_33{right:var(--dynamic-right)}._panelRight_1d46d_33>div{border-radius:var(--spacing-xs) 0 0 var(--spacing-xs)}._panelOpenedLeft_1d46d_40{left:0}._panelOpenedRight_1d46d_44{right:0}._panelHidden_1d46d_48{visibility:hidden}._displayPanel_1d46d_52{display:block}._hidePanel_1d46d_56{display:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._sidePanelHeader_72g7b_6{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-bottom:1.25rem}._sidePanelHeader_72g7b_6 ._buttonArrow_72g7b_13{gap:.5rem;display:flex;justify-content:flex-start;align-items:start;flex-direction:row}._sidePanelHeader_72g7b_6 ._title_72g7b_20{gap:.375rem;display:flex;justify-content:center;align-items:center;flex-direction:row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.padding-xs-7{padding:.125rem}.padding-xs-6{padding:.25rem}.padding-xs-5{padding:.375rem}.padding-xs-4{padding:.5rem}.padding-xs-3{padding:.625rem}.padding-xs-2{padding:.75rem}.padding-xs{padding:.875rem}.padding-s{padding:1rem}.padding-m-1{padding:1.125rem}.padding-m-2{padding:1.25rem}.padding-l{padding:1.5rem}.padding-xl{padding:1.75rem}.padding-xl-2{padding:2rem}.padding-xl-3{padding:2.25rem}.padding-xl-4{padding:2.75rem}.padding-xl-5{padding:3rem}.padding-xl-6{padding:4rem}.padding-h-xs-7{padding:0 .125rem}.padding-h-xs-6{padding:0 .25rem}.padding-h-xs-5{padding:0 .375rem}.padding-h-xs-4{padding:0 .5rem}.padding-h-xs-3{padding:0 .625rem}.padding-h-xs-2{padding:0 .75rem}.padding-h-xs{padding:0 .875rem}.padding-h-s{padding:0 1rem}.padding-h-m-1{padding:0 1.125rem}.padding-h-m-2{padding:0 1.25rem}.padding-h-l{padding:0 1.5rem}.padding-h-xl{padding:0 1.75rem}.padding-h-xl-2{padding:0 2rem}.padding-h-xl-3{padding:0 2.25rem}.padding-h-xl-4{padding:0 2.75rem}.padding-h-xl-5{padding:0 3rem}.padding-h-xl-6{padding:0 4rem}.padding-v-xs-7{padding:.125rem 0}.padding-v-xs-6{padding:.25rem 0}.padding-v-xs-5{padding:.375rem 0}.padding-v-xs-4{padding:.5rem 0}.padding-v-xs-3{padding:.625rem 0}.padding-v-xs-2{padding:.75rem 0}.padding-v-xs{padding:.875rem 0}.padding-v-s{padding:1rem 0}.padding-v-m-1{padding:1.125rem 0}.padding-v-m-2{padding:1.25rem 0}.padding-v-l{padding:1.5rem 0}.padding-v-xl{padding:1.75rem 0}.padding-v-xl-2{padding:2rem 0}.padding-v-xl-3{padding:2.25rem 0}.padding-v-xl-4{padding:2.75rem 0}.padding-v-xl-5{padding:3rem 0}.padding-v-xl-6{padding:4rem 0}.padding-l-xs-7{padding-left:.125rem}.padding-l-xs-6{padding-left:.25rem}.padding-l-xs-5{padding-left:.375rem}.padding-l-xs-4{padding-left:.5rem}.padding-l-xs-3{padding-left:.625rem}.padding-l-xs-2{padding-left:.75rem}.padding-l-xs{padding-left:.875rem}.padding-l-s{padding-left:1rem}.padding-l-m-1{padding-left:1.125rem}.padding-l-m-2{padding-left:1.25rem}.padding-l-l{padding-left:1.5rem}.padding-l-xl{padding-left:1.75rem}.padding-l-xl-2{padding-left:2rem}.padding-l-xl-3{padding-left:2.25rem}.padding-l-xl-4{padding-left:2.75rem}.padding-l-xl-5{padding-left:3rem}.padding-l-xl-6{padding-left:4rem}.padding-r-xs-7{padding-right:.125rem}.padding-r-xs-6{padding-right:.25rem}.padding-r-xs-5{padding-right:.375rem}.padding-r-xs-4{padding-right:.5rem}.padding-r-xs-3{padding-right:.625rem}.padding-r-xs-2{padding-right:.75rem}.padding-r-xs{padding-right:.875rem}.padding-r-s{padding-right:1rem}.padding-r-m-1{padding-right:1.125rem}.padding-r-m-2{padding-right:1.25rem}.padding-r-l{padding-right:1.5rem}.padding-r-xl{padding-right:1.75rem}.padding-r-xl-2{padding-right:2rem}.padding-r-xl-3{padding-right:2.25rem}.padding-r-xl-4{padding-right:2.75rem}.padding-r-xl-5{padding-right:3rem}.padding-r-xl-6{padding-right:4rem}.padding-top-xs-7{padding-top:.125rem}.padding-top-xs-6{padding-top:.25rem}.padding-top-xs-5{padding-top:.375rem}.padding-top-xs-4{padding-top:.5rem}.padding-top-xs-3{padding-top:.625rem}.padding-top-xs-2{padding-top:.75rem}.padding-top-xs{padding-top:.875rem}.padding-top-s{padding-top:1rem}.padding-top-m-1{padding-top:1.125rem}.padding-top-m-2{padding-top:1.25rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:1.75rem}.padding-top-xl-2{padding-top:2rem}.padding-top-xl-3{padding-top:2.25rem}.padding-top-xl-4{padding-top:2.75rem}.padding-top-xl-5{padding-top:3rem}.padding-top-xl-6{padding-top:4rem}.padding-bottom-xs-7{padding-bottom:.125rem}.padding-bottom-xs-6{padding-bottom:.25rem}.padding-bottom-xs-5{padding-bottom:.375rem}.padding-bottom-xs-4{padding-bottom:.5rem}.padding-bottom-xs-3{padding-bottom:.625rem}.padding-bottom-xs-2{padding-bottom:.75rem}.padding-bottom-xs{padding-bottom:.875rem}.padding-bottom-s{padding-bottom:1rem}.padding-bottom-m-1{padding-bottom:1.125rem}.padding-bottom-m-2{padding-bottom:1.25rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:1.75rem}.padding-bottom-xl-2{padding-bottom:2rem}.padding-bottom-xl-3{padding-bottom:2.25rem}.padding-bottom-xl-4{padding-bottom:2.75rem}.padding-bottom-xl-5{padding-bottom:3rem}.padding-bottom-xl-6{padding-bottom:4rem}.margin-xs-7{margin:.125rem}.margin-xs-6{margin:.25rem}.margin-xs-5{margin:.375rem}.margin-xs-4{margin:.5rem}.margin-xs-3{margin:.625rem}.margin-xs-2{margin:.75rem}.margin-xs{margin:.875rem}.margin-s{margin:1rem}.margin-m-1{margin:1.125rem}.margin-m-2{margin:1.25rem}.margin-l{margin:1.5rem}.margin-xl{margin:1.75rem}.margin-xl-2{margin:2rem}.margin-xl-3{margin:2.25rem}.margin-xl-4{margin:2.75rem}.margin-xl-5{margin:3rem}.margin-xl-6{margin:4rem}.margin-h-xs-7{margin:0 .125rem}.margin-h-xs-6{margin:0 .25rem}.margin-h-xs-5{margin:0 .375rem}.margin-h-xs-4{margin:0 .5rem}.margin-h-xs-3{margin:0 .625rem}.margin-h-xs-2{margin:0 .75rem}.margin-h-xs{margin:0 .875rem}.margin-h-s{margin:0 1rem}.margin-h-m-1{margin:0 1.125rem}.margin-h-m-2{margin:0 1.25rem}.margin-h-l{margin:0 1.5rem}.margin-h-xl{margin:0 1.75rem}.margin-h-xl-2{margin:0 2rem}.margin-h-xl-3{margin:0 2.25rem}.margin-h-xl-4{margin:0 2.75rem}.margin-h-xl-5{margin:0 3rem}.margin-h-xl-6{margin:0 4rem}.margin-v-xs-7{margin:.125rem 0}.margin-v-xs-6{margin:.25rem 0}.margin-v-xs-5{margin:.375rem 0}.margin-v-xs-4{margin:.5rem 0}.margin-v-xs-3{margin:.625rem 0}.margin-v-xs-2{margin:.75rem 0}.margin-v-xs{margin:.875rem 0}.margin-v-s{margin:1rem 0}.margin-v-m-1{margin:1.125rem 0}.margin-v-m-2{margin:1.25rem 0}.margin-v-l{margin:1.5rem 0}.margin-v-xl{margin:1.75rem 0}.margin-v-xl-2{margin:2rem 0}.margin-v-xl-3{margin:2.25rem 0}.margin-v-xl-4{margin:2.75rem 0}.margin-v-xl-5{margin:3rem 0}.margin-v-xl-6{margin:4rem 0}.margin-l-xs-7{margin-left:.125rem}.margin-l-xs-6{margin-left:.25rem}.margin-l-xs-5{margin-left:.375rem}.margin-l-xs-4{margin-left:.5rem}.margin-l-xs-3{margin-left:.625rem}.margin-l-xs-2{margin-left:.75rem}.margin-l-xs{margin-left:.875rem}.margin-l-s{margin-left:1rem}.margin-l-m-1{margin-left:1.125rem}.margin-l-m-2{margin-left:1.25rem}.margin-l-l{margin-left:1.5rem}.margin-l-xl{margin-left:1.75rem}.margin-l-xl-2{margin-left:2rem}.margin-l-xl-3{margin-left:2.25rem}.margin-l-xl-4{margin-left:2.75rem}.margin-l-xl-5{margin-left:3rem}.margin-l-xl-6{margin-left:4rem}.margin-r-xs-7{margin-right:.125rem}.margin-r-xs-6{margin-right:.25rem}.margin-r-xs-5{margin-right:.375rem}.margin-r-xs-4{margin-right:.5rem}.margin-r-xs-3{margin-right:.625rem}.margin-r-xs-2{margin-right:.75rem}.margin-r-xs{margin-right:.875rem}.margin-r-s{margin-right:1rem}.margin-r-m-1{margin-right:1.125rem}.margin-r-m-2{margin-right:1.25rem}.margin-r-l{margin-right:1.5rem}.margin-r-xl{margin-right:1.75rem}.margin-r-xl-2{margin-right:2rem}.margin-r-xl-3{margin-right:2.25rem}.margin-r-xl-4{margin-right:2.75rem}.margin-r-xl-5{margin-right:3rem}.margin-r-xl-6{margin-right:4rem}.margin-top-xs-7{margin-top:.125rem}.margin-top-xs-6{margin-top:.25rem}.margin-top-xs-5{margin-top:.375rem}.margin-top-xs-4{margin-top:.5rem}.margin-top-xs-3{margin-top:.625rem}.margin-top-xs-2{margin-top:.75rem}.margin-top-xs{margin-top:.875rem}.margin-top-s{margin-top:1rem}.margin-top-m-1{margin-top:1.125rem}.margin-top-m-2{margin-top:1.25rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:1.75rem}.margin-top-xl-2{margin-top:2rem}.margin-top-xl-3{margin-top:2.25rem}.margin-top-xl-4{margin-top:2.75rem}.margin-top-xl-5{margin-top:3rem}.margin-top-xl-6{margin-top:4rem}.margin-bottom-xs-7{margin-bottom:.125rem}.margin-bottom-xs-6{margin-bottom:.25rem}.margin-bottom-xs-5{margin-bottom:.375rem}.margin-bottom-xs-4{margin-bottom:.5rem}.margin-bottom-xs-3{margin-bottom:.625rem}.margin-bottom-xs-2{margin-bottom:.75rem}.margin-bottom-xs{margin-bottom:.875rem}.margin-bottom-s{margin-bottom:1rem}.margin-bottom-m-1{margin-bottom:1.125rem}.margin-bottom-m-2{margin-bottom:1.25rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:1.75rem}.margin-bottom-xl-2{margin-bottom:2rem}.margin-bottom-xl-3{margin-bottom:2.25rem}.margin-bottom-xl-4{margin-bottom:2.75rem}.margin-bottom-xl-5{margin-bottom:3rem}.margin-bottom-xl-6{margin-bottom:4rem}.fontSize10{font-size:.625em}.fontSize12{font-size:.75em}.fontSize14{font-size:.875em}.fontSize16{font-size:1em}.fontSize18{font-size:1.125em}.fontSize20{font-size:1.25em}.fontSize22{font-size:1.375em}.fontSize24{font-size:1.5em}.fontSize30{font-size:1.875em}.fontSize32{font-size:2em}.fontSize40{font-size:3em}.fontSize64{font-size:4em}.gap-xs-7{gap:.125rem}.gap-xs-6{gap:.25rem}.gap-xs-5{gap:.375rem}.gap-xs-4{gap:.5rem}.gap-xs-3{gap:.625rem}.gap-xs-2{gap:.75rem}.gap-xs{gap:.875rem}.gap-s{gap:1rem}.gap-m-1{gap:1.125rem}.gap-m-2{gap:1.25rem}.gap-l{gap:1.5rem}.gap-xl{gap:1.75rem}.gap-xl-2{gap:2rem}.gap-xl-3{gap:2.25rem}.gap-xl-4{gap:2.75rem}.gap-xl-5{gap:3rem}.gap-xl-6{gap:4rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._switch_1mxgk_6{display:inline-flex;align-items:center;cursor:pointer;position:relative}._switch_1mxgk_6 input{position:absolute;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;z-index:2}._switch_1mxgk_6 ._slider_1mxgk_21{position:relative;border-radius:999px;background:var(--switch-default-off-bullet);transition:background-color .2s;z-index:1}._switch_1mxgk_6 ._slider_1mxgk_21:before{content:"";position:absolute;border-radius:50%;background:var(--switch-default-off-bullet);transition:transform .2s}._switch_1mxgk_6 input:checked+._slider_1mxgk_21{background:var(--switch-default-on-background)}._switch_1mxgk_6 input:not(:checked)+._slider_1mxgk_21{background:var(--switch-default-off-background)}._switch_1mxgk_6._s_1mxgk_6{gap:.25rem}._switch_1mxgk_6._s_1mxgk_6 ._slider_1mxgk_21{width:24px;height:14px}._switch_1mxgk_6._s_1mxgk_6 ._slider_1mxgk_21:before{width:.625rem;height:.625rem;top:50%;left:.125rem;transform:translateY(-50%)}._switch_1mxgk_6._s_1mxgk_6 input:checked+._slider_1mxgk_21:before{transform:translate(100%,-50%)}._switch_1mxgk_6._m_1mxgk_58{gap:.5rem}._switch_1mxgk_6._m_1mxgk_58 ._slider_1mxgk_21{width:32px;height:18px}._switch_1mxgk_6._m_1mxgk_58 ._slider_1mxgk_21:before{width:.875rem;height:.875rem;top:50%;left:.125rem;transform:translateY(-50%)}._switch_1mxgk_6._m_1mxgk_58 input:checked+._slider_1mxgk_21:before{transform:translate(100%,-50%)}._switch_1mxgk_6._l_1mxgk_75{gap:.625rem}._switch_1mxgk_6._l_1mxgk_75 ._slider_1mxgk_21{width:40px;height:22px}._switch_1mxgk_6._l_1mxgk_75 ._slider_1mxgk_21:before{width:1.125rem;height:1.125rem;top:50%;left:.125rem;transform:translateY(-50%)}._switch_1mxgk_6._l_1mxgk_75 input:checked+._slider_1mxgk_21:before{transform:translate(100%,-50%)}._switch_1mxgk_6._xl_1mxgk_92{gap:.75rem}._switch_1mxgk_6._xl_1mxgk_92 ._slider_1mxgk_21{width:48px;height:26px}._switch_1mxgk_6._xl_1mxgk_92 ._slider_1mxgk_21:before{width:1.38rem;height:1.38rem;top:50%;left:.125rem;transform:translateY(-50%)}._switch_1mxgk_6._xl_1mxgk_92 input:checked+._slider_1mxgk_21:before{transform:translate(100%,-50%)}._disabled_1mxgk_110{cursor:auto}._disabled_1mxgk_110 ._slider_1mxgk_21{background:var(--switch-diasbled-background)!important}._disabled_1mxgk_110 ._slider_1mxgk_21:before{background:var(--switch-diasbled-bullet)!important}._wrapper_1mxgk_121{display:inline-flex;border:1px solid var(--tabs-button-border);border-radius:6px;overflow:hidden;background:var(--tabs-button-background);padding:.125rem;gap:.25rem;color:var(--button-tertiary-default-icon)}._wrapper_1mxgk_121._disabled_1mxgk_110{opacity:.5;pointer-events:none}._button_1mxgk_136{border:none;padding:.375rem;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}._button_1mxgk_136._active_1mxgk_145{border-radius:4px;border:1px solid var(--button-tertiary-default-border);background:var(--tabs-button-background-button)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@font-face{font-family:Urbanist-Thin;src:url(../fonts/Urbanist-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Urbanist-Extra-Light;src:url(../fonts/Urbanist-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Urbanist-Light;src:url(../fonts/Urbanist-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Urbanist-Regular;src:url(../fonts/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Urbanist;src:url(../fonts/Urbanist-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Urbanist-Back;src:url(../fonts/Urbanist-Black.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Urbanist-Semi-Bold;src:url(../fonts/Urbanist-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Urbanist-Bold;src:url(../fonts/Urbanist-Bold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Urbanist-Extra-Bold;src:url(../fonts/Urbanist-ExtraBold.ttf) format("truetype");font-weight:900;font-style:normal}:root,body{font-family:Urbanist,sans-serif;line-height:1;width:100vw;height:100vh}h1{font-size:1.875em;font-style:normal;font-weight:700;line-height:2.25rem}h2{font-size:1.5em;font-style:normal;font-weight:700;line-height:2rem;margin:0}h3{font-size:1.25em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h4{font-size:1.125em;font-style:normal;font-weight:700;line-height:1.75rem;margin:0}h5{font-size:1em;font-style:normal;font-weight:700;line-height:1.5rem;margin:0}h6{font-size:.875em;font-style:normal;font-weight:700;line-height:1.25rem;margin:0}.textExtraLarge{font-size:1.25em;font-style:normal;line-height:2rem}.textLarge{font-size:1.125em;font-style:normal;line-height:1.75rem}.textMedium{font-size:1em;font-style:normal;line-height:1.5rem}.textSmall{font-size:.875em;font-style:normal;line-height:1.25rem}.textSmaller{font-size:.75em;font-style:normal;line-height:1rem}.labelExtraLarge{font-size:1.25em;font-style:normal;line-height:normal;letter-spacing:1.2px}.labelLarge{font-size:1.125em;font-style:normal;line-height:normal;letter-spacing:1.08px}.labelMedium{font-size:1em;font-style:normal;line-height:normal;letter-spacing:.96px}.labelSmall{font-size:.875em;font-style:normal;line-height:normal;letter-spacing:.84px}.labelSmaller{font-size:.75em;font-style:normal;line-height:normal;letter-spacing:.72px}.labelSmallest{font-size:.625em;font-style:normal;line-height:normal;letter-spacing:.6px}.fontWeight-100{font-weight:100}.fontWeight-200{font-weight:200}.fontWeight-300{font-weight:300}.fontWeight-400{font-weight:400}.fontWeight-500{font-weight:500}.fontWeight-600{font-weight:600}.fontWeight-700{font-weight:700}.fontWeight-800{font-weight:800}.fontWeight-900{font-weight:900}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-background);border-radius:.5rem;transition:all .3s ease;margin:.625rem;background-clip:padding-box}::-webkit-scrollbar:hover{cursor:pointer}::-webkit-scrollbar-corner{background:var(--scrollbar-background)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@situaction/traq-ui-ste",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.18",
|
|
4
4
|
"description": "library react component Situaction",
|
|
5
5
|
"main": "dist/main.js",
|
|
6
6
|
"types": "dist/main.d.ts",
|
|
@@ -28,14 +28,16 @@
|
|
|
28
28
|
"sass"
|
|
29
29
|
],
|
|
30
30
|
"peerDependencies": {
|
|
31
|
+
"@phosphor-icons/react": "^2.1.7",
|
|
32
|
+
"date-fns": "^3.0.0",
|
|
31
33
|
"react": "^18.2.0",
|
|
32
|
-
"react-dom": "^18.2.0"
|
|
33
|
-
"date-fns": "^3.0.0"
|
|
34
|
+
"react-dom": "^18.2.0"
|
|
34
35
|
},
|
|
35
36
|
"author": "Situaction",
|
|
36
37
|
"license": "ISC",
|
|
37
38
|
"devDependencies": {
|
|
38
39
|
"@chromatic-com/storybook": "^1.5.0",
|
|
40
|
+
"@phosphor-icons/react": "^2.1.7",
|
|
39
41
|
"@storybook/addon-essentials": "^8.3.5",
|
|
40
42
|
"@storybook/addon-interactions": "^8.3.5",
|
|
41
43
|
"@storybook/addon-links": "^8.3.5",
|
|
@@ -76,7 +78,6 @@
|
|
|
76
78
|
"vite-plugin-lib-inject-css": "^2.1.1"
|
|
77
79
|
},
|
|
78
80
|
"dependencies": {
|
|
79
|
-
"date-fns": "^4.1.0",
|
|
80
81
|
"react": "^18.2.0",
|
|
81
82
|
"react-dom": "^18.2.0",
|
|
82
83
|
"storybook-figma": "^0.1.2",
|
package/dist/styles/main.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.padding-xs-7{padding:.125rem}.padding-xs-6{padding:.25rem}.padding-xs-5{padding:.375rem}.padding-xs-4{padding:.5rem}.padding-xs-3{padding:.625rem}.padding-xs-2{padding:.75rem}.padding-xs{padding:.875rem}.padding-s{padding:1rem}.padding-m-1{padding:1.125rem}.padding-m-2{padding:1.25rem}.padding-l{padding:1.5rem}.padding-xl{padding:1.75rem}.padding-xl-2{padding:2rem}.padding-xl-3{padding:2.25rem}.padding-xl-4{padding:2.75rem}.padding-xl-5{padding:3rem}.padding-xl-6{padding:4rem}.padding-h-xs-7{padding:0 .125rem}.padding-h-xs-6{padding:0 .25rem}.padding-h-xs-5{padding:0 .375rem}.padding-h-xs-4{padding:0 .5rem}.padding-h-xs-3{padding:0 .625rem}.padding-h-xs-2{padding:0 .75rem}.padding-h-xs{padding:0 .875rem}.padding-h-s{padding:0 1rem}.padding-h-m-1{padding:0 1.125rem}.padding-h-m-2{padding:0 1.25rem}.padding-h-l{padding:0 1.5rem}.padding-h-xl{padding:0 1.75rem}.padding-h-xl-2{padding:0 2rem}.padding-h-xl-3{padding:0 2.25rem}.padding-h-xl-4{padding:0 2.75rem}.padding-h-xl-5{padding:0 3rem}.padding-h-xl-6{padding:0 4rem}.padding-v-xs-7{padding:.125rem 0}.padding-v-xs-6{padding:.25rem 0}.padding-v-xs-5{padding:.375rem 0}.padding-v-xs-4{padding:.5rem 0}.padding-v-xs-3{padding:.625rem 0}.padding-v-xs-2{padding:.75rem 0}.padding-v-xs{padding:.875rem 0}.padding-v-s{padding:1rem 0}.padding-v-m-1{padding:1.125rem 0}.padding-v-m-2{padding:1.25rem 0}.padding-v-l{padding:1.5rem 0}.padding-v-xl{padding:1.75rem 0}.padding-v-xl-2{padding:2rem 0}.padding-v-xl-3{padding:2.25rem 0}.padding-v-xl-4{padding:2.75rem 0}.padding-v-xl-5{padding:3rem 0}.padding-v-xl-6{padding:4rem 0}.padding-l-xs-7{padding:0 .125rem}.padding-l-xs-6{padding:0 .25rem}.padding-l-xs-5{padding:0 .375rem}.padding-l-xs-4{padding:0 .5rem}.padding-l-xs-3{padding:0 .625rem}.padding-l-xs-2{padding:0 .75rem}.padding-l-xs{padding:0 .875rem}.padding-l-s{padding:0 1rem}.padding-l-m-1{padding:0 1.125rem}.padding-l-m-2{padding:0 1.25rem}.padding-l-l{padding:0 1.5rem}.padding-l-xl{padding:0 1.75rem}.padding-l-xl-2{padding:0 2rem}.padding-l-xl-3{padding:0 2.25rem}.padding-l-xl-4{padding:0 2.75rem}.padding-l-xl-5{padding:0 3rem}.padding-l-xl-6{padding:0 4rem}.padding-r-xs-7{padding:0 .125rem}.padding-r-xs-6{padding:0 .25rem}.padding-r-xs-5{padding:0 .375rem}.padding-r-xs-4{padding:0 .5rem}.padding-r-xs-3{padding:0 .625rem}.padding-r-xs-2{padding:0 .75rem}.padding-r-xs{padding:0 .875rem}.padding-r-s{padding:0 1rem}.padding-r-m-1{padding:0 1.125rem}.padding-r-m-2{padding:0 1.25rem}.padding-r-l{padding:0 1.5rem}.padding-r-xl{padding:0 1.75rem}.padding-r-xl-2{padding:0 2rem}.padding-r-xl-3{padding:0 2.25rem}.padding-r-xl-4{padding:0 2.75rem}.padding-r-xl-5{padding:0 3rem}.padding-r-xl-6{padding:0 4rem}.padding-top-xs-7{padding-top:.125rem}.padding-top-xs-6{padding-top:.25rem}.padding-top-xs-5{padding-top:.375rem}.padding-top-xs-4{padding-top:.5rem}.padding-top-xs-3{padding-top:.625rem}.padding-top-xs-2{padding-top:.75rem}.padding-top-xs{padding-top:.875rem}.padding-top-s{padding-top:1rem}.padding-top-m-1{padding-top:1.125rem}.padding-top-m-2{padding-top:1.25rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:1.75rem}.padding-top-xl-2{padding-top:2rem}.padding-top-xl-3{padding-top:2.25rem}.padding-top-xl-4{padding-top:2.75rem}.padding-top-xl-5{padding-top:3rem}.padding-top-xl-6{padding-top:4rem}.padding-bottom-xs-7{padding-bottom:.125rem}.padding-bottom-xs-6{padding-bottom:.25rem}.padding-bottom-xs-5{padding-bottom:.375rem}.padding-bottom-xs-4{padding-bottom:.5rem}.padding-bottom-xs-3{padding-bottom:.625rem}.padding-bottom-xs-2{padding-bottom:.75rem}.padding-bottom-xs{padding-bottom:.875rem}.padding-bottom-s{padding-bottom:1rem}.padding-bottom-m-1{padding-bottom:1.125rem}.padding-bottom-m-2{padding-bottom:1.25rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:1.75rem}.padding-bottom-xl-2{padding-bottom:2rem}.padding-bottom-xl-3{padding-bottom:2.25rem}.padding-bottom-xl-4{padding-bottom:2.75rem}.padding-bottom-xl-5{padding-bottom:3rem}.padding-bottom-xl-6{padding-bottom:4rem}.margin-xs-7{margin:.125rem}.margin-xs-6{margin:.25rem}.margin-xs-5{margin:.375rem}.margin-xs-4{margin:.5rem}.margin-xs-3{margin:.625rem}.margin-xs-2{margin:.75rem}.margin-xs{margin:.875rem}.margin-s{margin:1rem}.margin-m-1{margin:1.125rem}.margin-m-2{margin:1.25rem}.margin-l{margin:1.5rem}.margin-xl{margin:1.75rem}.margin-xl-2{margin:2rem}.margin-xl-3{margin:2.25rem}.margin-xl-4{margin:2.75rem}.margin-xl-5{margin:3rem}.margin-xl-6{margin:4rem}.margin-h-xs-7{margin:0 .125rem}.margin-h-xs-6{margin:0 .25rem}.margin-h-xs-5{margin:0 .375rem}.margin-h-xs-4{margin:0 .5rem}.margin-h-xs-3{margin:0 .625rem}.margin-h-xs-2{margin:0 .75rem}.margin-h-xs{margin:0 .875rem}.margin-h-s{margin:0 1rem}.margin-h-m-1{margin:0 1.125rem}.margin-h-m-2{margin:0 1.25rem}.margin-h-l{margin:0 1.5rem}.margin-h-xl{margin:0 1.75rem}.margin-h-xl-2{margin:0 2rem}.margin-h-xl-3{margin:0 2.25rem}.margin-h-xl-4{margin:0 2.75rem}.margin-h-xl-5{margin:0 3rem}.margin-h-xl-6{margin:0 4rem}.margin-v-xs-7{margin:.125rem 0}.margin-v-xs-6{margin:.25rem 0}.margin-v-xs-5{margin:.375rem 0}.margin-v-xs-4{margin:.5rem 0}.margin-v-xs-3{margin:.625rem 0}.margin-v-xs-2{margin:.75rem 0}.margin-v-xs{margin:.875rem 0}.margin-v-s{margin:1rem 0}.margin-v-m-1{margin:1.125rem 0}.margin-v-m-2{margin:1.25rem 0}.margin-v-l{margin:1.5rem 0}.margin-v-xl{margin:1.75rem 0}.margin-v-xl-2{margin:2rem 0}.margin-v-xl-3{margin:2.25rem 0}.margin-v-xl-4{margin:2.75rem 0}.margin-v-xl-5{margin:3rem 0}.margin-v-xl-6{margin:4rem 0}.margin-l-xs-7{margin-left:.125rem}.margin-l-xs-6{margin-left:.25rem}.margin-l-xs-5{margin-left:.375rem}.margin-l-xs-4{margin-left:.5rem}.margin-l-xs-3{margin-left:.625rem}.margin-l-xs-2{margin-left:.75rem}.margin-l-xs{margin-left:.875rem}.margin-l-s{margin-left:1rem}.margin-l-m-1{margin-left:1.125rem}.margin-l-m-2{margin-left:1.25rem}.margin-l-l{margin-left:1.5rem}.margin-l-xl{margin-left:1.75rem}.margin-l-xl-2{margin-left:2rem}.margin-l-xl-3{margin-left:2.25rem}.margin-l-xl-4{margin-left:2.75rem}.margin-l-xl-5{margin-left:3rem}.margin-l-xl-6{margin-left:4rem}.margin-r-xs-7{margin-right:.125rem}.margin-r-xs-6{margin-right:.25rem}.margin-r-xs-5{margin-right:.375rem}.margin-r-xs-4{margin-right:.5rem}.margin-r-xs-3{margin-right:.625rem}.margin-r-xs-2{margin-right:.75rem}.margin-r-xs{margin-right:.875rem}.margin-r-s{margin-right:1rem}.margin-r-m-1{margin-right:1.125rem}.margin-r-m-2{margin-right:1.25rem}.margin-r-l{margin-right:1.5rem}.margin-r-xl{margin-right:1.75rem}.margin-r-xl-2{margin-right:2rem}.margin-r-xl-3{margin-right:2.25rem}.margin-r-xl-4{margin-right:2.75rem}.margin-r-xl-5{margin-right:3rem}.margin-r-xl-6{margin-right:4rem}.margin-top-xs-7{margin-top:.125rem}.margin-top-xs-6{margin-top:.25rem}.margin-top-xs-5{margin-top:.375rem}.margin-top-xs-4{margin-top:.5rem}.margin-top-xs-3{margin-top:.625rem}.margin-top-xs-2{margin-top:.75rem}.margin-top-xs{margin-top:.875rem}.margin-top-s{margin-top:1rem}.margin-top-m-1{margin-top:1.125rem}.margin-top-m-2{margin-top:1.25rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:1.75rem}.margin-top-xl-2{margin-top:2rem}.margin-top-xl-3{margin-top:2.25rem}.margin-top-xl-4{margin-top:2.75rem}.margin-top-xl-5{margin-top:3rem}.margin-top-xl-6{margin-top:4rem}.margin-bottom-xs-7{margin-bottom:.125rem}.margin-bottom-xs-6{margin-bottom:.25rem}.margin-bottom-xs-5{margin-bottom:.375rem}.margin-bottom-xs-4{margin-bottom:.5rem}.margin-bottom-xs-3{margin-bottom:.625rem}.margin-bottom-xs-2{margin-bottom:.75rem}.margin-bottom-xs{margin-bottom:.875rem}.margin-bottom-s{margin-bottom:1rem}.margin-bottom-m-1{margin-bottom:1.125rem}.margin-bottom-m-2{margin-bottom:1.25rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:1.75rem}.margin-bottom-xl-2{margin-bottom:2rem}.margin-bottom-xl-3{margin-bottom:2.25rem}.margin-bottom-xl-4{margin-bottom:2.75rem}.margin-bottom-xl-5{margin-bottom:3rem}.margin-bottom-xl-6{margin-bottom:4rem}.fontSize10{font-size:.625em}.fontSize12{font-size:.75em}.fontSize14{font-size:.875em}.fontSize16{font-size:1em}.fontSize18{font-size:1.125em}.fontSize20{font-size:1.25em}.fontSize22{font-size:1.375em}.fontSize24{font-size:1.5em}.fontSize30{font-size:1.875em}.fontSize32{font-size:2em}.fontSize40{font-size:3em}.fontSize64{font-size:4em}.gap-xs-7{gap:.125rem}.gap-xs-6{gap:.25rem}.gap-xs-5{gap:.375rem}.gap-xs-4{gap:.5rem}.gap-xs-3{gap:.625rem}.gap-xs-2{gap:.75rem}.gap-xs{gap:.875rem}.gap-s{gap:1rem}.gap-m-1{gap:1.125rem}.gap-m-2{gap:1.25rem}.gap-l{gap:1.5rem}.gap-xl{gap:1.75rem}.gap-xl-2{gap:2rem}.gap-xl-3{gap:2.25rem}.gap-xl-4{gap:2.75rem}.gap-xl-5{gap:3rem}.gap-xl-6{gap:4rem}
|