@servicetitan/design-system 12.4.1 → 12.5.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.
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.js +2 -2
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/Frame/Frame.css +26 -2
- package/dist/components/Frame/Frame.css.map +1 -1
- package/dist/components/Frame/Frame.js +30 -10
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/index.css +26 -2
- package/dist/components/Frame/index.css.map +1 -1
- package/dist/components/Page/Page.css +2 -1
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/index.css +2 -1
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.css +1 -1
- package/dist/components/Sidebar/SidebarSection.css +1 -1
- package/dist/components/Sidebar/index.css +1 -1
- package/dist/components/index.css +28 -4
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/system-light.css +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +29 -5
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/package.json +7 -9
package/dist/system.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
3
3
|
html {
|
|
4
|
-
--anvil-version: "12.
|
|
4
|
+
--anvil-version: "12.5.0";
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
/*
|
|
@@ -19062,8 +19062,7 @@ button.Button--full {
|
|
|
19062
19062
|
font-family: "Nunito Sans", sans-serif;
|
|
19063
19063
|
display: flex;
|
|
19064
19064
|
flex-direction: column;
|
|
19065
|
-
height:
|
|
19066
|
-
min-height: calc(var(--frame-vh, 1vh) * 100);
|
|
19065
|
+
height: 100vh;
|
|
19067
19066
|
}
|
|
19068
19067
|
|
|
19069
19068
|
.Frame__header {
|
|
@@ -19077,6 +19076,30 @@ button.Button--full {
|
|
|
19077
19076
|
overflow: hidden;
|
|
19078
19077
|
}
|
|
19079
19078
|
|
|
19079
|
+
/*
|
|
19080
|
+
* Hacky way of handling with mobile Chrome's head and 100vh layout.
|
|
19081
|
+
* To be removed after Chrome to support dvh units.
|
|
19082
|
+
*/
|
|
19083
|
+
@media (hover: none) and (pointer: coarse) {
|
|
19084
|
+
@supports (height: 100dvh) {
|
|
19085
|
+
.Frame {
|
|
19086
|
+
height: 100dvh;
|
|
19087
|
+
}
|
|
19088
|
+
}
|
|
19089
|
+
@supports not (height: 100dvh) {
|
|
19090
|
+
html.with-frame-inside {
|
|
19091
|
+
height: 100vh;
|
|
19092
|
+
max-height: -moz-available;
|
|
19093
|
+
max-height: -webkit-fill-available;
|
|
19094
|
+
max-height: stretch;
|
|
19095
|
+
}
|
|
19096
|
+
|
|
19097
|
+
.with-frame-inside,
|
|
19098
|
+
.Frame {
|
|
19099
|
+
height: 100%;
|
|
19100
|
+
}
|
|
19101
|
+
}
|
|
19102
|
+
}
|
|
19080
19103
|
/* Grid variables */
|
|
19081
19104
|
/* Grid component */
|
|
19082
19105
|
.Grid,
|
|
@@ -24950,6 +24973,7 @@ button.a-Icon svg {
|
|
|
24950
24973
|
width: 100%;
|
|
24951
24974
|
height: 100%;
|
|
24952
24975
|
flex: auto;
|
|
24976
|
+
overflow: hidden;
|
|
24953
24977
|
}
|
|
24954
24978
|
|
|
24955
24979
|
.Content__wrapper {
|
|
@@ -25097,9 +25121,9 @@ button.a-Icon svg {
|
|
|
25097
25121
|
display: flex;
|
|
25098
25122
|
position: -webkit-sticky;
|
|
25099
25123
|
position: sticky;
|
|
25100
|
-
z-index: 990;
|
|
25101
25124
|
bottom: 0;
|
|
25102
25125
|
flex-shrink: 0;
|
|
25126
|
+
z-index: 798;
|
|
25103
25127
|
}
|
|
25104
25128
|
@media (min-width: 480px) {
|
|
25105
25129
|
.Page__footer {
|
|
@@ -25995,7 +26019,7 @@ button.a-Icon svg {
|
|
|
25995
26019
|
}
|
|
25996
26020
|
.Sidebar--collapsed .Sidebar__content {
|
|
25997
26021
|
visibility: hidden;
|
|
25998
|
-
overflow: hidden;
|
|
26022
|
+
overflow-x: hidden;
|
|
25999
26023
|
opacity: 0;
|
|
26000
26024
|
}
|
|
26001
26025
|
.Sidebar--collapsed .Sidebar__toggle-button:not(:hover) {
|