@kanso-labs/kanso-ui 0.44.0 → 0.44.1
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.
- package/dist/components/app-bar/index.d.ts +9 -5
- package/dist/components/app-bar/index.js +400 -170
- package/dist/components/app-bar/index.js.map +1 -1
- package/dist/components/checkbox/index.js +2 -1
- package/dist/components/checkbox/index.js.map +1 -1
- package/dist/components/dialog/index.js +65 -71
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/sheet/index.js +39 -46
- package/dist/components/sheet/index.js.map +1 -1
- package/dist/components/switch/index.js +1 -0
- package/dist/components/switch/index.js.map +1 -1
- package/dist/components/time-picker/index.js +37 -41
- package/dist/components/time-picker/index.js.map +1 -1
- package/dist/control/index.js +1 -1
- package/dist/control/index.js.map +1 -1
- package/dist/control/styles.js +0 -1
- package/dist/control/styles.js.map +1 -1
- package/dist/field/index.js +148 -139
- package/dist/field/index.js.map +1 -1
- package/dist/field/styles.js +50 -7
- package/dist/field/styles.js.map +1 -1
- package/dist/hooks/useRipple.js +1 -1
- package/dist/layout.d.ts +4 -1
- package/dist/layout.js +4 -1
- package/dist/layout.js.map +1 -1
- package/dist/row/styles.js +2 -1
- package/dist/row/styles.js.map +1 -1
- package/dist/styles/overlay.js +0 -5
- package/dist/styles/overlay.js.map +1 -1
- package/dist/styles.css +123 -22
- package/package.json +1 -1
- package/dist/overlay/modal.js +0 -7
- package/dist/overlay/modal.js.map +0 -1
|
@@ -20,8 +20,10 @@ type AppBarProps = Omit<RenderComponentProps<'header'>, 'children'> & {
|
|
|
20
20
|
* and is the way to set them unless the app needs a rule of its own.
|
|
21
21
|
*
|
|
22
22
|
* Ignored on `sm`, which is already the height this collapses to. The
|
|
23
|
-
*
|
|
24
|
-
*
|
|
23
|
+
* headline and the subtitle move up into the row the slots sit in and take
|
|
24
|
+
* the small bar's type roles, which fit both lines in its 64px, and the
|
|
25
|
+
* slots never leave that row: they stay where they are while the bar
|
|
26
|
+
* shrinks under them.
|
|
25
27
|
*
|
|
26
28
|
* Collapsing hands the page back the height the bar gives up, and a bar
|
|
27
29
|
* whose state is read off the scroll offset can then undo itself in two
|
|
@@ -99,8 +101,9 @@ type AppBarProps = Omit<RenderComponentProps<'header'>, 'children'> & {
|
|
|
99
101
|
scrolled?: boolean;
|
|
100
102
|
/**
|
|
101
103
|
* Height and headline size, as steps of the library's size scale. `sm` is
|
|
102
|
-
* Material Design's small bar, a fixed 64px; `md` and `lg` are its
|
|
103
|
-
* and large flexible bars, which
|
|
104
|
+
* Material Design's small bar, a fixed 64px row; `md` and `lg` are its
|
|
105
|
+
* medium and large flexible bars, which put the text in a row of its own
|
|
106
|
+
* under the slots and hug it.
|
|
104
107
|
* @default 'sm'
|
|
105
108
|
*/
|
|
106
109
|
size?: 'lg' | 'md' | 'sm';
|
|
@@ -115,7 +118,8 @@ type AppBarProps = Omit<RenderComponentProps<'header'>, 'children'> & {
|
|
|
115
118
|
*
|
|
116
119
|
* Three sizes. `sm` is a fixed 64px bar for a page whose title is a label;
|
|
117
120
|
* `md` and `lg` are the flexible bars, which give the headline a larger
|
|
118
|
-
* type role and grow to fit a subtitle
|
|
121
|
+
* type role in a row of its own under the slots, and grow to fit a subtitle
|
|
122
|
+
* or a headline that wraps.
|
|
119
123
|
*
|
|
120
124
|
* It paints its own surface, unlike the layout components, because separating
|
|
121
125
|
* itself from the content beneath is the job — which is also why `scrolled`
|