@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.
Files changed (61) hide show
  1. package/CHANGELOG.md +2014 -0
  2. package/dist/css/v2/styles.f36cca89.css +1 -0
  3. package/dist/css/v2/styles_md.8822691d.css +1 -0
  4. package/dist/css/v2/styles_xl.8cc80b1d.css +1 -0
  5. package/dist/css/v2/tokens.4ee018e8.css +1 -0
  6. package/dist/debug.css +1 -1
  7. package/dist/get-media-query-C3XrlcQs.js +2 -0
  8. package/dist/get-media-query-C3XrlcQs.js.map +1 -0
  9. package/dist/get-media-query-Fr5SPB07.cjs +2 -0
  10. package/dist/get-media-query-Fr5SPB07.cjs.map +1 -0
  11. package/dist/imports.json +4 -4
  12. package/dist/links.cjs +1 -2
  13. package/dist/links.cjs.map +1 -1
  14. package/dist/links.d.ts +4 -5
  15. package/dist/links.js +1 -2
  16. package/dist/links.js.map +1 -1
  17. package/dist/links.server.cjs +1 -2
  18. package/dist/links.server.cjs.map +1 -1
  19. package/dist/links.server.d.ts +4 -5
  20. package/dist/links.server.js +1 -2
  21. package/dist/links.server.js.map +1 -1
  22. package/dist/llm/meta.md +108 -54
  23. package/dist/media-queries.cjs +1 -1
  24. package/dist/media-queries.cjs.map +1 -1
  25. package/dist/media-queries.d.ts +6 -5
  26. package/dist/media-queries.js +1 -1
  27. package/dist/media-queries.js.map +1 -1
  28. package/dist/meta.json +682 -62
  29. package/dist/meta.json.d.ts +25 -24
  30. package/dist/styles.css +1 -1
  31. package/dist/styles.d.ts +109 -45
  32. package/dist/styles_all-media.css +1 -1
  33. package/dist/styles_lg.css +1 -0
  34. package/dist/styles_md.css +1 -1
  35. package/dist/styles_xl.css +1 -1
  36. package/dist/tokens.cjs +1 -1
  37. package/dist/tokens.cjs.map +1 -1
  38. package/dist/tokens.css +1 -1
  39. package/dist/tokens.d.ts +4 -0
  40. package/dist/tokens.js +1 -1
  41. package/dist/tokens.js.map +1 -1
  42. package/dist/types-lTMF4rCm.d.ts +31 -0
  43. package/dist/utils.cjs +1 -1
  44. package/dist/utils.cjs.map +1 -1
  45. package/dist/utils.d.ts +6 -3
  46. package/dist/utils.js +1 -1
  47. package/dist/utils.js.map +1 -1
  48. package/package.json +36 -23
  49. package/dist/chunk-BBIFT7L4.js +0 -2
  50. package/dist/chunk-BBIFT7L4.js.map +0 -1
  51. package/dist/chunk-GM5QLIBS.js +0 -2
  52. package/dist/chunk-GM5QLIBS.js.map +0 -1
  53. package/dist/css/v2/styles.4bf5287d.css +0 -1
  54. package/dist/css/v2/styles_md.4678cd3a.css +0 -1
  55. package/dist/css/v2/styles_xl.b7c30362.css +0 -1
  56. package/dist/css/v2/tokens.9d4ef9fb.css +0 -1
  57. package/dist/meta.json.cjs +0 -2
  58. package/dist/meta.json.cjs.map +0 -1
  59. package/dist/meta.json.js +0 -2
  60. package/dist/meta.json.js.map +0 -1
  61. package/dist/types-BUptbxHQ.d.ts +0 -23
