@tmlmobilidade/ui 20250331.1618.45 → 20250331.1649.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +27 -25
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/src/components/layout/AppWrapper/index.js +4 -4
- package/dist/src/components/layout/AppWrapper/index.js.map +1 -1
- package/dist/src/components/layout/{AppWrapper/Header → AppWrapperHeader}/index.js +3 -3
- package/dist/src/components/layout/AppWrapperHeader/index.js.map +1 -0
- package/dist/src/components/layout/AppWrapperHeader/styles.module.css.js +4 -0
- package/dist/src/components/layout/Sidebar/index.js +4 -54
- package/dist/src/components/layout/Sidebar/index.js.map +1 -1
- package/dist/src/components/layout/Sidebar/styles.module.css.js +1 -1
- package/dist/src/components/layout/SidebarItem/index.js +33 -0
- package/dist/src/components/layout/SidebarItem/index.js.map +1 -0
- package/dist/src/components/layout/SidebarItem/styles.module.css.js +4 -0
- package/dist/src/components/layout/SidebarItem/styles.module.css.js.map +1 -0
- package/dist/styles-no-reset.css +169 -143
- package/dist/styles.css +169 -143
- package/package.json +1 -1
- package/dist/src/components/layout/AppWrapper/Header/index.js.map +0 -1
- package/dist/src/components/layout/AppWrapper/Header/styles.module.css.js +0 -4
- /package/dist/src/components/layout/{AppWrapper/Header → AppWrapperHeader}/styles.module.css.js.map +0 -0
package/dist/styles-no-reset.css
CHANGED
@@ -9700,149 +9700,6 @@ breakpoint-mobile {
|
|
9700
9700
|
/* * */
|
9701
9701
|
/* CONTAINER */
|
9702
9702
|
|
9703
|
-
.styles-module_container__tduxg {
|
9704
|
-
height: 100%;
|
9705
|
-
display: flex;
|
9706
|
-
flex-direction: column;
|
9707
|
-
gap: var(--size-spacing-xs);
|
9708
|
-
justify-content: space-between;
|
9709
|
-
z-index: 25;
|
9710
|
-
overflow-y: auto;
|
9711
|
-
border-right: 1px solid var(--color-system-border-100);
|
9712
|
-
background-color: var(--color-system-background-100);
|
9713
|
-
box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
|
9714
|
-
}
|
9715
|
-
|
9716
|
-
/* * */
|
9717
|
-
/* NAV WRAPPER */
|
9718
|
-
|
9719
|
-
.styles-module_navWrapper__Xb59N {
|
9720
|
-
width: 100%;
|
9721
|
-
display: flex;
|
9722
|
-
flex-direction: column;
|
9723
|
-
align-items: center;
|
9724
|
-
gap: var(--size-spacing-md);
|
9725
|
-
padding: var(--size-spacing-lg);
|
9726
|
-
}
|
9727
|
-
|
9728
|
-
/* * */
|
9729
|
-
/* NAV BUTTON */
|
9730
|
-
|
9731
|
-
.styles-module_navButton__kTv0k {
|
9732
|
-
font-size: 26px;
|
9733
|
-
color: var(--color-system-text-100);
|
9734
|
-
background-color: transparent;
|
9735
|
-
border: 2px solid transparent;
|
9736
|
-
border-radius: var(--border-radius-xs);
|
9737
|
-
transition: all 0.5s ease-in;
|
9738
|
-
|
9739
|
-
&.styles-module_selected__w-GVG {
|
9740
|
-
color: var(--color-contrast);
|
9741
|
-
background-color: var(--color-primary);
|
9742
|
-
border-color: var(--color-secondary);
|
9743
|
-
}
|
9744
|
-
|
9745
|
-
&.styles-module_disabled__lxQjN {
|
9746
|
-
color: var(--color-system-text-300);
|
9747
|
-
cursor: not-allowed;
|
9748
|
-
}
|
9749
|
-
|
9750
|
-
&:hover:not(.styles-module_disabled__lxQjN) {
|
9751
|
-
color: var(--color-contrast);
|
9752
|
-
background-color: var(--color-secondary);
|
9753
|
-
}
|
9754
|
-
}
|
9755
|
-
/* * */
|
9756
|
-
/* CONTAINER */
|
9757
|
-
|
9758
|
-
.styles-module_container__G0H4W {
|
9759
|
-
display: flex;
|
9760
|
-
flex-direction: row;
|
9761
|
-
align-items: center;
|
9762
|
-
justify-content: space-between;
|
9763
|
-
width: 100%;
|
9764
|
-
height: 100%;
|
9765
|
-
z-index: 50;
|
9766
|
-
padding: var(--size-spacing-sm);
|
9767
|
-
padding-left: 20px;
|
9768
|
-
background-color: var(--color-system-background-100);
|
9769
|
-
border-bottom: 1px solid var(--color-system-border-100);
|
9770
|
-
box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
|
9771
|
-
}
|
9772
|
-
|
9773
|
-
@media (prefers-color-scheme: dark) {
|
9774
|
-
.styles-module_container__G0H4W {
|
9775
|
-
background-color: var(--color-system-background-100);
|
9776
|
-
}
|
9777
|
-
}
|
9778
|
-
|
9779
|
-
/* * */
|
9780
|
-
/* GREETING */
|
9781
|
-
|
9782
|
-
.styles-module_greeting__Zw9r- {
|
9783
|
-
color: var(--color-system-text-100);
|
9784
|
-
font-size: 14px;
|
9785
|
-
font-weight: 700;
|
9786
|
-
text-transform: uppercase;
|
9787
|
-
line-height: 1;
|
9788
|
-
}
|
9789
|
-
|
9790
|
-
/* * */
|
9791
|
-
/* OPTIONS */
|
9792
|
-
|
9793
|
-
.styles-module_options__RyJJ1 {
|
9794
|
-
display: flex;
|
9795
|
-
flex-direction: row;
|
9796
|
-
gap: var(--size-md);
|
9797
|
-
}
|
9798
|
-
|
9799
|
-
/* * */
|
9800
|
-
/* CONTAINER */
|
9801
|
-
|
9802
|
-
.styles-module_container__V2XNO {
|
9803
|
-
display: grid;
|
9804
|
-
grid-template-rows: 50px 1fr;
|
9805
|
-
grid-template-columns: 85px 1fr;
|
9806
|
-
width: 100%;
|
9807
|
-
height: 100%;
|
9808
|
-
}
|
9809
|
-
|
9810
|
-
/* * */
|
9811
|
-
/* APP ICON */
|
9812
|
-
|
9813
|
-
.styles-module_appIcon__QFZYG {
|
9814
|
-
z-index: 100;
|
9815
|
-
display: flex;
|
9816
|
-
align-items: center;
|
9817
|
-
width: 100%;
|
9818
|
-
height: 100%;
|
9819
|
-
padding: var(--size-spacing-sm);
|
9820
|
-
background-color: var(--color-system-background-100);
|
9821
|
-
border-right: 1px solid var(--color-system-border-100);
|
9822
|
-
border-bottom: 1px solid var(--color-system-border-100);
|
9823
|
-
box-shadow: 0 0 15px -5px rgb(0 0 0 / 10%);
|
9824
|
-
}
|
9825
|
-
|
9826
|
-
@media (prefers-color-scheme: dark) {
|
9827
|
-
.styles-module_appIcon__QFZYG {
|
9828
|
-
background-color: var(--color-system-background-100);
|
9829
|
-
}
|
9830
|
-
}
|
9831
|
-
|
9832
|
-
/* * */
|
9833
|
-
/* CONTENT */
|
9834
|
-
|
9835
|
-
.styles-module_content__N1Zgw {
|
9836
|
-
z-index: 0;
|
9837
|
-
width: 100%;
|
9838
|
-
height: 100%;
|
9839
|
-
padding: var(--size-spacing-xs);
|
9840
|
-
overflow: hidden;
|
9841
|
-
background-color: var(--color-system-background-200);
|
9842
|
-
}
|
9843
|
-
/* * */
|
9844
|
-
/* CONTAINER */
|
9845
|
-
|
9846
9703
|
.styles-module_container__u-Ao- {
|
9847
9704
|
display: grid;
|
9848
9705
|
grid-template-rows: 1fr;;
|
@@ -10182,6 +10039,175 @@ breakpoint-mobile {
|
|
10182
10039
|
gap: var(--size-spacing-xl);
|
10183
10040
|
}
|
10184
10041
|
/* * */
|
10042
|
+
/* CONTAINER */
|
10043
|
+
|
10044
|
+
.styles-module_container__Xa8G- {
|
10045
|
+
display: flex;
|
10046
|
+
flex-direction: row;
|
10047
|
+
align-items: center;
|
10048
|
+
justify-content: space-between;
|
10049
|
+
width: 100%;
|
10050
|
+
height: 100%;
|
10051
|
+
z-index: 50;
|
10052
|
+
padding: var(--size-spacing-sm);
|
10053
|
+
padding-left: 20px;
|
10054
|
+
background-color: var(--color-system-background-100);
|
10055
|
+
border-bottom: 1px solid var(--color-system-border-100);
|
10056
|
+
box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
|
10057
|
+
}
|
10058
|
+
|
10059
|
+
@media (prefers-color-scheme: dark) {
|
10060
|
+
.styles-module_container__Xa8G- {
|
10061
|
+
background-color: var(--color-system-background-100);
|
10062
|
+
}
|
10063
|
+
}
|
10064
|
+
|
10065
|
+
/* * */
|
10066
|
+
/* GREETING */
|
10067
|
+
|
10068
|
+
.styles-module_greeting__gAW3N {
|
10069
|
+
color: var(--color-system-text-100);
|
10070
|
+
font-size: 14px;
|
10071
|
+
font-weight: 700;
|
10072
|
+
text-transform: uppercase;
|
10073
|
+
line-height: 1;
|
10074
|
+
}
|
10075
|
+
|
10076
|
+
/* * */
|
10077
|
+
/* OPTIONS */
|
10078
|
+
|
10079
|
+
.styles-module_options__eMGiK {
|
10080
|
+
display: flex;
|
10081
|
+
flex-direction: row;
|
10082
|
+
gap: var(--size-md);
|
10083
|
+
}
|
10084
|
+
|
10085
|
+
/* * */
|
10086
|
+
/* CONTAINER */
|
10087
|
+
|
10088
|
+
.styles-module_container__sXEwn {
|
10089
|
+
display: flex;
|
10090
|
+
flex-direction: row;
|
10091
|
+
align-items: center;
|
10092
|
+
justify-content: flex-start;
|
10093
|
+
}
|
10094
|
+
|
10095
|
+
/* * */
|
10096
|
+
/* ICON */
|
10097
|
+
|
10098
|
+
.styles-module_icon__shHZu {
|
10099
|
+
display: flex;
|
10100
|
+
align-items: center;
|
10101
|
+
justify-content: center;
|
10102
|
+
width: 100%;
|
10103
|
+
aspect-ratio: 1;
|
10104
|
+
font-size: 26px;
|
10105
|
+
color: var(--color-system-text-100);
|
10106
|
+
background-color: transparent;
|
10107
|
+
border: 2px solid transparent;
|
10108
|
+
border-radius: var(--border-radius-xs);
|
10109
|
+
}
|
10110
|
+
|
10111
|
+
.styles-module_icon__shHZu:hover {
|
10112
|
+
color: var(--color-contrast);
|
10113
|
+
background-color: var(--color-secondary);
|
10114
|
+
}
|
10115
|
+
|
10116
|
+
.styles-module_icon__shHZu[data-active='true'],
|
10117
|
+
.styles-module_icon__shHZu[data-active='true']:hover {
|
10118
|
+
color: var(--color-contrast);
|
10119
|
+
background-color: var(--color-primary);
|
10120
|
+
border-color: var(--color-secondary);
|
10121
|
+
}
|
10122
|
+
|
10123
|
+
.styles-module_icon__shHZu[data-disabled='true'],
|
10124
|
+
.styles-module_icon__shHZu[data-disabled='true']:hover {
|
10125
|
+
color: var(--color-system-text-300);
|
10126
|
+
cursor: not-allowed;
|
10127
|
+
}
|
10128
|
+
|
10129
|
+
/* * */
|
10130
|
+
/* TOOLTIP */
|
10131
|
+
|
10132
|
+
.styles-module_tooltip__oQUMh {
|
10133
|
+
position: absolute;
|
10134
|
+
left: 50px;
|
10135
|
+
padding: 10px;
|
10136
|
+
color: #000;
|
10137
|
+
background-color: blue;
|
10138
|
+
}
|
10139
|
+
/* * */
|
10140
|
+
/* CONTAINER */
|
10141
|
+
|
10142
|
+
.styles-module_container__tduxg {
|
10143
|
+
z-index: 25;
|
10144
|
+
display: flex;
|
10145
|
+
flex-direction: column;
|
10146
|
+
gap: var(--size-spacing-xs);
|
10147
|
+
justify-content: space-between;
|
10148
|
+
height: 100%;
|
10149
|
+
overflow-y: auto;
|
10150
|
+
background-color: var(--color-system-background-100);
|
10151
|
+
border-right: 1px solid var(--color-system-border-100);
|
10152
|
+
box-shadow: 0 0 10px -5px rgb(0 0 0 / 20%);
|
10153
|
+
}
|
10154
|
+
|
10155
|
+
/* * */
|
10156
|
+
/* NAV WRAPPER */
|
10157
|
+
|
10158
|
+
.styles-module_navWrapper__Xb59N {
|
10159
|
+
display: flex;
|
10160
|
+
flex-direction: column;
|
10161
|
+
gap: var(--size-spacing-md);
|
10162
|
+
align-items: center;
|
10163
|
+
width: 100%;
|
10164
|
+
padding: var(--size-spacing-lg);
|
10165
|
+
}
|
10166
|
+
/* * */
|
10167
|
+
/* CONTAINER */
|
10168
|
+
|
10169
|
+
.styles-module_container__V2XNO {
|
10170
|
+
display: grid;
|
10171
|
+
grid-template-rows: 50px 1fr;
|
10172
|
+
grid-template-columns: 85px 1fr;
|
10173
|
+
width: 100%;
|
10174
|
+
height: 100%;
|
10175
|
+
}
|
10176
|
+
|
10177
|
+
/* * */
|
10178
|
+
/* APP ICON */
|
10179
|
+
|
10180
|
+
.styles-module_appIcon__QFZYG {
|
10181
|
+
z-index: 100;
|
10182
|
+
display: flex;
|
10183
|
+
align-items: center;
|
10184
|
+
width: 100%;
|
10185
|
+
height: 100%;
|
10186
|
+
padding: var(--size-spacing-sm);
|
10187
|
+
background-color: var(--color-system-background-100);
|
10188
|
+
border-right: 1px solid var(--color-system-border-100);
|
10189
|
+
border-bottom: 1px solid var(--color-system-border-100);
|
10190
|
+
box-shadow: 0 0 15px -5px rgb(0 0 0 / 10%);
|
10191
|
+
}
|
10192
|
+
|
10193
|
+
@media (prefers-color-scheme: dark) {
|
10194
|
+
.styles-module_appIcon__QFZYG {
|
10195
|
+
background-color: var(--color-system-background-100);
|
10196
|
+
}
|
10197
|
+
}
|
10198
|
+
|
10199
|
+
/* * */
|
10200
|
+
/* CONTENT */
|
10201
|
+
|
10202
|
+
.styles-module_content__N1Zgw {
|
10203
|
+
z-index: 0;
|
10204
|
+
width: 100%;
|
10205
|
+
height: 100%;
|
10206
|
+
padding: var(--size-spacing-xs);
|
10207
|
+
overflow: hidden;
|
10208
|
+
background-color: var(--color-system-background-200);
|
10209
|
+
}
|
10210
|
+
/* * */
|
10185
10211
|
/* HEADER */
|
10186
10212
|
|
10187
10213
|
.styles-module_header__8EL4W {
|
package/dist/styles.css
CHANGED
@@ -9755,149 +9755,6 @@ breakpoint-mobile {
|
|
9755
9755
|
/* * */
|
9756
9756
|
/* CONTAINER */
|
9757
9757
|
|
9758
|
-
.styles-module_container__tduxg {
|
9759
|
-
height: 100%;
|
9760
|
-
display: flex;
|
9761
|
-
flex-direction: column;
|
9762
|
-
gap: var(--size-spacing-xs);
|
9763
|
-
justify-content: space-between;
|
9764
|
-
z-index: 25;
|
9765
|
-
overflow-y: auto;
|
9766
|
-
border-right: 1px solid var(--color-system-border-100);
|
9767
|
-
background-color: var(--color-system-background-100);
|
9768
|
-
box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
|
9769
|
-
}
|
9770
|
-
|
9771
|
-
/* * */
|
9772
|
-
/* NAV WRAPPER */
|
9773
|
-
|
9774
|
-
.styles-module_navWrapper__Xb59N {
|
9775
|
-
width: 100%;
|
9776
|
-
display: flex;
|
9777
|
-
flex-direction: column;
|
9778
|
-
align-items: center;
|
9779
|
-
gap: var(--size-spacing-md);
|
9780
|
-
padding: var(--size-spacing-lg);
|
9781
|
-
}
|
9782
|
-
|
9783
|
-
/* * */
|
9784
|
-
/* NAV BUTTON */
|
9785
|
-
|
9786
|
-
.styles-module_navButton__kTv0k {
|
9787
|
-
font-size: 26px;
|
9788
|
-
color: var(--color-system-text-100);
|
9789
|
-
background-color: transparent;
|
9790
|
-
border: 2px solid transparent;
|
9791
|
-
border-radius: var(--border-radius-xs);
|
9792
|
-
transition: all 0.5s ease-in;
|
9793
|
-
|
9794
|
-
&.styles-module_selected__w-GVG {
|
9795
|
-
color: var(--color-contrast);
|
9796
|
-
background-color: var(--color-primary);
|
9797
|
-
border-color: var(--color-secondary);
|
9798
|
-
}
|
9799
|
-
|
9800
|
-
&.styles-module_disabled__lxQjN {
|
9801
|
-
color: var(--color-system-text-300);
|
9802
|
-
cursor: not-allowed;
|
9803
|
-
}
|
9804
|
-
|
9805
|
-
&:hover:not(.styles-module_disabled__lxQjN) {
|
9806
|
-
color: var(--color-contrast);
|
9807
|
-
background-color: var(--color-secondary);
|
9808
|
-
}
|
9809
|
-
}
|
9810
|
-
/* * */
|
9811
|
-
/* CONTAINER */
|
9812
|
-
|
9813
|
-
.styles-module_container__G0H4W {
|
9814
|
-
display: flex;
|
9815
|
-
flex-direction: row;
|
9816
|
-
align-items: center;
|
9817
|
-
justify-content: space-between;
|
9818
|
-
width: 100%;
|
9819
|
-
height: 100%;
|
9820
|
-
z-index: 50;
|
9821
|
-
padding: var(--size-spacing-sm);
|
9822
|
-
padding-left: 20px;
|
9823
|
-
background-color: var(--color-system-background-100);
|
9824
|
-
border-bottom: 1px solid var(--color-system-border-100);
|
9825
|
-
box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
|
9826
|
-
}
|
9827
|
-
|
9828
|
-
@media (prefers-color-scheme: dark) {
|
9829
|
-
.styles-module_container__G0H4W {
|
9830
|
-
background-color: var(--color-system-background-100);
|
9831
|
-
}
|
9832
|
-
}
|
9833
|
-
|
9834
|
-
/* * */
|
9835
|
-
/* GREETING */
|
9836
|
-
|
9837
|
-
.styles-module_greeting__Zw9r- {
|
9838
|
-
color: var(--color-system-text-100);
|
9839
|
-
font-size: 14px;
|
9840
|
-
font-weight: 700;
|
9841
|
-
text-transform: uppercase;
|
9842
|
-
line-height: 1;
|
9843
|
-
}
|
9844
|
-
|
9845
|
-
/* * */
|
9846
|
-
/* OPTIONS */
|
9847
|
-
|
9848
|
-
.styles-module_options__RyJJ1 {
|
9849
|
-
display: flex;
|
9850
|
-
flex-direction: row;
|
9851
|
-
gap: var(--size-md);
|
9852
|
-
}
|
9853
|
-
|
9854
|
-
/* * */
|
9855
|
-
/* CONTAINER */
|
9856
|
-
|
9857
|
-
.styles-module_container__V2XNO {
|
9858
|
-
display: grid;
|
9859
|
-
grid-template-rows: 50px 1fr;
|
9860
|
-
grid-template-columns: 85px 1fr;
|
9861
|
-
width: 100%;
|
9862
|
-
height: 100%;
|
9863
|
-
}
|
9864
|
-
|
9865
|
-
/* * */
|
9866
|
-
/* APP ICON */
|
9867
|
-
|
9868
|
-
.styles-module_appIcon__QFZYG {
|
9869
|
-
z-index: 100;
|
9870
|
-
display: flex;
|
9871
|
-
align-items: center;
|
9872
|
-
width: 100%;
|
9873
|
-
height: 100%;
|
9874
|
-
padding: var(--size-spacing-sm);
|
9875
|
-
background-color: var(--color-system-background-100);
|
9876
|
-
border-right: 1px solid var(--color-system-border-100);
|
9877
|
-
border-bottom: 1px solid var(--color-system-border-100);
|
9878
|
-
box-shadow: 0 0 15px -5px rgb(0 0 0 / 10%);
|
9879
|
-
}
|
9880
|
-
|
9881
|
-
@media (prefers-color-scheme: dark) {
|
9882
|
-
.styles-module_appIcon__QFZYG {
|
9883
|
-
background-color: var(--color-system-background-100);
|
9884
|
-
}
|
9885
|
-
}
|
9886
|
-
|
9887
|
-
/* * */
|
9888
|
-
/* CONTENT */
|
9889
|
-
|
9890
|
-
.styles-module_content__N1Zgw {
|
9891
|
-
z-index: 0;
|
9892
|
-
width: 100%;
|
9893
|
-
height: 100%;
|
9894
|
-
padding: var(--size-spacing-xs);
|
9895
|
-
overflow: hidden;
|
9896
|
-
background-color: var(--color-system-background-200);
|
9897
|
-
}
|
9898
|
-
/* * */
|
9899
|
-
/* CONTAINER */
|
9900
|
-
|
9901
9758
|
.styles-module_container__u-Ao- {
|
9902
9759
|
display: grid;
|
9903
9760
|
grid-template-rows: 1fr;;
|
@@ -10237,6 +10094,175 @@ breakpoint-mobile {
|
|
10237
10094
|
gap: var(--size-spacing-xl);
|
10238
10095
|
}
|
10239
10096
|
/* * */
|
10097
|
+
/* CONTAINER */
|
10098
|
+
|
10099
|
+
.styles-module_container__Xa8G- {
|
10100
|
+
display: flex;
|
10101
|
+
flex-direction: row;
|
10102
|
+
align-items: center;
|
10103
|
+
justify-content: space-between;
|
10104
|
+
width: 100%;
|
10105
|
+
height: 100%;
|
10106
|
+
z-index: 50;
|
10107
|
+
padding: var(--size-spacing-sm);
|
10108
|
+
padding-left: 20px;
|
10109
|
+
background-color: var(--color-system-background-100);
|
10110
|
+
border-bottom: 1px solid var(--color-system-border-100);
|
10111
|
+
box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
|
10112
|
+
}
|
10113
|
+
|
10114
|
+
@media (prefers-color-scheme: dark) {
|
10115
|
+
.styles-module_container__Xa8G- {
|
10116
|
+
background-color: var(--color-system-background-100);
|
10117
|
+
}
|
10118
|
+
}
|
10119
|
+
|
10120
|
+
/* * */
|
10121
|
+
/* GREETING */
|
10122
|
+
|
10123
|
+
.styles-module_greeting__gAW3N {
|
10124
|
+
color: var(--color-system-text-100);
|
10125
|
+
font-size: 14px;
|
10126
|
+
font-weight: 700;
|
10127
|
+
text-transform: uppercase;
|
10128
|
+
line-height: 1;
|
10129
|
+
}
|
10130
|
+
|
10131
|
+
/* * */
|
10132
|
+
/* OPTIONS */
|
10133
|
+
|
10134
|
+
.styles-module_options__eMGiK {
|
10135
|
+
display: flex;
|
10136
|
+
flex-direction: row;
|
10137
|
+
gap: var(--size-md);
|
10138
|
+
}
|
10139
|
+
|
10140
|
+
/* * */
|
10141
|
+
/* CONTAINER */
|
10142
|
+
|
10143
|
+
.styles-module_container__sXEwn {
|
10144
|
+
display: flex;
|
10145
|
+
flex-direction: row;
|
10146
|
+
align-items: center;
|
10147
|
+
justify-content: flex-start;
|
10148
|
+
}
|
10149
|
+
|
10150
|
+
/* * */
|
10151
|
+
/* ICON */
|
10152
|
+
|
10153
|
+
.styles-module_icon__shHZu {
|
10154
|
+
display: flex;
|
10155
|
+
align-items: center;
|
10156
|
+
justify-content: center;
|
10157
|
+
width: 100%;
|
10158
|
+
aspect-ratio: 1;
|
10159
|
+
font-size: 26px;
|
10160
|
+
color: var(--color-system-text-100);
|
10161
|
+
background-color: transparent;
|
10162
|
+
border: 2px solid transparent;
|
10163
|
+
border-radius: var(--border-radius-xs);
|
10164
|
+
}
|
10165
|
+
|
10166
|
+
.styles-module_icon__shHZu:hover {
|
10167
|
+
color: var(--color-contrast);
|
10168
|
+
background-color: var(--color-secondary);
|
10169
|
+
}
|
10170
|
+
|
10171
|
+
.styles-module_icon__shHZu[data-active='true'],
|
10172
|
+
.styles-module_icon__shHZu[data-active='true']:hover {
|
10173
|
+
color: var(--color-contrast);
|
10174
|
+
background-color: var(--color-primary);
|
10175
|
+
border-color: var(--color-secondary);
|
10176
|
+
}
|
10177
|
+
|
10178
|
+
.styles-module_icon__shHZu[data-disabled='true'],
|
10179
|
+
.styles-module_icon__shHZu[data-disabled='true']:hover {
|
10180
|
+
color: var(--color-system-text-300);
|
10181
|
+
cursor: not-allowed;
|
10182
|
+
}
|
10183
|
+
|
10184
|
+
/* * */
|
10185
|
+
/* TOOLTIP */
|
10186
|
+
|
10187
|
+
.styles-module_tooltip__oQUMh {
|
10188
|
+
position: absolute;
|
10189
|
+
left: 50px;
|
10190
|
+
padding: 10px;
|
10191
|
+
color: #000;
|
10192
|
+
background-color: blue;
|
10193
|
+
}
|
10194
|
+
/* * */
|
10195
|
+
/* CONTAINER */
|
10196
|
+
|
10197
|
+
.styles-module_container__tduxg {
|
10198
|
+
z-index: 25;
|
10199
|
+
display: flex;
|
10200
|
+
flex-direction: column;
|
10201
|
+
gap: var(--size-spacing-xs);
|
10202
|
+
justify-content: space-between;
|
10203
|
+
height: 100%;
|
10204
|
+
overflow-y: auto;
|
10205
|
+
background-color: var(--color-system-background-100);
|
10206
|
+
border-right: 1px solid var(--color-system-border-100);
|
10207
|
+
box-shadow: 0 0 10px -5px rgb(0 0 0 / 20%);
|
10208
|
+
}
|
10209
|
+
|
10210
|
+
/* * */
|
10211
|
+
/* NAV WRAPPER */
|
10212
|
+
|
10213
|
+
.styles-module_navWrapper__Xb59N {
|
10214
|
+
display: flex;
|
10215
|
+
flex-direction: column;
|
10216
|
+
gap: var(--size-spacing-md);
|
10217
|
+
align-items: center;
|
10218
|
+
width: 100%;
|
10219
|
+
padding: var(--size-spacing-lg);
|
10220
|
+
}
|
10221
|
+
/* * */
|
10222
|
+
/* CONTAINER */
|
10223
|
+
|
10224
|
+
.styles-module_container__V2XNO {
|
10225
|
+
display: grid;
|
10226
|
+
grid-template-rows: 50px 1fr;
|
10227
|
+
grid-template-columns: 85px 1fr;
|
10228
|
+
width: 100%;
|
10229
|
+
height: 100%;
|
10230
|
+
}
|
10231
|
+
|
10232
|
+
/* * */
|
10233
|
+
/* APP ICON */
|
10234
|
+
|
10235
|
+
.styles-module_appIcon__QFZYG {
|
10236
|
+
z-index: 100;
|
10237
|
+
display: flex;
|
10238
|
+
align-items: center;
|
10239
|
+
width: 100%;
|
10240
|
+
height: 100%;
|
10241
|
+
padding: var(--size-spacing-sm);
|
10242
|
+
background-color: var(--color-system-background-100);
|
10243
|
+
border-right: 1px solid var(--color-system-border-100);
|
10244
|
+
border-bottom: 1px solid var(--color-system-border-100);
|
10245
|
+
box-shadow: 0 0 15px -5px rgb(0 0 0 / 10%);
|
10246
|
+
}
|
10247
|
+
|
10248
|
+
@media (prefers-color-scheme: dark) {
|
10249
|
+
.styles-module_appIcon__QFZYG {
|
10250
|
+
background-color: var(--color-system-background-100);
|
10251
|
+
}
|
10252
|
+
}
|
10253
|
+
|
10254
|
+
/* * */
|
10255
|
+
/* CONTENT */
|
10256
|
+
|
10257
|
+
.styles-module_content__N1Zgw {
|
10258
|
+
z-index: 0;
|
10259
|
+
width: 100%;
|
10260
|
+
height: 100%;
|
10261
|
+
padding: var(--size-spacing-xs);
|
10262
|
+
overflow: hidden;
|
10263
|
+
background-color: var(--color-system-background-200);
|
10264
|
+
}
|
10265
|
+
/* * */
|
10240
10266
|
/* HEADER */
|
10241
10267
|
|
10242
10268
|
.styles-module_header__8EL4W {
|
package/package.json
CHANGED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/layout/AppWrapper/Header/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AASA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,SAAS,CAAG,CAAA,CAAA,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,IAAI,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,EAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,KAAK,CAAC;AAEpE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAyB,CAAA,CAAA;;;;CAMjE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,GAAG,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,GAAG,CAAI,CAAA,CAAA,CAAA,CAAC,MAAM,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAC,CAAC;;;AAKnF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAK,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAC/BA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,QAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,QAAQ,CAAK,CAAA,CAAA,CAAA,CAAA,CAC7DC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,OAAO,CAExB,CAAA,CAAA,CAAA,CAAA,CAAA,CACD,CAAA;;AAIR;;"}
|
/package/dist/src/components/layout/{AppWrapper/Header → AppWrapperHeader}/styles.module.css.js.map
RENAMED
File without changes
|