@omniumretail/component-library 1.1.32 → 1.1.33

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 (3) hide show
  1. package/dist/main.css +1 -1
  2. package/package.json +1 -1
  3. package/src/components/Sidebar/styles.module.scss +38 -2
package/dist/main.css CHANGED
@@ -14,7 +14,7 @@
14
14
  .D8zh2JqbXPRwa7HPZoou{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0 16px;background-color:var(--color-black);position:fixed;bottom:0;width:100%;padding:12px 24px;font-size:var(--font-size-body-1);color:var(--color-grey-light);height:60px;flex-direction:row;text-align:left;box-sizing:border-box}.D8zh2JqbXPRwa7HPZoou .rLcS8I6I0aB1gd6Ro7Ix{color:var(--grey2);width:100%;margin-bottom:4px}.D8zh2JqbXPRwa7HPZoou .I18ixqhkBJrOHeIm9ELH{margin-left:8px}.D8zh2JqbXPRwa7HPZoou .XVFO_EVWpXwEwbcS7OwM,.D8zh2JqbXPRwa7HPZoou .I18ixqhkBJrOHeIm9ELH{display:inline-block}.D8zh2JqbXPRwa7HPZoou .Ch59mk3ENKwL_xUV4kwI{height:25px;align-self:flex-end}
15
15
  .yBVWvA0RtFgQb0zg7Zha .ant-modal-close{width:auto;color:var(--button-default-background)}.yBVWvA0RtFgQb0zg7Zha .ant-modal-close:hover{background-color:rgba(0,0,0,0);color:var(--button-default-background-hover-color)}.yBVWvA0RtFgQb0zg7Zha .ant-modal-content{padding:36px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}@media(min-width: 742px){.yBVWvA0RtFgQb0zg7Zha .ant-modal-content{padding:64px}}.yBVWvA0RtFgQb0zg7Zha .bIn9Tnsli5FWDJmVQ47h:hover .hAGMAlh5JyPDAiKMfgws{color:red}.yBVWvA0RtFgQb0zg7Zha .hAGMAlh5JyPDAiKMfgws{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;color:inherit;font-size:var(--font-size-body-3);line-height:100%;font-weight:var(--font-weight-light);text-transform:capitalize;letter-spacing:.6px}.yBVWvA0RtFgQb0zg7Zha .IEpOAjgZyRyE5md9cZvT{color:var(--color-blue);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body-6);line-height:100%}.yBVWvA0RtFgQb0zg7Zha .iHFpZ9nbZF0FARnRj310{color:var(--color-black);font-size:var(--font-size-body-4);margin:12px 0 24px 0;padding:0}
16
16
  .bMNL7jiNu8_mW6dwEyoS.luQHokN_GXPiYlWneKVa{pointer-events:none;position:relative}.bMNL7jiNu8_mW6dwEyoS.luQHokN_GXPiYlWneKVa:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-white-rgb), 0.6);z-index:9999999}.bMNL7jiNu8_mW6dwEyoS .ant-modal-close{width:auto;color:var(--button-default-background)}.bMNL7jiNu8_mW6dwEyoS .ant-modal-close:hover{background-color:rgba(0,0,0,0);color:var(--button-default-background-hover-color)}.bMNL7jiNu8_mW6dwEyoS .ant-modal-content{padding:36px 24px;display:flex;justify-content:center;flex-direction:column;text-align:center}@media(min-width: 742px){.bMNL7jiNu8_mW6dwEyoS .ant-modal-content{padding:32px}}.bMNL7jiNu8_mW6dwEyoS .ant-modal-body{width:100%;padding-top:24px}.bMNL7jiNu8_mW6dwEyoS .ant-modal-footer button{margin-left:auto}.bMNL7jiNu8_mW6dwEyoS .WCOz4jFqbuSsRmxOc2Dq{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;color:inherit;font-size:var(--font-size-body-3);line-height:100%;font-weight:var(--font-weight-light);text-transform:capitalize;letter-spacing:.6px;justify-self:flex-end}.bMNL7jiNu8_mW6dwEyoS .WCOz4jFqbuSsRmxOc2Dq>p{padding:0;margin:0}.bMNL7jiNu8_mW6dwEyoS .mt484L3ogFPJIZmEQ8q_{max-width:640px;text-align:left}
