@omniumretail/component-library 1.0.83 → 1.0.85

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 (5) hide show
  1. package/dist/main.css +42 -9
  2. package/package.json +1 -1
  3. package/src/components/Button/styles.module.scss +4 -0
  4. package/src/components/Navigation/Navigation.stories.tsx +0 -2
  5. package/src/components/Navigation/styles.module.scss +32 -9
package/dist/main.css CHANGED
@@ -18,6 +18,11 @@
18
18
  background-color: var(--button-default-background);
19
19
  color: var(--button-default-text-color);
20
20
  }
21
+ @media (max-width: 767px) {
22
+ .lCPh1mJwiXUUOgmbv_mk {
23
+ min-width: 0px;
24
+ }
25
+ }
21
26
  .lCPh1mJwiXUUOgmbv_mk:hover {
22
27
  background-color: var(--button-default-background-hover-color);
23
28
  color: var(--button-default-text-hover-color) !important;
@@ -64,14 +69,6 @@
64
69
  gap: 0 24px;
65
70
  position: relative;
66
71
  }
67
- @media (max-width: 767px) {
68
- .UxfXOleP69PjM5rFOMTD {
69
- padding-top: 6px !important;
70
- display: flex !important;
71
- align-items: center !important;
72
- justify-content: space-between !important;
73
- }
74
- }
75
72
  .UxfXOleP69PjM5rFOMTD .LzcTbjk0fp70tXlKd3eS {
76
73
  font-size: var(--font-size-body-3);
77
74
  font-weight: var(--font-weight-semibold);
@@ -106,14 +103,50 @@
106
103
  display: none;
107
104
  }
108
105
  }
106
+ @media (max-width: 767px) {
107
+ .UxfXOleP69PjM5rFOMTD .U5tZ7kRlrIHUKsuduD1S .ant-btn {
108
+ position: absolute;
109
+ top: 5px;
110
+ right: 0;
111
+ text-align: center;
112
+ }
113
+ }
109
114
  .UxfXOleP69PjM5rFOMTD .HSo9AzZTqF1b94jLyA66 {
110
115
  font-family: var(--font-family-primary), system-ui;
111
116
  font-weight: var(--font-weight-regular);
112
- font-size: var(--font-size-body-3);
117
+ font-size: var(--font-size-body-4);
118
+ }
119
+ @media (max-width: 767px) {
120
+ .UxfXOleP69PjM5rFOMTD .HSo9AzZTqF1b94jLyA66 {
121
+ position: absolute;
122
+ left: 0;
123
+ top: 5px !important;
124
+ text-align: center;
125
+ font-size: var(--font-size-body-2);
126
+ }
127
+ }
128
+ @media (max-width: 1400px) {
129
+ .UxfXOleP69PjM5rFOMTD .HSo9AzZTqF1b94jLyA66 {
130
+ display: inline-grid;
131
+ }
132
+ }
133
+ @media (max-width: 1070px) {
134
+ .UxfXOleP69PjM5rFOMTD .HSo9AzZTqF1b94jLyA66 {
135
+ position: absolute;
136
+ left: 0;
137
+ top: 20px;
138
+ text-align: center;
139
+ }
113
140
  }
114
141
  .UxfXOleP69PjM5rFOMTD .eJBRTQf3T45dCP6Q5Ji3 {
115
142
  color: var(--color-orange);
116
143
  }
144
+ @media (max-width: 767px) {
145
+ .UxfXOleP69PjM5rFOMTD .eJBRTQf3T45dCP6Q5Ji3 {
146
+ display: flex;
147
+ justify-content: center;
148
+ }
149
+ }
117
150
  /*!*************************************************************************************************************************************************************!*\
118
151
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Link/styles.module.scss ***!
119
152
  \*************************************************************************************************************************************************************/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniumretail/component-library",
3
- "version": "1.0.83",
3
+ "version": "1.0.85",
4
4
  "private": false,
5
5
  "main": "dist/bundle.js",
6
6
  "typings": "./dist/types/index",
package/src/components/Button/styles.module.scss CHANGED
@@ -15,6 +15,10 @@
15
15
  background-color: var(--button-default-background);
16
16
  color: var(--button-default-text-color);
17
17
 
18
+ @media(max-width: 767px) {
19
+ min-width: 0px;
20
+ }
21
+
18
22
  &:hover {
19
23
  background-color: var(--button-default-background-hover-color);
20
24
  color: var(--button-default-text-hover-color) !important;
package/src/components/Navigation/Navigation.stories.tsx CHANGED
@@ -10,9 +10,7 @@ const Template: Story<NavigationProps> = (args) => <Navigation {...args}></Navig
10
10
 
11
11
  export const Primary = Template.bind({});
12
12
  Primary.args = {
13
- backLink: true,
14
13
  title: 'Gestão de Aplicações',
15
- homeLink: true,
16
14
  loginLink: true,
17
15
  userName: "Diogo Carvalho"
18
16
  };
package/src/components/Navigation/styles.module.scss CHANGED
@@ -7,14 +7,6 @@
7
7
  gap: 0 24px;
8
8
  position: relative;
9
9
 
10
- // to override the issues from shared-resources navigation component.
11
- @media(max-width: 767px) {
12
- padding-top: 6px !important;
13
- display: flex !important;
14
- align-items: center !important;
15
- justify-content: space-between !important;
16
- }
17
-
18
10
  .title {
19
11
  font-size: var(--font-size-body-3);
20
12
  font-weight: var(--font-weight-semibold);
@@ -54,6 +46,13 @@
54
46
  }
55
47
  }
56
48
  }
49
+
50
+ @media(max-width: 767px) {
51
+ position: absolute;
52
+ top: 5px;
53
+ right: 0;
54
+ text-align: center;
55
+ }
57
56
  }
58
57
  }
59
58
  }
@@ -61,10 +60,34 @@
61
60
  .userName {
62
61
  font-family: var(--font-family-primary), system-ui;
63
62
  font-weight: var(--font-weight-regular);
64
- font-size: var(--font-size-body-3);
63
+ font-size: var(--font-size-body-4);
64
+
65
+ @media(max-width: 767px) {
66
+ position: absolute;
67
+ left: 0;
68
+ top: 5px !important;
69
+ text-align: center;
70
+ font-size: var(--font-size-body-2);
71
+ }
72
+
73
+ @media(max-width: 1400px) {
74
+ display: inline-grid;
75
+ }
76
+
77
+ @media(max-width: 1070px) {
78
+ position: absolute;
79
+ left: 0;
80
+ top: 20px;
81
+ text-align: center;
82
+ }
65
83
  }
66
84
 
67
85
  .orangeText {
68
86
  color: var(--color-orange);
87
+
88
+ @media(max-width: 767px) {
89
+ display: flex;
90
+ justify-content: center;
91
+ }
69
92
  }
70
93
  }