vipassana-design-standards 0.0.33 → 0.0.35

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.
@@ -1 +1 @@
1
- @charset "UTF-8";.vipassana-logo{display:inline-flex;align-items:center;transform:scale(1);transform-origin:right;text-align:right;text-decoration:none;--vds-logo-title-color:#9C6B14;--vds-logo-tagline-color:#4F4D47;--vds-logo-title-font-size:1.5em;--vds-logo-title-line-height:1.3;--vds-logo-tagline-font-size:.9em;--vds-logo-tagline-line-height:1;--vds-logo-tagline-margin:.4em}.vipassana-logo[data-reverse=true]{--vds-logo-tagline-margin:.5em}.vipassana-logo[data-dark-mode=true]{--vds-logo-title-color:white;--vds-logo-tagline-color:#ffffff90}[lang=fa] .vipassana-logo{--vds-logo-tagline-font-size:1.2em}[lang=gu] .vipassana-logo .logo-text,[lang=hi] .vipassana-logo .logo-text,[lang=mr] .vipassana-logo .logo-text,[lang=te] .vipassana-logo .logo-text{margin-bottom:-.5em}[lang=he] .vipassana-logo[data-reverse=true]{--vds-logo-tagline-margin:.25em}[lang=ja] .vipassana-logo{--vds-logo-title-font-size:1.6em;--vds-logo-title-line-height:1.3;--vds-logo-tagline-margin:.15em}[lang=km] .vipassana-logo{--vds-logo-title-font-size:1.7em;--vds-logo-tagline-margin:.6em}[lang=ko] .vipassana-logo{--vds-logo-title-font-size:1.6em;--vds-logo-title-line-height:1.2;--vds-logo-tagline-margin:.5em}[lang=ko] .vipassana-logo .logo-title{margin-right:-.1em}[lang=or] .vipassana-logo{--vds-logo-title-line-height:1;--vds-logo-tagline-margin:.5em}[lang=or] .vipassana-logo .logo-title{margin-right:-.15em}[lang=si] .vipassana-logo[data-reverse=true]{--vds-logo-title-font-size:1.5em;--vds-logo-title-line-height:1.3;--vds-logo-tagline-margin:.4em}[lang=ta] .vipassana-logo{--vds-logo-title-font-size:1.5em;--vds-logo-tagline-margin:.4em}[lang=zh-HANS] .vipassana-logo,[lang=zh-HANT-HK] .vipassana-logo,[lang=zh-HANT] .vipassana-logo,[lang=zh-Hans] .vipassana-logo,[lang=zh-Hant] .vipassana-logo{--vds-logo-title-font-size:1.5em;--vds-logo-title-line-height:1.2;--vds-logo-tagline-margin:.7em}[lang=zh-HANS] .vipassana-logo .logo-text,[lang=zh-HANT-HK] .vipassana-logo .logo-text,[lang=zh-HANT] .vipassana-logo .logo-text,[lang=zh-Hans] .vipassana-logo .logo-text,[lang=zh-Hant] .vipassana-logo .logo-text{margin-right:-.1em}[lang=zh-HANS] .vipassana-logo .logo-subtitle,[lang=zh-HANT-HK] .vipassana-logo .logo-subtitle,[lang=zh-HANT] .vipassana-logo .logo-subtitle,[lang=zh-Hans] .vipassana-logo .logo-subtitle,[lang=zh-Hant] .vipassana-logo .logo-subtitle{margin-right:.1em}[lang=hi] .vipassana-logo .logo-title,[lang=mr] .vipassana-logo .logo-title{margin-right:-.1em}.vipassana-logo:not([data-reverse=true]) [data-start-with=t],.vipassana-logo:not([data-reverse=true]) [data-start-with=v]{margin-right:-.17em}.vipassana-logo:not([data-reverse=true]) [data-start-with=в],.vipassana-logo:not([data-reverse=true]) [data-start-with=м]{margin-right:-.08em}.vipassana-logo:not([data-reverse=true]) [data-start-with=β]{margin-right:-.05em}.vipassana-logo[data-disposition=default]{max-width:48em}.vipassana-logo[data-disposition=centered]{flex-direction:column;text-align:center}.vipassana-logo .logo-wheel{height:5.5em;max-width:3.9em;margin-left:1em}.vipassana-logo[data-disposition=centered] .logo-wheel{margin:0 0 .4em 0!important}.vipassana-logo[data-disposition=centered][data-reverse=true] .logo-wheel{margin-bottom:.6em!important}.vipassana-logo .logo-text{display:flex;flex-direction:column}.vipassana-logo[data-reverse=true] .logo-text{flex-direction:column-reverse}.vipassana-logo .logo-title{color:var(--vds-logo-title-color);font-family:var(--vds-headings-font-family),FootLight,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--vds-logo-title-line-height);font-size:var(--vds-logo-title-font-size);font-weight:400;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap}.vipassana-logo[data-reverse=true] .logo-title{flex-direction:row-reverse;justify-content:start}.vipassana-logo[data-disposition=centered] .logo-title,.vipassana-logo[data-disposition=left-two-lines] .logo-title{flex-direction:column}.vipassana-logo[data-disposition=centered] .logo-space,.vipassana-logo[data-disposition=left-two-lines] .logo-space{display:none}.vipassana-logo[data-disposition=centered][data-reverse=true] .logo-title,.vipassana-logo[data-disposition=left-two-lines][data-reverse=true] .logo-title{flex-direction:column-reverse}.vipassana-logo .logo-title span{display:inline-flex;white-space:nowrap}.vipassana-logo[data-disposition=left-two-lines] .logo-title span{width:100%}.vipassana-logo[data-disposition=centered] .logo-title span{width:100%;justify-content:center}.vipassana-logo .logo-title .vipassana-as-taught{display:none}[lang=gu] .vipassana-logo[data-disposition=default] .logo-title span,[lang=gu] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=hi] .vipassana-logo[data-disposition=default] .logo-title span,[lang=hi] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=ja] .vipassana-logo[data-disposition=default] .logo-title span,[lang=ja] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=km] .vipassana-logo[data-disposition=default] .logo-title span,[lang=km] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=mr] .vipassana-logo[data-disposition=default] .logo-title span,[lang=mr] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=si] .vipassana-logo[data-disposition=default] .logo-title span,[lang=si] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=ta] .vipassana-logo[data-disposition=default] .logo-title span,[lang=ta] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=te] .vipassana-logo[data-disposition=default] .logo-title span,[lang=te] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=zh-HANS] .vipassana-logo[data-disposition=default] .logo-title span,[lang=zh-HANS] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=zh-HANT-HK] .vipassana-logo[data-disposition=default] .logo-title span,[lang=zh-HANT-HK] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=zh-HANT] .vipassana-logo[data-disposition=default] .logo-title span,[lang=zh-HANT] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=zh-Hans] .vipassana-logo[data-disposition=default] .logo-title span,[lang=zh-Hans] .vipassana-logo[data-disposition=left-one-line] .logo-title span,[lang=zh-Hant] .vipassana-logo[data-disposition=default] .logo-title span,[lang=zh-Hant] .vipassana-logo[data-disposition=left-one-line] .logo-title span{display:none}[lang=gu] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=gu] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=hi] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=hi] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=ja] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=ja] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=km] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=km] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=mr] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=mr] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=si] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=si] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=ta] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=ta] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=te] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=te] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=zh-HANS] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=zh-HANS] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=zh-HANT-HK] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=zh-HANT-HK] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=zh-HANT] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=zh-HANT] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=zh-Hans] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=zh-Hans] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught,[lang=zh-Hant] .vipassana-logo[data-disposition=default] .logo-title span.vipassana-as-taught,[lang=zh-Hant] .vipassana-logo[data-disposition=left-one-line] .logo-title span.vipassana-as-taught{display:block}.logo-subtitle{color:var(--vds-logo-tagline-color);font-family:var(--vds-font-family),"Noto Sans",system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:300;font-size:var(--vds-logo-tagline-font-size);line-height:var(--vds-logo-tagline-line-height);margin:var(--vds-logo-tagline-margin) 0 0 0}.vipassana-logo[data-tagline=false] .logo-subtitle{display:none}.vipassana-logo[data-reverse=true] .logo-subtitle{margin:0 0 var(--vds-logo-tagline-margin) 0}
1
+ @charset "UTF-8";.vipassana-logo{display:inline-flex;align-items:center;transform:scale(1);transform-origin:right;text-align:right;text-decoration:none;--vds-logo-title-color:#9C6B14;--vds-logo-tagline-color:#4F4D47;--vds-logo-title-font-size:1.5em;--vds-logo-title-line-height:1.3;--vds-logo-tagline-font-size:1em;--vds-logo-tagline-line-height:1;--vds-logo-tagline-margin:.4em}.vipassana-logo[data-reverse=true]{--vds-logo-tagline-margin:.5em}.vipassana-logo[data-dark-mode=true]{--vds-logo-title-color:white;--vds-logo-tagline-color:#ffffff90}.vipassana-logo[data-lang=fa]{--vds-logo-tagline-font-size:1.2em}.vipassana-logo[data-lang=gu] .logo-text,.vipassana-logo[data-lang=hi] .logo-text,.vipassana-logo[data-lang=mr] .logo-text,.vipassana-logo[data-lang=te] .logo-text{margin-bottom:-.5em}.vipassana-logo[data-lang=he][data-reverse=true]{--vds-logo-tagline-margin:.25em}.vipassana-logo[data-lang=ja]{--vds-logo-title-font-size:1.5em;--vds-logo-tagline-margin:.3em}.vipassana-logo[data-lang=ko]{--vds-logo-title-font-size:1.6em;--vds-logo-title-line-height:1.2;--vds-logo-tagline-margin:.5em}.vipassana-logo[data-lang=ko] .logo-title{margin-right:-.1em}.vipassana-logo[data-lang=tr]{--vds-logo-tagline-margin:.3em}.vipassana-logo[data-lang=or]{--vds-logo-title-line-height:1;--vds-logo-tagline-margin:.5em}.vipassana-logo[data-lang=or] .logo-title{margin-right:-.15em}.vipassana-logo[data-lang=si][data-reverse=true]{--vds-logo-title-font-size:1.4em;--vds-logo-title-line-height:1.4;--vds-logo-tagline-font-size:.9em;--vds-logo-tagline-margin:.4em}.vipassana-logo[data-lang=si][data-reverse=true] .logo-text{margin-bottom:-.4em}.vipassana-logo[data-lang=ta]{--vds-logo-title-font-size:1.4em;--vds-logo-title-line-height:1.3;--vds-logo-tagline-font-size:.9em;--vds-logo-tagline-line-height:1;--vds-logo-tagline-margin:.4em}.vipassana-logo[data-lang=uk]{--vds-logo-tagline-margin:.3em}.vipassana-logo[data-lang=zh-HANS],.vipassana-logo[data-lang=zh-HANT-HK],.vipassana-logo[data-lang=zh-HANT]{--vds-logo-title-font-size:1.5em;--vds-logo-title-line-height:1.2;--vds-logo-tagline-margin:.7em}.vipassana-logo[data-lang=zh-HANS] .logo-text,.vipassana-logo[data-lang=zh-HANT-HK] .logo-text,.vipassana-logo[data-lang=zh-HANT] .logo-text{margin-right:-.1em}.vipassana-logo[data-lang=zh-HANS] .logo-subtitle,.vipassana-logo[data-lang=zh-HANT-HK] .logo-subtitle,.vipassana-logo[data-lang=zh-HANT] .logo-subtitle{margin-right:.1em}.vipassana-logo[data-lang=hi] .logo-title,.vipassana-logo[data-lang=mr] .logo-title{margin-right:-.1em}.vipassana-logo:not([data-reverse=true]) [data-start-with=t],.vipassana-logo:not([data-reverse=true]) [data-start-with=v]{margin-right:-.17em}.vipassana-logo:not([data-reverse=true]) [data-start-with=в],.vipassana-logo:not([data-reverse=true]) [data-start-with=м]{margin-right:-.08em}.vipassana-logo:not([data-reverse=true]) [data-start-with=β]{margin-right:-.05em}.vipassana-logo[data-disposition=default]{max-width:48em}.vipassana-logo[data-disposition=centered]{flex-direction:column;text-align:center}.vipassana-logo .logo-wheel{height:5.5em;max-width:3.9em;margin-left:1em}.vipassana-logo[data-disposition=centered] .logo-wheel{margin:0 0 .4em 0!important}.vipassana-logo[data-disposition=centered][data-reverse=true] .logo-wheel{margin-bottom:.6em!important}.vipassana-logo .logo-text{display:flex;flex-direction:column}.vipassana-logo[data-reverse=true] .logo-text{flex-direction:column-reverse}.vipassana-logo[data-disposition=left-two-lines][data-reverse=true] .logo-text{margin-top:-.1em}.vipassana-logo .logo-title{color:var(--vds-logo-title-color);font-family:var(--vds-headings-font-family),FootLight,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--vds-logo-title-line-height);font-size:var(--vds-logo-title-font-size);font-weight:400;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap}.vipassana-logo[data-reverse=true] .logo-title{flex-direction:row-reverse;justify-content:start}.vipassana-logo[data-disposition=centered] .logo-title,.vipassana-logo[data-disposition=left-two-lines] .logo-title{flex-direction:column}.vipassana-logo[data-disposition=centered] .logo-space,.vipassana-logo[data-disposition=left-two-lines] .logo-space{display:none}.vipassana-logo[data-disposition=centered][data-reverse=true] .logo-title,.vipassana-logo[data-disposition=left-two-lines][data-reverse=true] .logo-title{flex-direction:column-reverse}.vipassana-logo .logo-title span{display:inline-flex;white-space:nowrap}.vipassana-logo[data-disposition=left-two-lines] .logo-title span{width:100%}.vipassana-logo[data-disposition=centered] .logo-title span{width:100%;justify-content:center}.vipassana-logo .logo-title .vipassana-as-taught{display:none}.vipassana-logo[data-disposition=default][data-lang=gu] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=hi] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=ja] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=km] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=mr] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=si] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=ta] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=te] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=zh-HANS] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=zh-HANT-HK] .logo-title span,.vipassana-logo[data-disposition=default][data-lang=zh-HANT] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=gu] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=hi] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=ja] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=km] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=mr] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=si] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=ta] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=te] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=zh-HANS] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=zh-HANT-HK] .logo-title span,.vipassana-logo[data-disposition=left-one-line][data-lang=zh-HANT] .logo-title span{display:none}.vipassana-logo[data-disposition=default][data-lang=gu] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=hi] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=ja] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=km] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=mr] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=si] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=ta] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=te] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=zh-HANS] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=zh-HANT-HK] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=default][data-lang=zh-HANT] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=gu] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=hi] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=ja] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=km] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=mr] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=si] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=ta] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=te] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=zh-HANS] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=zh-HANT-HK] .logo-title span.vipassana-as-taught,.vipassana-logo[data-disposition=left-one-line][data-lang=zh-HANT] .logo-title span.vipassana-as-taught{display:block}.logo-subtitle{color:var(--vds-logo-tagline-color);font-family:var(--vds-font-family),"Noto Sans",system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:300;font-size:var(--vds-logo-tagline-font-size);line-height:var(--vds-logo-tagline-line-height);margin:var(--vds-logo-tagline-margin) 0 0 0}.vipassana-logo[data-tagline=false] .logo-subtitle{display:none}.vipassana-logo[data-reverse=true] .logo-subtitle{margin:0 0 var(--vds-logo-tagline-margin) 0}
@@ -1,12 +1,15 @@
1
1
  import i18n from './i18n.js'
2
2
 
3
3
  function fixLocale(locale) {
4
+ locale = (locale || 'en').toLowerCase()
4
5
  const mapping = {
5
- 'zh-Hans': 'zh-HANS',
6
- 'zh-Hant': 'zh-HANT',
7
- 'zh-HK': 'zh-HANT-HK',
8
- 'zh-CN': 'zh-HANS',
9
- 'zh-TW': 'zh-HANT',
6
+ 'zh': 'zh-HANS',
7
+ 'zh-hans': 'zh-HANS',
8
+ 'zh-hant': 'zh-HANT',
9
+ 'zh-hant-hk': 'zh-HANT-HK',
10
+ 'zh-hk': 'zh-HANT-HK',
11
+ 'zh-cn': 'zh-HANS',
12
+ 'zh-tw': 'zh-HANT',
10
13
  }
11
14
  if (mapping[locale]) locale = mapping[locale] // zh-Hans -> zh-HANS
12
15
  else locale = locale.split("-")[0] // fr-CA -> fr
@@ -21,7 +24,7 @@ function vdsAssetUrl(path, localhost = false) {
21
24
  // For localhost dev, just run vscode liveserver
22
25
  if (localhost) return `http://localhost:5500/dist/${path}`
23
26
 
24
- return `https://design-standards.dhamma.org/dist/0.0.33/${path}`
27
+ return `https://design-standards.dhamma.org/dist/0.0.35/${path}`
25
28
  }
26
29
 
27
30
  function stylesheetLinkTag(url) {
@@ -72,6 +75,7 @@ export function vdsLogo({locale, disposition = "default", size = '17', tagline =
72
75
 
73
76
  return `
74
77
  <div class="vipassana-logo"
78
+ data-lang="${locale}"
75
79
  data-disposition="${disposition}"
76
80
  data-tagline="${tagline}"
77
81
  data-dark-mode="${dark}"
@@ -1,12 +1,15 @@
1
1
  import i18n from './i18n.js'
2
2
 
3
3
  function fixLocale(locale) {
4
+ locale = (locale || 'en').toLowerCase()
4
5
  const mapping = {
5
- 'zh-Hans': 'zh-HANS',
6
- 'zh-Hant': 'zh-HANT',
7
- 'zh-HK': 'zh-HANT-HK',
8
- 'zh-CN': 'zh-HANS',
9
- 'zh-TW': 'zh-HANT',
6
+ 'zh': 'zh-HANS',
7
+ 'zh-hans': 'zh-HANS',
8
+ 'zh-hant': 'zh-HANT',
9
+ 'zh-hant-hk': 'zh-HANT-HK',
10
+ 'zh-hk': 'zh-HANT-HK',
11
+ 'zh-cn': 'zh-HANS',
12
+ 'zh-tw': 'zh-HANT',
10
13
  }
11
14
  if (mapping[locale]) locale = mapping[locale] // zh-Hans -> zh-HANS
12
15
  else locale = locale.split("-")[0] // fr-CA -> fr
@@ -21,7 +24,7 @@ function vdsAssetUrl(path, localhost = false) {
21
24
  // For localhost dev, just run vscode liveserver
22
25
  if (localhost) return `http://localhost:5500/dist/${path}`
23
26
 
24
- return `https://design-standards.dhamma.org/dist/0.0.33/${path}`
27
+ return `https://design-standards.dhamma.org/dist/0.0.35/${path}`
25
28
  }
26
29
 
27
30
  function StylesheetLinkTag({url}) {
@@ -56,6 +59,7 @@ export function VdsLogo({locale, disposition = "default", size = '17', tagline =
56
59
  }
57
60
 
58
61
  return <div className="vipassana-logo"
62
+ data-lang={locale}
59
63
  data-disposition={disposition}
60
64
  data-tagline={tagline}
61
65
  data-dark-mode={dark}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vipassana-design-standards",
3
- "version": "0.0.33",
3
+ "version": "0.0.35",
4
4
  "description": "Vipassana design standards materials",
5
5
  "homepage": "https://design-standards.dhamma.org",
6
6
  "author": "Dhamma Workers",
@@ -99,7 +99,9 @@ $input-btn-padding-x: 1rem;
99
99
  $input-btn-padding-x-sm: .75rem;
100
100
  $input-border-color: $border-color;
101
101
 
102
- $btn-font-weight: 500;
102
+ $form-floating-height: add(3.7rem, 2px);
103
+
104
+ $btn-font-weight: 400;
103
105
 
104
106
  $alert-border-width: 0;
105
107
 
@@ -65,7 +65,7 @@
65
65
  }
66
66
 
67
67
  /*
68
- https: //fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500&display=swap
68
+ https: //fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400&display=swap
69
69
  */
70
70
 
71
71
  /* cyrillic-ext */
@@ -227,83 +227,3 @@
227
227
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format('woff2');
228
228
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
229
229
  }
230
-
231
- /* cyrillic-ext */
232
- @font-face {
233
- font-family: 'Noto Sans';
234
- font-style: normal;
235
- font-weight: 500;
236
- font-display: swap;
237
- src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVadyB1Wk.woff2) format('woff2');
238
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
239
- }
240
-
241
- /* cyrillic */
242
- @font-face {
243
- font-family: 'Noto Sans';
244
- font-style: normal;
245
- font-weight: 500;
246
- font-display: swap;
247
- src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVYNyB1Wk.woff2) format('woff2');
248
- unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
249
- }
250
-
251
- /* devanagari */
252
- @font-face {
253
- font-family: 'Noto Sans';
254
- font-style: normal;
255
- font-weight: 500;
256
- font-display: swap;
257
- src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVZdyB1Wk.woff2) format('woff2');
258
- unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
259
- }
260
-
261
- /* greek-ext */
262
- @font-face {
263
- font-family: 'Noto Sans';
264
- font-style: normal;
265
- font-weight: 500;
266
- font-display: swap;
267
- src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVaNyB1Wk.woff2) format('woff2');
268
- unicode-range: U+1F00-1FFF;
269
- }
270
-
271
- /* greek */
272
- @font-face {
273
- font-family: 'Noto Sans';
274
- font-style: normal;
275
- font-weight: 500;
276
- font-display: swap;
277
- src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVZ9yB1Wk.woff2) format('woff2');
278
- unicode-range: U+0370-03FF;
279
- }
280
-
281
- /* vietnamese */
282
- @font-face {
283
- font-family: 'Noto Sans';
284
- font-style: normal;
285
- font-weight: 500;
286
- font-display: swap;
287
- src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVa9yB1Wk.woff2) format('woff2');
288
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
289
- }
290
-
291
- /* latin-ext */
292
- @font-face {
293
- font-family: 'Noto Sans';
294
- font-style: normal;
295
- font-weight: 500;
296
- font-display: swap;
297
- src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVatyB1Wk.woff2) format('woff2');
298
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
299
- }
300
-
301
- /* latin */
302
- @font-face {
303
- font-family: 'Noto Sans';
304
- font-style: normal;
305
- font-weight: 500;
306
- font-display: swap;
307
- src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjFhdVZNyB.woff2) format('woff2');
308
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
309
- }
@@ -15,7 +15,7 @@
15
15
 
