@linzjs/lui 18.11.2 → 19.0.0

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 (24) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/index.js +4 -4
  3. package/dist/lui.css +62 -129
  4. package/dist/lui.css.map +1 -1
  5. package/dist/lui.esm.js +4 -4
  6. package/dist/scss/Components/Footer/footer.scss +6 -6
  7. package/dist/scss/Components/Header/header.scss +7 -7
  8. package/dist/scss/Components/HelpSection/help-section.scss +1 -1
  9. package/dist/scss/Components/LuiBadge/LuiBadge.scss +6 -6
  10. package/dist/scss/Components/LuiErrorPage/LuiErrorPage.scss +2 -2
  11. package/dist/scss/Components/LuiFormElements/LuiRadioInput/LuiRadioInput.scss +9 -9
  12. package/dist/scss/Components/LuiFormElements/LuiSelectInput/LuiSelectInput.scss +2 -2
  13. package/dist/scss/Components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.scss +2 -2
  14. package/dist/scss/Components/LuiForms/LuiComboSelect/LuiComboSelect.scss +2 -2
  15. package/dist/scss/Components/Menu/menu.scss +2 -2
  16. package/dist/scss/Components/Messaging/messaging.scss +1 -1
  17. package/dist/scss/Components/Modal/modal.scss +2 -2
  18. package/dist/scss/Elements/Buttons/buttons.scss +12 -12
  19. package/dist/scss/Elements/Forms/forms.scss +1 -1
  20. package/dist/scss/Elements/Tables/tables.scss +1 -1
  21. package/dist/scss/Foundation/Utilities/REM.scss +2 -2
  22. package/dist/scss/Foundation/Variables/FormVars.scss +1 -1
  23. package/dist/scss/Global/GenericElements/Typography.scss +12 -12
  24. package/package.json +2 -3
package/dist/scss/Elements/Tables/tables.scss CHANGED
@@ -20,7 +20,7 @@ table {
20
20
  caption {
21
21
  padding: spacing.$unit-xs spacing.$unit-xs spacing.$unit-xs 0;
22
22
  text-align: left;
23
- font-size: rem(14px);
23
+ font-size: toRem(14px);
24
24
 
25
25
  &.lui-table-caption-bottom {
26
26
  caption-side: bottom;
package/dist/scss/Foundation/Utilities/REM.scss CHANGED
@@ -4,10 +4,10 @@
4
4
  // ==========================================
5
5
  // Convert PX units into REMs
6
6
  // ==========================================
7
- // usage: rem(12px)
7
+ // usage: toRem(12px)
8
8
  // output: 0.75rem
9
9
  // ==========================================
10
10
 
11
- @function rem($size) {
11
+ @function toRem($size) {
12
12
  @return math.div($size, $base-font-size) * 1rem;
13
13
  }
package/dist/scss/Foundation/Variables/FormVars.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  $label-spacing: spacing.$unit-md; // 24px
9
9
  $input-spacing: spacing.$unit-xs; // 8px
10
10
 
11
- $label-font-size: rem.rem(14px);
11
+ $label-font-size: rem.toRem(14px);
12
12
  $label-line-height: spacing.$unit-md;
13
13
 
14
14
  @mixin formLabel {
package/dist/scss/Global/GenericElements/Typography.scss CHANGED
@@ -115,7 +115,7 @@ h6,
115
115
  h1,
116
116
  .h1 {
117
117
  @include fonts.font-light();
118
- font-size: rem(44px);
118
+ font-size: toRem(44px);
119
119
 
120
120
  & + p {
121
121
  margin-top: spacing.$unit-sm; //32px
@@ -125,7 +125,7 @@ h1,
125
125
  h2,
126
126
  .h2 {
127
127
  @include fonts.font-light();
128
- font-size: rem(32px);
128
+ font-size: toRem(32px);
129
129
  margin-top: spacing.$unit-xl; // 96px
130
130
 
131
131
  & + p {
@@ -136,7 +136,7 @@ h2,
136
136
  h3,
137
137
  .h3 {
138
138
  @include fonts.font-regular();
139
- font-size: rem(26px);
139
+ font-size: toRem(26px);
140
140
  margin-top: spacing.$unit-lg; // 64px
141
141
 
142
142
  & + p {
@@ -147,7 +147,7 @@ h3,
147
147
  h4,
148
148
  .h4 {
149
149
  @include fonts.font-regular();
150
- font-size: rem(22px);
150
+ font-size: toRem(22px);
151
151
  margin-top: spacing.$unit-lg; // 64px
152
152
 
153
153
  & + p {
@@ -158,13 +158,13 @@ h4,
158
158
  h5,
159
159
  .h5 {
160
160
  @include fonts.font-semibold();
161
- font-size: rem(18px);
161
+ font-size: toRem(18px);
162
162
  }
163
163
 
164
164
  h6,
165
165
  .h6 {
166
166
  @include fonts.font-semibold();
167
- font-size: rem(16px);
167
+ font-size: toRem(16px);
168
168
  }
169
169
 
170
170
  // =====================
@@ -174,14 +174,14 @@ h6,
174
174
  p,
175
175
  .p {
176
176
  @include fonts.font-light();
177
- font-size: rem(16px);
177
+ font-size: toRem(16px);
178
178
  margin-top: spacing.$unit-lg; //64px
179
179
  }
180
180
 
181
181
  p.lui-small {
182
182
  @include fonts.font-light();
183
- font-size: rem(13px);
184
- line-height: rem(20px);
183
+ font-size: toRem(13px);
184
+ line-height: toRem(20px);
185
185
  margin-top: spacing.$unit-lg; //64px
186
186
  }
187
187
 
@@ -263,14 +263,14 @@ p.lui-small {
263
263
  p,
264
264
  .p {
265
265
  @include fonts.font-light();
266
- font-size: rem(16px);
266
+ font-size: toRem(16px);
267
267
  margin-top: spacing.$unit-lg; //64px
268
268
  }
269
269
 
270
270
  p.lui-small {
271
271
  @include fonts.font-light();
272
- font-size: rem(13px);
273
- line-height: rem(20px);
272
+ font-size: toRem(13px);
273
+ line-height: toRem(20px);
274
274
  margin-top: spacing.$unit-lg; //64px
275
275
  }
276
276
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "18.11.2",
2
+ "version": "19.0.0",
3
3
  "license": "MIT",
4
4
  "repository": {
5
5
  "type": "git",
@@ -102,7 +102,6 @@
102
102
  "@types/react-dom": "^16.9.9",
103
103
  "@types/react-helmet": "^6.1.2",
104
104
  "@types/react-modal": "^3.13.1",
105
- "@types/sass": "^1.16.0",
106
105
  "@types/uuid": "^8.3.1",
107
106
  "@types/yup": "0.29.13",
108
107
  "chromatic": "^4.0.3",
@@ -131,7 +130,7 @@
131
130
  "rollup-plugin-postcss": "^4.0.2",
132
131
  "rollup-plugin-svg": "^2.0.0",
133
132
  "rollup-plugin-typescript2": "^0.31.2",
134
- "sass": "^1.43.4",
133
+ "sass": "^1.67.0",
135
134
  "sass-loader": "^8.0.2",
136
135
  "semantic-release": "^17.4.2",
137
136
  "size-limit": "^7.0.8",