shelving 1.260.0 → 1.260.2

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 (6) hide show
  1. package/package.json +1 -1
  2. package/ui/block/Details.module.css +1 -1
  3. package/ui/form/Input.module.css +0 -5
  4. package/ui/misc/Icon.module.css +0 -5
  5. package/ui/style/Flex.module.css +3 -2
  6. package/ui/style/Typography.module.css +20 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shelving",
3
- "version": "1.260.0",
3
+ "version": "1.260.2",
4
4
  "author": "Dave Houlbrooke <dave@shax.com>",
5
5
  "repository": {
6
6
  "type": "git",
package/ui/block/Details.module.css CHANGED
@@ -59,13 +59,13 @@
59
59
 
60
60
  /* Children */
61
61
  [data-slot="icon"] {
62
- flex: none;
63
62
  width: var(--size-icon);
64
63
  height: var(--size-icon);
65
64
  color: var(--color-gray);
66
65
  transform: rotate(180deg);
67
66
  transition: var(--details-transition, all var(--duration-fast));
68
67
  border-radius: var(--radius-xxsmall);
68
+ flex: none;
69
69
  }
70
70
  }
71
71
 
package/ui/form/Input.module.css CHANGED
@@ -132,11 +132,6 @@
132
132
  margin: 0;
133
133
  outline: 0;
134
134
  }
135
- && > [data-slot="icon"] {
136
- inline-size: var(--input-icon-size, var(--size-icon));
137
- block-size: var(--input-icon-size, var(--size-icon));
138
- flex: none;
139
- }
140
135
 
141
136
  &.wrapper {
142
137
  position: relative;
package/ui/misc/Icon.module.css CHANGED
@@ -8,11 +8,6 @@
8
8
  width: 1em;
9
9
  height: 1em;
10
10
  color: var(--icon-color, var(--tint-50));
11
- }
12
- }
13
-
14
- @layer overrides {
15
- .icon {
16
11
  flex: none;
17
12
  }
18
13
  }
package/ui/style/Flex.module.css CHANGED
@@ -12,8 +12,9 @@
12
12
 
13
13
  /* Children */
14
14
  > [data-slot="icon"] {
15
- inline-size: var(--flex-icon-size, var(--size-icon));
16
- block-size: var(--flex-icon-size, var(--size-icon));
15
+ font-size: var(--size-icon);
16
+ inline-size: 1em;
17
+ block-size: 1em;
17
18
  flex: none;
18
19
  }
19
20
 
package/ui/style/Typography.module.css CHANGED
@@ -103,34 +103,44 @@
103
103
  line-height: var(--leading);
104
104
  }
105
105
  .size-1x {
106
- margin-block: calc(var(--size-normal) * 1);
106
+ font-size: calc(var(--size-normal) * 1);
107
+ line-height: var(--leading);
107
108
  }
108
109
  .size-2x {
109
- margin-block: calc(var(--size-normal) * 2);
110
+ font-size: calc(var(--size-normal) * 2);
111
+ line-height: var(--leading);
110
112
  }
111
113
  .size-3x {
112
- margin-block: calc(var(--size-normal) * 3);
114
+ font-size: calc(var(--size-normal) * 3);
115
+ line-height: var(--leading);
113
116
  }
114
117
  .size-4x {
115
- margin-block: calc(var(--size-normal) * 4);
118
+ font-size: calc(var(--size-normal) * 4);
119
+ line-height: var(--leading);
116
120
  }
117
121
  .size-5x {
118
- margin-block: calc(var(--size-normal) * 5);
122
+ font-size: calc(var(--size-normal) * 5);
123
+ line-height: var(--leading);
119
124
  }
120
125
  .size-6x {
121
- margin-block: calc(var(--size-normal) * 6);
126
+ font-size: calc(var(--size-normal) * 6);
127
+ line-height: var(--leading);
122
128
  }
123
129
  .size-7x {
124
- margin-block: calc(var(--size-normal) * 7);
130
+ font-size: calc(var(--size-normal) * 7);
131
+ line-height: var(--leading);
125
132
  }
126
133
  .size-8x {
127
- margin-block: calc(var(--size-normal) * 8);
134
+ font-size: calc(var(--size-normal) * 8);
135
+ line-height: var(--leading);
128
136
  }
129
137
  .size-9x {
130
- margin-block: calc(var(--size-normal) * 9);
138
+ font-size: calc(var(--size-normal) * 9);
139
+ line-height: var(--leading);
131
140
  }
132
141
  .size-10x {
133
- margin-block: calc(var(--size-normal) * 10);
142
+ font-size: calc(var(--size-normal) * 10);
143
+ line-height: var(--leading);
134
144
  }
135
145
 
136
146
  /* Font-family variants. */