16
16
  a {
17
17
  font-family: $headings-font-family;
18
- font-weight: 600;
18
+ font-weight: 500;
19
19
  &.active {
20
20
  color: $gold-600;
21
21
  }
@@ -12,7 +12,7 @@
12
12
  --vds-logo-title-font-size: 1.5em;
13
13
  --vds-logo-title-line-height: 1.3;
14
14
 
15
- --vds-logo-tagline-font-size: .9em;
15
+ --vds-logo-tagline-font-size: 1em;
16
16
  --vds-logo-tagline-line-height: 1;
17
17
  --vds-logo-tagline-margin: .4em;
18
18
  }
@@ -26,28 +26,23 @@
26
26
  --vds-logo-tagline-color: #ffffff90;
27
27
  }
28
28
 
29
- [lang=fa] .vipassana-logo {
29
+ .vipassana-logo[data-lang=fa] {
30
30
  --vds-logo-tagline-font-size: 1.2em;
31
31
  }
32
- [lang=gu] .vipassana-logo,
33
- [lang=hi] .vipassana-logo,
34
- [lang=te] .vipassana-logo,
35
- [lang=mr] .vipassana-logo {
32
+ .vipassana-logo[data-lang=gu],
33
+ .vipassana-logo[data-lang=hi],
34
+ .vipassana-logo[data-lang=te],
35
+ .vipassana-logo[data-lang=mr] {
36
36
  .logo-text { margin-bottom: -.5em; }
37
37
  }
38
- [lang=he] .vipassana-logo[data-reverse="true"] {
38
+ .vipassana-logo[data-lang=he][data-reverse="true"] {
39
39
  --vds-logo-tagline-margin: .25em;
40
40
  }
41
- [lang=ja] .vipassana-logo {
42
- --vds-logo-title-font-size: 1.6em;
43
- --vds-logo-title-line-height: 1.3;
44
- --vds-logo-tagline-margin: .15em;
45
- }
46
- [lang=km] .vipassana-logo {
47
- --vds-logo-title-font-size: 1.7em;
48
- --vds-logo-tagline-margin: .6em;
41
+ .vipassana-logo[data-lang=ja] {
42
+ --vds-logo-title-font-size: 1.5em;
43
+ --vds-logo-tagline-margin: .3em;
49
44
  }
50
- [lang=ko] .vipassana-logo {
45
+ .vipassana-logo[data-lang=ko] {
51
46
  --vds-logo-title-font-size: 1.6em;
52
47
  --vds-logo-title-line-height: 1.2;
53
48
  --vds-logo-tagline-margin: .5em;
@@ -55,27 +50,39 @@
55
50
  margin-left: -.1em;
56
51
  }
57
52
  }
58
- [lang=or] .vipassana-logo {
53
+ .vipassana-logo[data-lang=tr] {
54
+ --vds-logo-tagline-margin: .3em;
55
+ }
56
+ .vipassana-logo[data-lang=or] {
59
57
  --vds-logo-title-line-height: 1;
60
58
  --vds-logo-tagline-margin: .5em;
61
59
  .logo-title {
62
60
  margin-left: -.15em;
63
61
  }
64
62
  }
65
- [lang=si] .vipassana-logo[data-reverse="true"] {
66
- --vds-logo-title-font-size: 1.5em;
67
- --vds-logo-title-line-height: 1.3;
63
+ .vipassana-logo[data-lang=si][data-reverse="true"] {
64
+ --vds-logo-title-font-size: 1.4em;
65
+ --vds-logo-title-line-height: 1.4;
66
+ --vds-logo-tagline-font-size: .9em;
68
67
  --vds-logo-tagline-margin: .4em;
68
+ .logo-text {
69
+ margin-bottom: -0.4em;
70
+ }
69
71
  }
70
- [lang=ta] .vipassana-logo {
71
- --vds-logo-title-font-size: 1.5em;
72
+ .vipassana-logo[data-lang=ta] {
73
+ --vds-logo-title-font-size: 1.4em;
74
+ --vds-logo-title-line-height: 1.3;
75
+
76
+ --vds-logo-tagline-font-size: .9em;
77
+ --vds-logo-tagline-line-height: 1;
72
78
  --vds-logo-tagline-margin: .4em;
73
79
  }
74
- [lang=zh-HANS] .vipassana-logo,
75
- [lang=zh-HANT] .vipassana-logo,
76
- [lang=zh-Hans] .vipassana-logo,
77
- [lang=zh-Hant] .vipassana-logo,
78
- [lang=zh-HANT-HK] .vipassana-logo {
80
+ .vipassana-logo[data-lang=uk] {
81
+ --vds-logo-tagline-margin: .3em;
82
+ }
83
+ .vipassana-logo[data-lang=zh-HANS],
84
+ .vipassana-logo[data-lang=zh-HANT],
85
+ .vipassana-logo[data-lang=zh-HANT-HK] {
79
86
  --vds-logo-title-font-size: 1.5em;
80
87
  --vds-logo-title-line-height: 1.2;
81
88
  --vds-logo-tagline-margin: .7em;
@@ -87,8 +94,8 @@
87
94
  }
88
95
  }
89
96
 
90
- [lang="hi"] .vipassana-logo .logo-title,
91
- [lang="mr"] .vipassana-logo .logo-title {
97
+ .vipassana-logo[data-lang=hi] .logo-title,
98
+ .vipassana-logo[data-lang=mr] .logo-title {
92
99
  margin-left: -.1em;
93
100
  }
94
101
  .vipassana-logo:not([data-reverse="true"]) [data-start-with="v"],
@@ -132,6 +139,9 @@
132
139
  .vipassana-logo[data-reverse="true"] .logo-text {
133
140
  flex-direction: column-reverse;
134
141
  }
142
+ .vipassana-logo[data-disposition="left-two-lines"][data-reverse="true"] .logo-text {
143
+ margin-top: -.1em;
144
+ }
135
145
 
136
146
  /* Title */
137
147
  .vipassana-logo .logo-title {
@@ -182,9 +192,10 @@
182
192
  .vipassana-logo .logo-title .vipassana-as-taught {
183
193
  display: none;
184
194
  }
185
- [lang=zh-HANS], [lang=zh-HANT], [lang=zh-Hans], [lang=zh-Hant], [lang=zh-HANT-HK], [lang=gu],
186
- [lang=km], [lang=ja], [lang=mr], [lang=si], [lang=ta], [lang=te], [lang=hi] {
187
- .vipassana-logo[data-disposition="left-one-line"], .vipassana-logo[data-disposition="default"] {
195
+ .vipassana-logo[data-disposition="left-one-line"], .vipassana-logo[data-disposition="default"] {
196
+ &[data-lang=zh-HANS], &[data-lang=zh-HANT], &[data-lang=zh-HANT-HK], &[data-lang=gu],
197
+ &[data-lang=km], &[data-lang=ja], &[data-lang=mr], &[data-lang=si], &[data-lang=ta], &[data-lang=te],
198
+ &[data-lang=hi] {
188
199
  .logo-title span {
189
200
  display: none;
190
201
  &.vipassana-as-taught { display: block; }