17
- .x_X2axa502qG690LM5DM{width:300px;max-width:300px;height:100%;background-color:var(--color-white);padding:24px;position:relative;transition:var(--transition-fast);overflow:hidden}.iEepDtDljm_PdBbkR3JA{max-width:100px;width:100px;overflow:hidden}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{font-size:0;transition:0;padding-left:42px}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5:first-letter{font-size:var(--font-size-body-4)}.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:24px;padding-left:35px}.dcC_pqHYFgU16huYkWP5{color:var(--color-black);padding:16px;font-weight:var(--font-weight-semibold);text-transform:uppercase;position:relative;white-space:nowrap;cursor:pointer}.dcC_pqHYFgU16huYkWP5:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background-color:var(--color-orange);transform:scaleY(0.5)}.MVw3JKiEvATmRxAAyFA8{color:var(--color-orange) !important}.ULIAFOHHnjA6viVps4dE{position:absolute;top:12px;right:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer}.ULIAFOHHnjA6viVps4dE>*{font-size:var(--font-size-body-5)}.PxCQRuiQJ_ybUIGB2l5f{margin-top:8px;padding-left:16px}.N7GunVO7DCC1e16M_hkm{color:var(--color-black);padding:8px;margin-top:8px;font-weight:var(--font-weight-semibold);cursor:pointer}@media(max-width: 768px){.x_X2axa502qG690LM5DM{width:50px;max-width:50px;padding:12px}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{padding:12px 12px 12px 16px}.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:20px;padding-left:12px}}
17
+ .x_X2axa502qG690LM5DM{width:300px;max-width:300px;height:100%;background-color:var(--color-white);padding:24px;position:relative;transition:var(--transition-fast);overflow:hidden}@media(max-width: 1024px){.x_X2axa502qG690LM5DM{width:250px;max-width:250px;padding:12px}}.iEepDtDljm_PdBbkR3JA{max-width:100px;width:100px;overflow:hidden}@media(max-width: 1024px){.iEepDtDljm_PdBbkR3JA{max-width:75px;width:75px}}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{font-size:0;transition:0;padding-left:42px}@media(max-width: 1024px){.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{padding-left:30px}}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5:first-letter{font-size:var(--font-size-body-4)}@media(max-width: 1024px){.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5:first-letter{font-size:var(--font-size-body-3)}}.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:24px;padding-left:35px}@media(max-width: 1024px){.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:20px;padding-left:26px}}.dcC_pqHYFgU16huYkWP5{color:var(--color-black);padding:16px;font-weight:var(--font-weight-semibold);text-transform:uppercase;position:relative;white-space:nowrap;cursor:pointer}@media(max-width: 1024px){.dcC_pqHYFgU16huYkWP5{font-size:var(--font-size-body-3)}}.dcC_pqHYFgU16huYkWP5:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background-color:var(--color-orange);transform:scaleY(0.5)}.MVw3JKiEvATmRxAAyFA8{color:var(--color-orange) !important}.ULIAFOHHnjA6viVps4dE{position:absolute;top:12px;right:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer}@media(max-width: 1024px){.ULIAFOHHnjA6viVps4dE{right:4px}}.ULIAFOHHnjA6viVps4dE>*{font-size:var(--font-size-body-5)}@media(max-width: 1024px){.ULIAFOHHnjA6viVps4dE>*{font-size:var(--font-size-body-4)}}.PxCQRuiQJ_ybUIGB2l5f{margin-top:8px;padding-left:16px}.N7GunVO7DCC1e16M_hkm{color:var(--color-black);padding:8px;margin-top:8px;font-weight:var(--font-weight-semibold);cursor:pointer}@media(max-width: 767px){.x_X2axa502qG690LM5DM{width:50px;max-width:50px;padding:12px}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{padding:12px 12px 12px 16px}.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:20px;padding-left:12px}}
18
18
  .gER2xKwlnobsIz4BLhGJ{background-color:var(--color-grey) !important}.gER2xKwlnobsIz4BLhGJ[aria-checked=true]{background:var(--color-orange) !important}
