@nordcode/ui 1.0.10 → 1.0.12

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 (7) hide show
  1. package/out/bundle.css +6 -9
  2. package/out/bundle_configless.css +6 -9
  3. package/out/complete.css +7 -10
  4. package/out/complete_configless.css +7 -10
  5. package/package.json +1 -1
  6. package/src/styles/components/dialogs.css +1 -1
  7. package/src/styles/utils/reset.css +6 -9
package/out/bundle.css CHANGED
@@ -370,20 +370,17 @@
370
370
  -webkit-text-size-adjust: none;
371
371
  -moz-text-size-adjust: none;
372
372
  text-size-adjust: none;
373
- inline-size: 100%;
374
- text-rendering: optimizeSpeed;
375
373
  block-size: 100%;
376
- min-block-size: 100vh;
377
374
  }
378
375
 
379
376
  :where(body) {
377
+ font-family: var(--font-family-default);
380
378
  font-weight: var(--font-weight-default);
379
+ font-size-adjust: from-font;
380
+ line-height: var(--line-height-base);
381
381
  color: var(--color-text-base);
382
382
  background-color: var(--color-surface-muted);
383
- font-family: var(--font-family-default);
384
- line-height: var(--line-height-base);
385
- min-block-size: 100%;
386
- font-style: normal;
383
+ min-block-size: 100vh;
387
384
  }
388
385
 
389
386
  :where(body, h1, h2, h3, h4, p, figure, blockquote, dl, dd) {
@@ -414,9 +411,9 @@
414
411
  }
415
412
 
416
413
  :where(figure) {
417
- place-items: center;
414
+ flex-direction: column;
418
415
  gap: 0;
419
- display: grid;
416
+ display: flex;
420
417
  }
421
418
 
422
419
  :where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
package/out/bundle_configless.css CHANGED
@@ -120,20 +120,17 @@
120
120
  -webkit-text-size-adjust: none;
121
121
  -moz-text-size-adjust: none;
122
122
  text-size-adjust: none;
123
- inline-size: 100%;
124
- text-rendering: optimizeSpeed;
125
123
  block-size: 100%;
126
- min-block-size: 100vh;
127
124
  }
128
125
 
129
126
  :where(body) {
127
+ font-family: var(--font-family-default);
130
128
  font-weight: var(--font-weight-default);
129
+ font-size-adjust: from-font;
130
+ line-height: var(--line-height-base);
131
131
  color: var(--color-text-base);
132
132
  background-color: var(--color-surface-muted);
133
- font-family: var(--font-family-default);
134
- line-height: var(--line-height-base);
135
- min-block-size: 100%;
136
- font-style: normal;
133
+ min-block-size: 100vh;
137
134
  }
138
135
 
139
136
  :where(body, h1, h2, h3, h4, p, figure, blockquote, dl, dd) {
@@ -164,9 +161,9 @@
164
161
  }
165
162
 
166
163
  :where(figure) {
167
- place-items: center;
164
+ flex-direction: column;
168
165
  gap: 0;
169
- display: grid;
166
+ display: flex;
170
167
  }
171
168
 
172
169
  :where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
package/out/complete.css CHANGED
@@ -370,20 +370,17 @@
370
370
  -webkit-text-size-adjust: none;
371
371
  -moz-text-size-adjust: none;
372
372
  text-size-adjust: none;
373
- inline-size: 100%;
374
- text-rendering: optimizeSpeed;
375
373
  block-size: 100%;
376
- min-block-size: 100vh;
377
374
  }
378
375
 
379
376
  :where(body) {
377
+ font-family: var(--font-family-default);
380
378
  font-weight: var(--font-weight-default);
379
+ font-size-adjust: from-font;
380
+ line-height: var(--line-height-base);
381
381
  color: var(--color-text-base);
382
382
  background-color: var(--color-surface-muted);
383
- font-family: var(--font-family-default);
384
- line-height: var(--line-height-base);
385
- min-block-size: 100%;
386
- font-style: normal;
383
+ min-block-size: 100vh;
387
384
  }
388
385
 
389
386
  :where(body, h1, h2, h3, h4, p, figure, blockquote, dl, dd) {
@@ -414,9 +411,9 @@
414
411
  }
415
412
 
416
413
  :where(figure) {
417
- place-items: center;
414
+ flex-direction: column;
418
415
  gap: 0;
419
- display: grid;
416
+ display: flex;
420
417
  }
