npm - vipassana-design-standards - Versions diffs - 1.1.3 → 1.2.1 - Mend

vipassana-design-standards 1.1.3 → 1.2.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.

Files changed (23) hide show

package/README.md +16 -7
package/dist/css/bootstrap5-theme.css +69 -47
package/dist/css/bootstrap5-theme.css.map +1 -1
package/dist/css/bootstrap5-theme.min.css +1 -1
package/dist/css/bootstrap5-theme.rtl.css +69 -47
package/dist/css/bootstrap5-theme.rtl.min.css +1 -1
package/dist/css/fonts.css +28 -28
package/dist/css/fonts.css.map +1 -1
package/dist/css/fonts.min.css +1 -1
package/dist/css/logo.css +37 -8
package/dist/css/logo.css.map +1 -1
package/dist/css/logo.min.css +1 -1
package/dist/css/logo.rtl.css +37 -8
package/dist/css/logo.rtl.min.css +1 -1
package/dist/js/bootstrap5-theme.min.js +3 -2
package/dist/js/helpers.js +4 -4
package/dist/js/react-helpers.js +3 -3
package/dist/js/react-helpers.jsx +3 -3
package/package.json +1 -1
package/src/stylesheets/custom-bootstrap.scss +5 -0
package/src/stylesheets/fonts.scss +93 -63
package/src/stylesheets/layout/vds-layout.scss +1 -14
package/src/stylesheets/logo.scss +76 -10

package/README.md CHANGED Viewed

@@ -19,10 +19,16 @@ If you are not using our `bootstrap5-theme` (see below), then you need to manual
 ```html
 <!-- Load fonts -->
-<link rel="stylesheet" href="https://design-standards.dhamma.org/dist/css/fonts.css" />
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/vipassana-design-standards/dist/css/fonts.css"
+/>
 <!-- If you use vds_logo, load this specific file -->
-<link rel="stylesheet" href="https://design-standards.dhamma.org/dist/css/logo.css" />
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/vipassana-design-standards/dist/css/logo.css"
+/>
 ```
 ### With ruby
@@ -58,7 +64,7 @@ use_english: true) %>
 ### Without ruby
-Alls SVG codes are available at https://design-standards.dhamma.org/dist/logos-inline-svg.json
+Alls SVG codes are available at https://cdn.jsdelivr.net/npm/vipassana-design-standards/dist/logos-inline-svg.json
 ### Available dispositions