@@ -1,6 +1,5 @@
1
- import { L as LinksFunction } from './types-BUptbxHQ.js';
2
- export { a as LinkProps } from './types-BUptbxHQ.js';
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 };
@@ -1,3 +1,2 @@
1
- import{a as l,b as f,c,d as a}from"./chunk-GM5QLIBS.js";import"./chunk-BBIFT7L4.js";var d=["https://www.volvocars.com/static/shared/fonts/volvo-centum/v1/volvo-centum.woff2"],h=({base:t=f,filter:s}={})=>{t&&typeof t!="string"&&(t=t.href),typeof t=="string"&&t!==""&&!t.endsWith("/")&&(t+="/");let m=Object.entries(l).filter(c(s)).flatMap(([o,n])=>{let r={href:t+n,rel:"stylesheet",crossOrigin:"anonymous"},e=a(o);e&&(r.media=e);let i={...r,rel:"preload",as:"style"};return r["data-volvo-css-name"]=o,s?.preload===!1?r:[i,r]}).sort((o,n)=>o.rel==="preload"&&n.rel==="preload"?0:o.rel==="preload"?-1:1),p=[...s?.fonts===!1||s?.preload===!1?[]:d.map(o=>({rel:"preload",href:o,as:"font",type:"font/woff2",crossOrigin:"anonymous"})),...m];return p.toString=function(){let o="";for(let n of this){let r=Object.entries(n).map(([e,i])=>`${e}="${i}"`).join(" ");o+=`<link ${r} />
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
@@ -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 if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n const cssLinkProps = Object.entries(cssImports)\n .filter(createFilter(filter))\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + 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 = {\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 ) as LinkProps[];\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: LinkProps[] = [...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":"oFAMA,IAAMA,EAAkB,CACtB,kFACF,EAEaC,EAAuB,CAAC,CAAE,KAAAC,EAAOC,EAAa,OAAAC,CAAO,EAAI,CAAC,IAAM,CACvEF,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEV,IAAMG,EAAe,OAAO,QAAQC,CAAU,EAC3C,OAAOC,EAAaH,CAAM,CAAC,EAC3B,QAAQ,CAAC,CAACI,EAAMC,CAAQ,IAAM,CAC7B,IAAMC,EAAmB,CACvB,KAAMR,EAAOO,EACb,IAAK,aACL,YAAa,WACf,EACME,EAAQC,EAAcJ,CAAI,EAC5BG,IACFD,EAAM,MAAQC,GAGhB,IAAME,EAAe,CACnB,GAAGH,EACH,IAAK,UACL,GAAI,OACN,EAIA,OAFAA,EAAM,qBAAqB,EAAIF,EAE3BJ,GAAQ,UAAY,GACfM,EAEF,CAACG,EAAcH,CAAK,CAC7B,CAAC,EACA,KAAK,CAACI,EAAGC,IACRD,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACR,GACA,CACR,EAYIE,EAAyB,CAAC,GAT9BZ,GAAQ,QAAU,IAASA,GAAQ,UAAY,GAC3C,CAAC,EACDJ,EAAgB,IAAKiB,IAAU,CAC7B,IAAK,UACL,KAAAA,EACA,GAAI,OACJ,KAAM,aACN,YAAa,WACf,EAAE,EACyC,GAAGZ,CAAY,EAEhE,OAAAW,EAAU,SAAW,UAAY,CAC/B,IAAIE,EAAO,GACX,QAAWC,KAAQ,KAAM,CACvB,IAAMC,EAAQ,OAAO,QAAQD,CAAI,EAC9B,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,GAAGD,CAAG,KAAKC,CAAK,GAAG,EACzC,KAAK,GAAG,EACXJ,GAAQ,SAASE,CAAK;AAAA,CACxB,CACA,OAAOF,CACT,EAEOF,CACT","names":["fontPreloadUrls","links","base","defaultBase","filter","cssLinkProps","imports_default","createFilter","name","filename","props","media","getMediaQuery","preloadProps","a","b","linkProps","href","html","link","attrs","key","value"]}
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), "ital"
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
@@ -1,2 +1,2 @@
1
- var t=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var s=(r,e)=>{for(var m in e)t(r,m,{get:e[m],enumerable:!0})},l=(r,e,m,h)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of d(e))!n.call(r,i)&&i!==m&&t(r,i,{get:()=>e[i],enumerable:!(h=o(e,i))||h.enumerable});return r};var v=r=>l(t({},"__esModule",{value:!0}),r);var c={};s(c,{default:()=>a});module.exports=v(c);var w={hover:"(hover: hover)",md:"(min-width: 30rem)",lg:"(min-width: 64rem)",xl:"(min-width: 100rem)"},a=w;
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":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAMI,EAAU,CACd,MAAO,iBACP,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACN,EAEOF,EAAQE","names":["media_queries_exports","__export","media_queries_default","__toCommonJS","queries"]}
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"}
@@ -1,8 +1,9 @@
1
+ //#region src/media-queries.d.ts
1
2
  declare const queries: {
2
- readonly hover: "(hover: hover)";
3
- readonly md: "(min-width: 30rem)";
4
- readonly lg: "(min-width: 64rem)";
5
- readonly xl: "(min-width: 100rem)";
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 };
@@ -1,2 +1,2 @@
1
- import{a}from"./chunk-BBIFT7L4.js";export{a as default};
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":"","names":[]}
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"}