421
418
 
422
419
  :where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
@@ -1766,7 +1763,7 @@
1766
1763
  border-radius: var(--_dialog-radius);
1767
1764
  overflow-clip-margin: 1rem;
1768
1765
  pointer-events: all;
1769
- max-block-size: 100dvw;
1766
+ max-block-size: 100dvh;
1770
1767
  margin: auto 0;
1771
1768
  padding: 0;
1772
1769
  display: block;
package/out/complete_configless.css CHANGED
@@ -120,20 +120,17 @@
120
120
  -webkit-text-size-adjust: none;
121
121
  -moz-text-size-adjust: none;
122
122
  text-size-adjust: none;
123
- inline-size: 100%;
124
- text-rendering: optimizeSpeed;
125
123
  block-size: 100%;
126
- min-block-size: 100vh;
127
124
  }
128
125
 
129
126
  :where(body) {
127
+ font-family: var(--font-family-default);
130
128
  font-weight: var(--font-weight-default);
129
+ font-size-adjust: from-font;
130
+ line-height: var(--line-height-base);
131
131
  color: var(--color-text-base);
132
132
  background-color: var(--color-surface-muted);
133
- font-family: var(--font-family-default);
134
- line-height: var(--line-height-base);
135
- min-block-size: 100%;
136
- font-style: normal;
133
+ min-block-size: 100vh;
137
134
  }
138
135
 
139
136
  :where(body, h1, h2, h3, h4, p, figure, blockquote, dl, dd) {
@@ -164,9 +161,9 @@
164
161
  }
165
162
 
166
163
  :where(figure) {
167
- place-items: center;
164
+ flex-direction: column;
168
165
  gap: 0;
169
- display: grid;
166
+ display: flex;
170
167
  }
171
168
 
172
169
  :where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
@@ -1516,7 +1513,7 @@
1516
1513
  border-radius: var(--_dialog-radius);
1517
1514
  overflow-clip-margin: 1rem;
1518
1515
  pointer-events: all;
1519
- max-block-size: 100dvw;
1516
+ max-block-size: 100dvh;
1520
1517
  margin: auto 0;
1521
1518
  padding: 0;
1522
1519
  display: block;
package/package.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "type": "git",
13
13
  "url": "https://github.com/nordcode-agency/nordcode/tree/main/packages/ui"
14
14
  },
15
- "version": "1.0.10",
15
+ "version": "1.0.12",
16
16
  "publishConfig": {
17
17
  "access": "public"
18
18
  },
package/src/styles/components/dialogs.css CHANGED
@@ -19,7 +19,7 @@
19
19
  inline-size: 100dvw;
20
20
  block-size: max-content;
21
21
  max-inline-size: var(--_dialog-max-inline-size);
22
- max-block-size: 100dvw;
22
+ max-block-size: 100dvh;
23
23
  background: var(--color-surface-base);
24
24
  margin: auto 0;
25
25
  padding: 0;
package/src/styles/utils/reset.css CHANGED
@@ -35,23 +35,20 @@
35
35
  }
36
36
 
37
37
  :where(html) {
38
- inline-size: 100%;
39
38
  -moz-text-size-adjust: none;
40
39
  -webkit-text-size-adjust: none;
41
40
  text-size-adjust: none;
42
- text-rendering: optimizeSpeed;
43
- min-block-size: 100vh;
44
41
  block-size: 100%;
45
42
  }
46
43
 
47
44
  :where(body) {
45
+ font-family: var(--font-family-default);
48
46
  font-weight: var(--font-weight-default);
47
+ font-size-adjust: from-font;
48
+ line-height: var(--line-height-base);
49
49
  color: var(--color-text-base);
50
50
  background-color: var(--color-surface-muted);
51
- font-family: var(--font-family-default);
52
- line-height: var(--line-height-base);
53
- font-style: normal;
54
- min-block-size: 100%;
51
+ min-block-size: 100vh;
55
52
  }
56
53
 
57
54
  /* Remove default margin in favour of better control in authored CSS */
@@ -85,9 +82,9 @@
85
82
  }
86
83
 
87
84
  :where(figure) {
88
- display: grid;
85
+ display: flex;
86
+ flex-direction: column;
89
87
  gap: 0;
90
- place-items: center;
91
88
  }
92
89
 
93
90
  :where(a[href],