@@ -94,9 +100,9 @@ See a [complete example here](https://github.com/dhammaorg/design-standards/blob
 ```html
 <link
   rel="stylesheet"
-  href="https://design-standards.dhamma.org/dist/css/bootstrap5-theme.min.css"
+  href="https://cdn.jsdelivr.net/npm/vipassana-design-standards/dist/css/bootstrap5-theme.min.css"
 />
-<script src="https://design-standards.dhamma.org/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vipassana-design-standards/dist/js/bootstrap.bundle.min.js"></script>
 ```
 ### Install locally
@@ -169,7 +175,7 @@ Some class helpers have been added to complement the [bootstrap utilities](https
 ```html
 <div class="ff-normal">Normal font (Noto Sans)</div>
-<div class="ff-headings">Headings font (Footlight)</div>
+<div class="ff-headings">Headings font (Amiri)</div>
 ```
 #### Font-size
@@ -214,7 +220,10 @@ If you don't want the whole design, but just the fonts, you can do the following
 <!-- Prodive 2-letters language code in html lang attribute -->
 <html lang="fr">
   <!-- Import fonts-->
-  <link rel="stylesheet" href="https://design-standards.dhamma.org/dist/css/fonts.css" />
+  <link
+    rel="stylesheet"
+    href="https://cdn.jsdelivr.net/npm/vipassana-design-standards/dist/css/fonts.css"
+  />
   <!-- Use the fonts where it's needed -->
   <style>

package/dist/css/bootstrap5-theme.css CHANGED Viewed

@@ -11881,6 +11881,10 @@ abbr[data-original-title] {
   cursor: pointer;
 }
+.table {
+  font-size: 1rem;
+}
 html,
 body {
   height: 100%;
@@ -11918,17 +11922,6 @@ body {
   margin-right: auto;
 }
-.vue-container {
-  --page-content-opacity: 0;
-}
-.vue-container.mounted {
-  --page-content-opacity: 1;
-}
-.vue-container .vds-page-real-content {
-  transition: opacity 0.3s;
-  opacity: var(--page-content-opacity);
-}
 .vds-header-and-content {
   position: relative;
   display: flex;
@@ -12032,12 +12025,12 @@ body {
 */
 :root {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=en] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=bg] {
@@ -12047,22 +12040,22 @@ body {
 [lang=ca] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=cs] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=da] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=de] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=el] {
@@ -12072,7 +12065,7 @@ body {
 [lang=es] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=fa] {
@@ -12082,12 +12075,12 @@ body {
 [lang=fi] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=fr] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=gu] {
@@ -12102,22 +12095,22 @@ body {
 [lang=hi] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=hu] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=id] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=it] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=ja] {
@@ -12137,12 +12130,12 @@ body {
 [lang=lt] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=lv] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=mk] {
@@ -12152,12 +12145,12 @@ body {
 [lang=mr] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=nl] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=or] {
@@ -12167,17 +12160,17 @@ body {
 [lang=pl] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=pt] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=ro] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=ru] {
@@ -12192,7 +12185,7 @@ body {
 [lang=sl] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=sr] {
@@ -12202,7 +12195,7 @@ body {
 [lang=sv] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=ta] {
@@ -12222,7 +12215,7 @@ body {
 [lang=tr] {
   --vds-font-family: "Noto Sans";
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 [lang=uk] {
@@ -12261,15 +12254,15 @@ body {
 }
 @font-face {
-  font-family: "FootLight";
-  src: url("https://design-standards.dhamma.org/dist/fonts/footlight/FootlightLight-v2.woff");
+  font-family: "Amiri";
+  src: url("http://127.0.0.1:5500/dist/fonts/amiri/Amiri-Regular.ttf");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "FootLight";
-  src: url("https://design-standards.dhamma.org/dist/fonts/footlight/FootlightRegular-v2.woff");
-  font-weight: 500;
+  font-family: "Amiri";
+  src: url("http://127.0.0.1:5500/dist/fonts/amiri/Amiri-Regular.ttf");
+  font-weight: 700;
   font-style: normal;
 }
 /*
@@ -12428,11 +12421,11 @@ body {
   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-title-font-size: 1.8em;
+  --vds-logo-title-line-height: 1.2;
   --vds-logo-tagline-font-size: 1em;
   --vds-logo-tagline-line-height: 1;
-  --vds-logo-tagline-margin: 0.4em;
+  --vds-logo-tagline-margin: 0.2em;
 }
 .vipassana-logo[data-reverse=true] {
@@ -12455,13 +12448,41 @@ body {
   margin-bottom: -0.5em;
 }
+.vipassana-logo[data-lang=bg],
+.vipassana-logo[data-lang=el],
+.vipassana-logo[data-lang=mk],
+.vipassana-logo[data-lang=ru],
+.vipassana-logo[data-lang=sr],
+.vipassana-logo[data-lang=uk],
+.vipassana-logo[data-lang=vi],
+.vipassana-logo[data-lang=ar],
+.vipassana-logo[data-lang=fa],
+.vipassana-logo[data-lang=gu],
+.vipassana-logo[data-lang=he],
+.vipassana-logo[data-lang=ja],
+.vipassana-logo[data-lang=km],
+.vipassana-logo[data-lang=ko],
+.vipassana-logo[data-lang=or],
+.vipassana-logo[data-lang=si],
+.vipassana-logo[data-lang=ta],
+.vipassana-logo[data-lang=te],
+.vipassana-logo[data-lang=th],
+.vipassana-logo[data-lang=zh-HANS],
+.vipassana-logo[data-lang=zh-Hans],
+.vipassana-logo[data-lang=zh-HANT],
+.vipassana-logo[data-lang=zh-Hant],
+.vipassana-logo[data-lang=zh-HANT-HK] {
+  --vds-logo-title-font-size: 1.5em;
+  --vds-logo-title-line-height: 1.3;
+  --vds-logo-tagline-margin: 0.4em;
+}
 .vipassana-logo[data-lang=he][data-reverse=true] {
   --vds-logo-tagline-margin: 0.25em;
 }
 .vipassana-logo[data-lang=ja] {
   --vds-logo-title-font-size: 1.5em;
-  --vds-logo-tagline-margin: 0.3em;
 }
 .vipassana-logo[data-lang=ko] {
@@ -12545,7 +12566,8 @@ body {
 }
 .vipassana-logo[data-disposition=default] {
-  max-width: 48em; /* the title will wrap if it's too long */
+  max-width: 48em;
+  /* the title will wrap if it's too long */
 }
 .vipassana-logo[data-disposition=centered] {
@@ -12585,7 +12607,7 @@ body {
 /* Title */
 .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;
+  font-family: var(--vds-headings-font-family), Amiri, 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: normal;
@@ -12686,9 +12708,9 @@ body {
 }
 /* Force font-family for english Logo */
-/* If the page is displayed in Hindi, but the Logo in english, we want to use footlight */
+/* If the page is displayed in Hindi, but the Logo in english, we want to use amiri */
 .vipassana-logo[data-lang=en] {
-  --vds-headings-font-family: "FootLight";
+  --vds-headings-font-family: "Amiri";
 }
 html.vds-html {