@volvo-cars/css 2.4.0 → 2.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/CHANGELOG.md +2014 -0
- package/dist/css/v2/styles.f36cca89.css +1 -0
- package/dist/css/v2/styles_md.8822691d.css +1 -0
- package/dist/css/v2/styles_xl.8cc80b1d.css +1 -0
- package/dist/css/v2/tokens.4ee018e8.css +1 -0
- package/dist/debug.css +1 -1
- package/dist/get-media-query-C3XrlcQs.js +2 -0
- package/dist/get-media-query-C3XrlcQs.js.map +1 -0
- package/dist/get-media-query-Fr5SPB07.cjs +2 -0
- package/dist/get-media-query-Fr5SPB07.cjs.map +1 -0
- package/dist/imports.json +4 -4
- package/dist/links.cjs +1 -2
- package/dist/links.cjs.map +1 -1
- package/dist/links.d.ts +4 -5
- package/dist/links.js +1 -2
- package/dist/links.js.map +1 -1
- package/dist/links.server.cjs +1 -2
- package/dist/links.server.cjs.map +1 -1
- package/dist/links.server.d.ts +4 -5
- package/dist/links.server.js +1 -2
- package/dist/links.server.js.map +1 -1
- package/dist/llm/meta.md +108 -54
- package/dist/media-queries.cjs +1 -1
- package/dist/media-queries.cjs.map +1 -1
- package/dist/media-queries.d.ts +6 -5
- package/dist/media-queries.js +1 -1
- package/dist/media-queries.js.map +1 -1
- package/dist/meta.json +682 -62
- package/dist/meta.json.d.ts +25 -24
- package/dist/styles.css +1 -1
- package/dist/styles.d.ts +109 -45
- package/dist/styles_all-media.css +1 -1
- package/dist/styles_lg.css +1 -0
- package/dist/styles_md.css +1 -1
- package/dist/styles_xl.css +1 -1
- package/dist/tokens.cjs +1 -1
- package/dist/tokens.cjs.map +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.d.ts +4 -0
- package/dist/tokens.js +1 -1
- package/dist/tokens.js.map +1 -1
- package/dist/types-lTMF4rCm.d.ts +31 -0
- package/dist/utils.cjs +1 -1
- package/dist/utils.cjs.map +1 -1
- package/dist/utils.d.ts +6 -3
- package/dist/utils.js +1 -1
- package/dist/utils.js.map +1 -1
- package/package.json +36 -23
- package/dist/chunk-BBIFT7L4.js +0 -2
- package/dist/chunk-BBIFT7L4.js.map +0 -1
- package/dist/chunk-GM5QLIBS.js +0 -2
- package/dist/chunk-GM5QLIBS.js.map +0 -1
- package/dist/css/v2/styles.4bf5287d.css +0 -1
- package/dist/css/v2/styles_md.4678cd3a.css +0 -1
- package/dist/css/v2/styles_xl.b7c30362.css +0 -1
- package/dist/css/v2/tokens.9d4ef9fb.css +0 -1
- package/dist/meta.json.cjs +0 -2
- package/dist/meta.json.cjs.map +0 -1
- package/dist/meta.json.js +0 -2
- package/dist/meta.json.js.map +0 -1
- package/dist/types-BUptbxHQ.d.ts +0 -23
package/dist/links.server.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { n as LinksFunction, t as LinkProps } from "./types-lTMF4rCm.js";
|
|
2
|
+
//#region src/links.server.d.ts
|
|
4
3
|
declare const links: LinksFunction;
|
|
5
|
-
|
|
6
|
-
export { LinksFunction, links };
|
|
4
|
+
//#endregion
|
|
5
|
+
export { type LinkProps, type LinksFunction, links };
|
package/dist/links.server.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import{
|
|
2
|
-
`}return o},p};export{h as links};
|
|
1
|
+
import{i as e,n as t,r as n,t as r}from"./get-media-query-C3XrlcQs.js";const i=[`https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2`],a=({base:a=n,filter:o}={})=>{let s=typeof a==`string`?a:a==null?void 0:a.href,c=s&&!s.endsWith(`/`)?`${s}/`:s,l=Object.entries(e).filter(t(o)).flatMap(([e,t])=>{let n={href:c+t,rel:`stylesheet`,crossOrigin:`anonymous`},i=r(e);i&&(n.media=i);let a={...n,rel:`preload`,as:`style`};return n[`data-volvo-css-name`]=e,(o==null?void 0:o.preload)===!1?n:[a,n]}).sort((e,t)=>e.rel===`preload`&&t.rel===`preload`?0:e.rel===`preload`?-1:1),u=[...(o==null?void 0:o.fonts)===!1||(o==null?void 0:o.preload)===!1?[]:i.map(e=>({rel:`preload`,href:e,as:`font`,type:`font/woff2`,crossOrigin:`anonymous`})),...l];return u.toString=function(){let e=``;for(let t of this){let n=Object.entries(t).map(([e,t])=>`${e}="${t}"`).join(` `);e+=`<link ${n} />\n`}return e},u};export{a as links};
|
|
3
2
|
//# sourceMappingURL=links.server.js.map
|
package/dist/links.server.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["import cssImports from './imports.json' with { type: 'json' };\nimport { defaultBase } from './links/constants';\nimport { createFilter } from './links/create-filter';\nimport { getMediaQuery } from './links/get-media-query';\nimport type { LinkProps, LinksFunction } from './links/types';\n\nconst fontPreloadUrls = [\n 'https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2',\n];\n\nexport const links: LinksFunction = ({ base = defaultBase, filter } = {}) => {\n
|
|
1
|
+
{"version":3,"file":"links.server.js","names":["cssImports"],"sources":["../src/links.server.ts"],"sourcesContent":["import cssImports from './imports.json' with { type: 'json' };\nimport { defaultBase } from './links/constants';\nimport { createFilter } from './links/create-filter';\nimport { getMediaQuery } from './links/get-media-query';\nimport type { LinkProps, LinkPropsList, LinksFunction } from './links/types';\n\nconst fontPreloadUrls = [\n 'https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2',\n];\n\nexport const links: LinksFunction = ({ base = defaultBase, filter } = {}) => {\n const baseHref = typeof base === 'string' ? base : base?.href;\n const normalizedBase =\n baseHref && !baseHref.endsWith('/') ? `${baseHref}/` : baseHref;\n const cssLinkProps = Object.entries(cssImports)\n .filter(createFilter(filter))\n .flatMap<LinkProps>(([name, filename]) => {\n const props: LinkProps = {\n href: normalizedBase + filename,\n rel: 'stylesheet',\n crossOrigin: 'anonymous',\n };\n const media = getMediaQuery(name);\n if (media) {\n props.media = media;\n }\n\n const preloadProps: LinkProps = {\n ...props,\n rel: 'preload',\n as: 'style',\n };\n\n props['data-volvo-css-name'] = name;\n\n if (filter?.preload === false) {\n return props;\n }\n return [preloadProps, props] as const;\n })\n .sort((a, b) =>\n a.rel === 'preload' && b.rel === 'preload'\n ? 0\n : a.rel === 'preload'\n ? -1\n : 1,\n );\n\n const fontPreloads: LinkProps[] =\n filter?.fonts === false || filter?.preload === false\n ? []\n : fontPreloadUrls.map((href) => ({\n rel: 'preload',\n href,\n as: 'font',\n type: 'font/woff2',\n crossOrigin: 'anonymous',\n }));\n const linkProps: LinkPropsList = [...fontPreloads, ...cssLinkProps];\n\n linkProps.toString = function () {\n let html = '';\n for (const link of this) {\n const attrs = Object.entries(link)\n .map(([key, value]) => `${key}=\"${value}\"`)\n .join(' ');\n html += `<link ${attrs} />\\n`;\n }\n return html;\n };\n\n return linkProps;\n};\n\nexport type { LinkProps, LinksFunction };\n"],"mappings":"uEAMA,MAAM,EAAkB,CACtB,kFACF,EAEa,GAAwB,CAAE,OAAO,EAAa,UAAW,CAAC,IAAM,CAC3E,IAAM,EAAW,OAAO,GAAS,SAAW,EAAA,GAAA,KAAA,IAAA,GAAO,EAAM,KACnD,EACJ,GAAY,CAAC,EAAS,SAAS,GAAG,EAAI,GAAG,EAAS,GAAK,EACnD,EAAe,OAAO,QAAQA,CAAU,CAAC,CAC5C,OAAO,EAAa,CAAM,CAAC,CAAC,CAC5B,SAAoB,CAAC,EAAM,KAAc,CACxC,IAAM,EAAmB,CACvB,KAAM,EAAiB,EACvB,IAAK,aACL,YAAa,WACf,EACM,EAAQ,EAAc,CAAI,EAC5B,IACF,EAAM,MAAQ,GAGhB,IAAM,EAA0B,CAC9B,GAAG,EACH,IAAK,UACL,GAAI,OACN,EAOA,MALA,GAAM,uBAAyB,GAE/B,GAAA,KAAA,IAAA,GAAI,EAAQ,WAAY,GACf,EAEF,CAAC,EAAc,CAAK,CAC7B,CAAC,CAAC,CACD,MAAM,EAAG,IACR,EAAE,MAAQ,WAAa,EAAE,MAAQ,UAC7B,EACA,EAAE,MAAQ,UACR,GACA,CACR,EAYI,EAA2B,CAAC,IAAA,GAAA,KAAA,IAAA,GAThC,EAAQ,SAAU,KAAA,GAAA,KAAA,IAAA,GAAS,EAAQ,WAAY,GAC3C,CAAC,EACD,EAAgB,IAAK,IAAU,CAC7B,IAAK,UACL,OACA,GAAI,OACJ,KAAM,aACN,YAAa,WACf,EAAE,EAC2C,GAAG,CAAY,EAalE,MAXA,GAAU,SAAW,UAAY,CAC/B,IAAI,EAAO,GACX,IAAK,IAAM,KAAQ,KAAM,CACvB,IAAM,EAAQ,OAAO,QAAQ,CAAI,CAAC,CAC/B,KAAK,CAAC,EAAK,KAAW,GAAG,EAAI,IAAI,EAAM,EAAE,CAAC,CAC1C,KAAK,GAAG,EACX,GAAQ,SAAS,EAAM,MACzB,CACA,OAAO,CACT,EAEO,CACT"}
|
package/dist/llm/meta.md
CHANGED
|
@@ -240,6 +240,10 @@ animation: v-fade-in var(--v-transition-notable)
|
|
|
240
240
|
.fade-out
|
|
241
241
|
animation: v-fade-out var(--v-transition-notable)
|
|
242
242
|
|
|
243
|
+
.slide-in-from-bottom
|
|
244
|
+
--animate-from-translate-y: 100%
|
|
245
|
+
animation: v-slide-in var(--v-transition-micro)
|
|
246
|
+
|
|
243
247
|
.{lg,md,xl}:aspect-1/1
|
|
244
248
|
aspect-ratio: 1
|
|
245
249
|
|
|
@@ -510,6 +514,16 @@ display: var(--_display-outer) var(--_display-inner)
|
|
|
510
514
|
--_display-outer: inline
|
|
511
515
|
display: var(--_display-outer) var(--_display-inner)
|
|
512
516
|
|
|
517
|
+
.{lg,md,xl}:inline-flex
|
|
518
|
+
--_display-outer: inline
|
|
519
|
+
--_display-inner: flex
|
|
520
|
+
display: var(--_display-outer) var(--_display-inner)
|
|
521
|
+
|
|
522
|
+
.{lg,md,xl}:inline-grid
|
|
523
|
+
--_display-outer: inline
|
|
524
|
+
--_display-inner: grid
|
|
525
|
+
display: var(--_display-outer) var(--_display-inner)
|
|
526
|
+
|
|
513
527
|
.{lg,md,xl}:contents
|
|
514
528
|
display: contents
|
|
515
529
|
|
|
@@ -555,6 +569,12 @@ flex-shrink: 1
|
|
|
555
569
|
.{lg,md,xl}:flex-shrink-0
|
|
556
570
|
flex-shrink: 0
|
|
557
571
|
|
|
572
|
+
.{lg,md,xl}:flex-1
|
|
573
|
+
flex: 1
|
|
574
|
+
|
|
575
|
+
.{lg,md,xl}:flex-none
|
|
576
|
+
flex: none
|
|
577
|
+
|
|
558
578
|
.{lg,md,xl}:items-start
|
|
559
579
|
align-items: flex-start
|
|
560
580
|
|
|
@@ -567,6 +587,9 @@ align-items: center
|
|
|
567
587
|
.{lg,md,xl}:items-stretch
|
|
568
588
|
align-items: stretch
|
|
569
589
|
|
|
590
|
+
.{lg,md,xl}:items-baseline
|
|
591
|
+
align-items: baseline
|
|
592
|
+
|
|
570
593
|
.{lg,md,xl}:self-start
|
|
571
594
|
align-self: flex-start
|
|
572
595
|
align-self: start
|
|
@@ -600,8 +623,8 @@ justify-content: center
|
|
|
600
623
|
|
|
601
624
|
.italic
|
|
602
625
|
--_font-variation-ital: 1
|
|
603
|
-
font-variation-settings: "DRKM" var(--_font-variation-drkm, 0),
|
|
604
|
-
var(--_font-variation-ital, 1)
|
|
626
|
+
font-variation-settings: "DRKM" var(--_font-variation-drkm, 0),
|
|
627
|
+
"ital" var(--_font-variation-ital, 1)
|
|
605
628
|
font-synthesis-style: none
|
|
606
629
|
font-style: italic
|
|
607
630
|
|
|
@@ -744,6 +767,11 @@ row-gap: var(--v-space-2xl)
|
|
|
744
767
|
--_display-inner: grid
|
|
745
768
|
display: var(--_display-outer) grid
|
|
746
769
|
|
|
770
|
+
.{lg,md,xl}:grid-cols-1
|
|
771
|
+
--_display-inner: grid
|
|
772
|
+
display: var(--_display-outer) grid
|
|
773
|
+
grid-template-columns: repeat(1, minmax(0, 1fr))
|
|
774
|
+
|
|
747
775
|
.{lg,md,xl}:grid-cols-2
|
|
748
776
|
--_display-inner: grid
|
|
749
777
|
display: var(--_display-outer) grid
|
|
@@ -759,6 +787,21 @@ grid-template-columns: repeat(3, minmax(0, 1fr))
|
|
|
759
787
|
display: var(--_display-outer) grid
|
|
760
788
|
grid-template-columns: repeat(4, minmax(0, 1fr))
|
|
761
789
|
|
|
790
|
+
.{lg,md,xl}:col-span-1
|
|
791
|
+
grid-column: span 1 / span 1
|
|
792
|
+
|
|
793
|
+
.{lg,md,xl}:col-span-2
|
|
794
|
+
grid-column: span 2 / span 2
|
|
795
|
+
|
|
796
|
+
.{lg,md,xl}:col-span-3
|
|
797
|
+
grid-column: span 3 / span 3
|
|
798
|
+
|
|
799
|
+
.{lg,md,xl}:col-span-4
|
|
800
|
+
grid-column: span 4 / span 4
|
|
801
|
+
|
|
802
|
+
.{lg,md,xl}:col-span-full
|
|
803
|
+
grid-column: 1 / -1
|
|
804
|
+
|
|
762
805
|
.{lg,md,xl}:h-0
|
|
763
806
|
height: 0
|
|
764
807
|
|
|
@@ -792,6 +835,9 @@ height: 100%
|
|
|
792
835
|
.{lg,md,xl}:h-fit
|
|
793
836
|
height: fit-content
|
|
794
837
|
|
|
838
|
+
.{lg,md,xl}:h-auto
|
|
839
|
+
height: auto
|
|
840
|
+
|
|
795
841
|
.{lg,md,xl}:min-h-0
|
|
796
842
|
min-height: 0
|
|
797
843
|
|
|
@@ -861,160 +907,160 @@ display: none
|
|
|
861
907
|
.hyphens
|
|
862
908
|
hyphens: auto
|
|
863
909
|
|
|
864
|
-
.end-0
|
|
910
|
+
.{lg,md,xl}:end-0
|
|
865
911
|
inset-inline-end: 0
|
|
866
912
|
|
|
867
|
-
.start-0
|
|
913
|
+
.{lg,md,xl}:start-0
|
|
868
914
|
inset-inline-start: 0
|
|
869
915
|
|
|
870
|
-
.top-0
|
|
916
|
+
.{lg,md,xl}:top-0
|
|
871
917
|
top: 0
|
|
872
918
|
|
|
873
|
-
.bottom-0
|
|
919
|
+
.{lg,md,xl}:bottom-0
|
|
874
920
|
bottom: 0
|
|
875
921
|
|
|
876
|
-
.end-2
|
|
922
|
+
.{lg,md,xl}:end-2
|
|
877
923
|
inset-inline-end: .125rem
|
|
878
924
|
|
|
879
|
-
.start-2
|
|
925
|
+
.{lg,md,xl}:start-2
|
|
880
926
|
inset-inline-start: .125rem
|
|
881
927
|
|
|
882
|
-
.top-2
|
|
928
|
+
.{lg,md,xl}:top-2
|
|
883
929
|
top: .125rem
|
|
884
930
|
|
|
885
|
-
.bottom-2
|
|
931
|
+
.{lg,md,xl}:bottom-2
|
|
886
932
|
bottom: .125rem
|
|
887
933
|
|
|
888
|
-
.end-4
|
|
934
|
+
.{lg,md,xl}:end-4
|
|
889
935
|
inset-inline-end: .25rem
|
|
890
936
|
|
|
891
|
-
.start-4
|
|
937
|
+
.{lg,md,xl}:start-4
|
|
892
938
|
inset-inline-start: .25rem
|
|
893
939
|
|
|
894
|
-
.top-4
|
|
940
|
+
.{lg,md,xl}:top-4
|
|
895
941
|
top: .25rem
|
|
896
942
|
|
|
897
|
-
.bottom-4
|
|
943
|
+
.{lg,md,xl}:bottom-4
|
|
898
944
|
bottom: .25rem
|
|
899
945
|
|
|
900
|
-
.end-8
|
|
946
|
+
.{lg,md,xl}:end-8
|
|
901
947
|
inset-inline-end: .5rem
|
|
902
948
|
|
|
903
|
-
.start-8
|
|
949
|
+
.{lg,md,xl}:start-8
|
|
904
950
|
inset-inline-start: .5rem
|
|
905
951
|
|
|
906
|
-
.top-8
|
|
952
|
+
.{lg,md,xl}:top-8
|
|
907
953
|
top: .5rem
|
|
908
954
|
|
|
909
|
-
.bottom-8
|
|
955
|
+
.{lg,md,xl}:bottom-8
|
|
910
956
|
bottom: .5rem
|
|
911
957
|
|
|
912
|
-
.end-12
|
|
958
|
+
.{lg,md,xl}:end-12
|
|
913
959
|
inset-inline-end: .75rem
|
|
914
960
|
|
|
915
|
-
.start-12
|
|
961
|
+
.{lg,md,xl}:start-12
|
|
916
962
|
inset-inline-start: .75rem
|
|
917
963
|
|
|
918
|
-
.top-12
|
|
964
|
+
.{lg,md,xl}:top-12
|
|
919
965
|
top: .75rem
|
|
920
966
|
|
|
921
|
-
.bottom-12
|
|
967
|
+
.{lg,md,xl}:bottom-12
|
|
922
968
|
bottom: .75rem
|
|
923
969
|
|
|
924
|
-
.end-16
|
|
970
|
+
.{lg,md,xl}:end-16
|
|
925
971
|
inset-inline-end: 1rem
|
|
926
972
|
|
|
927
|
-
.start-16
|
|
973
|
+
.{lg,md,xl}:start-16
|
|
928
974
|
inset-inline-start: 1rem
|
|
929
975
|
|
|
930
|
-
.top-16
|
|
976
|
+
.{lg,md,xl}:top-16
|
|
931
977
|
top: 1rem
|
|
932
978
|
|
|
933
|
-
.bottom-16
|
|
979
|
+
.{lg,md,xl}:bottom-16
|
|
934
980
|
bottom: 1rem
|
|
935
981
|
|
|
936
|
-
.end-24
|
|
982
|
+
.{lg,md,xl}:end-24
|
|
937
983
|
inset-inline-end: 1.5rem
|
|
938
984
|
|
|
939
|
-
.start-24
|
|
985
|
+
.{lg,md,xl}:start-24
|
|
940
986
|
inset-inline-start: 1.5rem
|
|
941
987
|
|
|
942
|
-
.top-24
|
|
988
|
+
.{lg,md,xl}:top-24
|
|
943
989
|
top: 1.5rem
|
|
944
990
|
|
|
945
|
-
.bottom-24
|
|
991
|
+
.{lg,md,xl}:bottom-24
|
|
946
992
|
bottom: 1.5rem
|
|
947
993
|
|
|
948
|
-
.end-32
|
|
994
|
+
.{lg,md,xl}:end-32
|
|
949
995
|
inset-inline-end: 2rem
|
|
950
996
|
|
|
951
|
-
.start-32
|
|
997
|
+
.{lg,md,xl}:start-32
|
|
952
998
|
inset-inline-start: 2rem
|
|
953
999
|
|
|
954
|
-
.top-32
|
|
1000
|
+
.{lg,md,xl}:top-32
|
|
955
1001
|
top: 2rem
|
|
956
1002
|
|
|
957
|
-
.bottom-32
|
|
1003
|
+
.{lg,md,xl}:bottom-32
|
|
958
1004
|
bottom: 2rem
|
|
959
1005
|
|
|
960
|
-
.end-48
|
|
1006
|
+
.{lg,md,xl}:end-48
|
|
961
1007
|
inset-inline-end: 3rem
|
|
962
1008
|
|
|
963
|
-
.start-48
|
|
1009
|
+
.{lg,md,xl}:start-48
|
|
964
1010
|
inset-inline-start: 3rem
|
|
965
1011
|
|
|
966
|
-
.top-48
|
|
1012
|
+
.{lg,md,xl}:top-48
|
|
967
1013
|
top: 3rem
|
|
968
1014
|
|
|
969
|
-
.bottom-48
|
|
1015
|
+
.{lg,md,xl}:bottom-48
|
|
970
1016
|
bottom: 3rem
|
|
971
1017
|
|
|
972
|
-
.end-64
|
|
1018
|
+
.{lg,md,xl}:end-64
|
|
973
1019
|
inset-inline-end: 4rem
|
|
974
1020
|
|
|
975
|
-
.start-64
|
|
1021
|
+
.{lg,md,xl}:start-64
|
|
976
1022
|
inset-inline-start: 4rem
|
|
977
1023
|
|
|
978
|
-
.top-64
|
|
1024
|
+
.{lg,md,xl}:top-64
|
|
979
1025
|
top: 4rem
|
|
980
1026
|
|
|
981
|
-
.bottom-64
|
|
1027
|
+
.{lg,md,xl}:bottom-64
|
|
982
1028
|
bottom: 4rem
|
|
983
1029
|
|
|
984
|
-
.end-1/2
|
|
1030
|
+
.{lg,md,xl}:end-1/2
|
|
985
1031
|
inset-inline-end: 50%
|
|
986
1032
|
|
|
987
|
-
.start-1/2
|
|
1033
|
+
.{lg,md,xl}:start-1/2
|
|
988
1034
|
inset-inline-start: 50%
|
|
989
1035
|
|
|
990
|
-
.end-full
|
|
1036
|
+
.{lg,md,xl}:end-full
|
|
991
1037
|
inset-inline-end: 100%
|
|
992
1038
|
|
|
993
|
-
.start-full
|
|
1039
|
+
.{lg,md,xl}:start-full
|
|
994
1040
|
inset-inline-start: 100%
|
|
995
1041
|
|
|
996
|
-
.end-auto
|
|
1042
|
+
.{lg,md,xl}:end-auto
|
|
997
1043
|
inset-inline-end: auto
|
|
998
1044
|
|
|
999
|
-
.start-auto
|
|
1045
|
+
.{lg,md,xl}:start-auto
|
|
1000
1046
|
inset-inline-start: auto
|
|
1001
1047
|
|
|
1002
|
-
.top-1/2
|
|
1048
|
+
.{lg,md,xl}:top-1/2
|
|
1003
1049
|
top: 50%
|
|
1004
1050
|
|
|
1005
|
-
.bottom-1/2
|
|
1051
|
+
.{lg,md,xl}:bottom-1/2
|
|
1006
1052
|
bottom: 50%
|
|
1007
1053
|
|
|
1008
|
-
.top-full
|
|
1054
|
+
.{lg,md,xl}:top-full
|
|
1009
1055
|
top: 100%
|
|
1010
1056
|
|
|
1011
|
-
.bottom-full
|
|
1057
|
+
.{lg,md,xl}:bottom-full
|
|
1012
1058
|
bottom: 100%
|
|
1013
1059
|
|
|
1014
|
-
.top-auto
|
|
1060
|
+
.{lg,md,xl}:top-auto
|
|
1015
1061
|
top: auto
|
|
1016
1062
|
|
|
1017
|
-
.bottom-auto
|
|
1063
|
+
.{lg,md,xl}:bottom-auto
|
|
1018
1064
|
bottom: auto
|
|
1019
1065
|
|
|
1020
1066
|
.{lg,md,xl}:m-auto
|
|
@@ -2204,6 +2250,9 @@ white-space: normal
|
|
|
2204
2250
|
.whitespace-nowrap
|
|
2205
2251
|
white-space: nowrap
|
|
2206
2252
|
|
|
2253
|
+
.whitespace-pre
|
|
2254
|
+
white-space: pre
|
|
2255
|
+
|
|
2207
2256
|
.whitespace-pre-line
|
|
2208
2257
|
white-space: pre-line
|
|
2209
2258
|
|
|
@@ -2245,6 +2294,9 @@ width: min-content
|
|
|
2245
2294
|
.{lg,md,xl}:w-fit
|
|
2246
2295
|
width: fit-content
|
|
2247
2296
|
|
|
2297
|
+
.{lg,md,xl}:w-auto
|
|
2298
|
+
width: auto
|
|
2299
|
+
|
|
2248
2300
|
.{lg,md,xl}:min-w-0
|
|
2249
2301
|
min-width: 0
|
|
2250
2302
|
|
|
@@ -2344,6 +2396,7 @@ https://baymard.com/blog/line-length-readability
|
|
|
2344
2396
|
--v-color-always-black: Always black regardless of colour mode.
|
|
2345
2397
|
--v-color-ornament-primary: Use for strokes or dividers to visually group or separate elements.
|
|
2346
2398
|
--v-color-ornament-scrim: Used as a backdrop that usually sits behind a Side sheet or Dialog component.
|
|
2399
|
+
--v-color-ornament-overlay: Use as strokes or dividers for overlaying UI, like Listbox, Dropdown menu components.
|
|
2347
2400
|
--v-color-state-primary-strong: Use for state layers with foreground/primary.
|
|
2348
2401
|
--v-color-state-primary-medium: Use for state layers with foreground/primary.
|
|
2349
2402
|
--v-color-state-primary-subtle: Use for state layers with foreground/primary.
|
|
@@ -2390,4 +2443,5 @@ https://baymard.com/blog/line-length-readability
|
|
|
2390
2443
|
--v-size-sidebar-wide: Wide sidebar width is 368 to 464 between lg and xl
|
|
2391
2444
|
--v-shape-default: Use as default value for all all non-interactive UI elements.
|
|
2392
2445
|
--v-shape-emphasis: Use for interactive UI, and elements that need to draw attention and create visual contrast from the rest of the page.
|
|
2446
|
+
--v-effect-shadow-default: Drop shadow for overlaying UI elements.
|
|
2393
2447
|
--v-font-12-size--v-font-12-lineheight--v-font-14-size--v-font-14-lineheight--v-font-16-size--v-font-16-lineheight--v-font-20-size--v-font-20-lineheight--v-font-24-size--v-font-24-lineheight--v-font-heading-2-weight--v-font-heading-2-size--v-font-heading-2-size-min--v-font-heading-2-size-max--v-font-heading-2-lineheight--v-font-heading-1-weight--v-font-heading-1-size--v-font-heading-1-lineheight--v-font-heading-1-size-min--v-font-heading-1-size-max--v-font-statement-3-weight--v-font-statement-3-size--v-font-statement-3-size-min--v-font-statement-3-size-max--v-font-statement-3-lineheight--v-font-statement-2-weight--v-font-statement-2-size--v-font-statement-2-size-min--v-font-statement-2-size-max--v-font-statement-2-lineheight--v-font-statement-1-weight--v-font-statement-1-size--v-font-statement-1-size-min--v-font-statement-1-size-max--v-font-statement-1-lineheight--v-font-statement-signature-weight--v-font-statement-signature-size--v-font-statement-signature-size-min--v-font-statement-signature-size-max--v-font-statement-signature-lineheight--v-font-regular-weight--v-font-emphasis-weight--v-font-sans-family--v-font-broad-family--v-font-mono-family
|
package/dist/media-queries.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e={hover:`(hover: hover)`,md:`(min-width: 30rem)`,lg:`(min-width: 64rem)`,xl:`(min-width: 100rem)`};exports.default=e;
|
|
2
2
|
//# sourceMappingURL=media-queries.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/media-queries.ts"],"sourcesContent":["const queries = {\n hover: '(hover: hover)',\n md: '(min-width: 30rem)',\n lg: '(min-width: 64rem)',\n xl: '(min-width: 100rem)',\n} as const;\n\nexport default queries;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"media-queries.cjs","names":[],"sources":["../src/media-queries.ts"],"sourcesContent":["const queries = {\n hover: '(hover: hover)',\n md: '(min-width: 30rem)',\n lg: '(min-width: 64rem)',\n xl: '(min-width: 100rem)',\n} as const;\n\nexport default queries;\n"],"mappings":"+FAAA,MAAM,EAAU,CACd,MAAO,iBACP,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN"}
|
package/dist/media-queries.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
//#region src/media-queries.d.ts
|
|
1
2
|
declare const queries: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
readonly hover: "(hover: hover)";
|
|
4
|
+
readonly md: "(min-width: 30rem)";
|
|
5
|
+
readonly lg: "(min-width: 64rem)";
|
|
6
|
+
readonly xl: "(min-width: 100rem)";
|
|
6
7
|
};
|
|
7
|
-
|
|
8
|
+
//#endregion
|
|
8
9
|
export { queries as default };
|
package/dist/media-queries.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
const e={hover:`(hover: hover)`,md:`(min-width: 30rem)`,lg:`(min-width: 64rem)`,xl:`(min-width: 100rem)`};export{e as default};
|
|
2
2
|
//# sourceMappingURL=media-queries.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"media-queries.js","names":[],"sources":["../src/media-queries.ts"],"sourcesContent":["const queries = {\n hover: '(hover: hover)',\n md: '(min-width: 30rem)',\n lg: '(min-width: 64rem)',\n xl: '(min-width: 100rem)',\n} as const;\n\nexport default queries;\n"],"mappings":"AAAA,MAAM,EAAU,CACd,MAAO,iBACP,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN"}
|