19
19
  .lOKzfPUFf3ukLT2wGZaY{display:grid;grid-template-columns:300px auto;gap:16px}.OIrZOBn2f036M5MGzc61,.adDQP_uvIYgNFVC4VdHj{background:#fff;padding:20px;overflow:auto}
20
20
  .yBjbWkudwA_AOwhHrnlc .ant-tree-title{font-weight:var(--font-weight-semibold)}.yBjbWkudwA_AOwhHrnlc button{margin-top:32px;width:100%}.yBjbWkudwA_AOwhHrnlc button:nth-child(3){margin-top:12px}.je000VEfsPqZupGr8ymu{font-size:var(--font-size-body-4);font-weight:600;line-height:100%;color:var(--color-blue);text-transform:uppercase}.tUDGWNXopUejF6zWJloy{margin-top:20px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniumretail/component-library",
3
- "version": "1.1.32",
3
+ "version": "1.1.33",
4
4
  "private": false,
5
5
  "main": "dist/bundle.js",
6
6
  "typings": "./dist/types/index",
package/src/components/Sidebar/styles.module.scss CHANGED
@@ -7,27 +7,52 @@
7
7
  position: relative;
8
8
  transition: var(--transition-fast);
9
9
  overflow: hidden;
10
+
11
+ @media (max-width: 1024px) {
12
+ width: 250px;
13
+ max-width: 250px;
14
+ padding: 12px;
15
+ }
16
+
10
17
  }
11
18
 
12
19
  .sidebarClosed {
13
20
  max-width: 100px;
14
21
  width: 100px;
15
22
  overflow: hidden;
23
+
24
+ @media (max-width: 1024px) {
25
+ max-width: 75px;
26
+ width: 75px;
27
+ }
16
28
  }
17
29
 
18
30
  .sidebarClosed .sidebarItem {
19
31
  font-size: 0;
20
32
  transition: 0;
21
33
  padding-left: 42px;
34
+
35
+ @media (max-width: 1024px) {
36
+ padding-left: 30px;
37
+ }
22
38
  }
23
39
 
24
40
  .sidebarClosed .sidebarItem:first-letter {
25
41
  font-size: var(--font-size-body-4);
42
+
43
+ @media (max-width: 1024px) {
44
+ font-size: var(--font-size-body-3);
45
+ }
26
46
  }
27
47
 
28
48
  .sidebarClosed .sidebarHasIcon {
29
49
  font-size: 24px;
30
50
  padding-left: 35px;
51
+
52
+ @media (max-width: 1024px) {
53
+ font-size: 20px;
54
+ padding-left: 26px;
55
+ }
31
56
  }
32
57
 
33
58
  .sidebarItem {
@@ -38,6 +63,10 @@
38
63
  position: relative;
39
64
  white-space: nowrap;
40
65
  cursor: pointer;
66
+
67
+ @media (max-width: 1024px) {
68
+ font-size: var(--font-size-body-3);
69
+ }
41
70
  }
42
71
 
43
72
  .sidebarItem:after {
@@ -66,10 +95,18 @@
66
95
  justify-content: center;
67
96
  z-index: 1;
68
97
  cursor: pointer;
98
+
99
+ @media (max-width: 1024px) {
100
+ right: 4px;
101
+ }
69
102
  }
70
103
 
71
104
  .toggle>* {
72
105
  font-size: var(--font-size-body-5);
106
+
107
+ @media (max-width: 1024px) {
108
+ font-size: var(--font-size-body-4);
109
+ }
73
110
  }
74
111
 
75
112
  .subMenu {
@@ -86,8 +123,7 @@
86
123
  }
87
124
 
88
125
  /* Estilos para dispositivos móveis */
89
-
90
- @media (max-width: 768px) {
126
+ @media (max-width: 767px) {
91
127
  .sidebar {
92
128
  width: 50px;
93
129
  max-width: 50px;