@digigov/css 2.0.13 → 2.0.14-platform-201.01-04-26-11-49

package/index.js

@@ -1,127 +0,0 @@
-const path = require('path');
-
-var digigovCssInfo = require(path.join(__dirname, './package.json'));
-const digigovTailwindConfig = require(
-  path.join(__dirname, './tailwind.config.js')
-);
-
-const getThemeBaseStyle = require(path.join(__dirname, './theming.js'));
-
-const base = require(path.join(__dirname, './dist/base'));
-const utilities = require(path.join(__dirname, './dist/utilities'));
-const components = require(path.join(__dirname, './dist/components'));
-
-/**
- * Load Digigov CSS styles and add them to the base tailwindcss styles.
- *
- * Optionally, you can provide additional options for loading a custom theme.
- *
- * @param {object} [options={}]
- * @param {string} [options.customTheme] - Custom theme package name or file path.
- * @param {boolean} [options.eject] - Whether to ignore the default Digigov CSS base styles.
- */
-function mainFunction(options = {}) {
-  return function ({ addBase, addComponents, addUtilities, config }) {
-    let digigovCssIncludedItems = [];
-    let logs = false;
-    if (config('digigovCss.logs') != false) {
-      logs = true;
-    }
-    if (logs) {
-      console.log();
-      console.log(
-        '\x1b[35m%s\x1b[0m',
-        '🌼 Digigov CSS components ' + digigovCssInfo.version,
-        '\x1b[0m',
-        digigovCssInfo.homepage
-      );
-      console.group();
-    }
-
-    // inject @base style
-    if (config('digigovCss.base') != false) {
-      const themeBaseStyle = getThemeBaseStyle({
-        eject: options.eject,
-        theme: options.customTheme,
-        debug: logs,
-      });
-      addBase({ ...base, ...themeBaseStyle });
-      digigovCssIncludedItems.push('base');
-    }
-
-    // inject components
-    let classNames = [];
-    let mediaQueries = [];
-    // split compiled components in two different sectors
-    // to load them in the correct order, since media queries
-    // should be always after the main CSS rules
-    Object.keys(components).forEach((selector) => {
-      // checking if selectors are media queries
-      if (selector.startsWith('@media')) {
-        mediaQueries.push({ [selector]: components[selector] });
-        // ... or just regular css rules
-      } else {
-        classNames.push({ [selector]: components[selector] });
-      }
-    });
-    if (config('digigovCss.components') != false) {
-      // this order is important for loading CSS rules and media queries
-      // consistently, since the keys in js objects are not ordered and
-      // sometimes order can be different. By spreading them in sequence
-      // we fix this bug
-      addComponents([...classNames, ...mediaQueries]);
-      digigovCssIncludedItems.push('components');
-    }
-
-    // inject @utilities style needed by components
-    if (config('digigovCss.utils') != false) {
-      addUtilities(utilities);
-      digigovCssIncludedItems.push('utilities');
-    }
-    if (logs) {
-      console.log(
-        '\x1b[32m%s\x1b[0m',
-        '🛠️ Including functions:',
-        '\x1b[0m',
-        '' + digigovCssIncludedItems.join(', ')
-      );
-      if (isTailwindInstalled === false) {
-        console.log(`\n\x1b[33;1m! warning\x1b[0m - unable to require \x1b[36mtailwindcss/plugin\x1b[0m
-Digigov CSS color are now only available for Digigov CSS components.
-If you want to use DigigovCSS color as utility classes (like 'bg-primary')
-you need to add this to your \x1b[36mtailwind.config.js\x1b[0m file:
-───────────────────────────────────────
-\x1b[36mmodule.exports = {
-  \x1b[32mtheme: {
-    extend: {
-      colors: require('@digigov/css/colors'),
-    },
-  },\x1b[0m
-\x1b[36m}\x1b[0m
-───────────────────────────────────────  
-      `);
-      }
-      console.log();
-      console.groupEnd();
-    }
-  };
-}
-
-// check if tailwindcss package exists
-let isTailwindInstalled = false;
-try {
-  require.resolve('tailwindcss/plugin');
-  isTailwindInstalled = true;
-} catch (er) {
-  isTailwindInstalled = false;
-}
-if (isTailwindInstalled !== false) {
-  module.exports = require('tailwindcss/plugin').withOptions(
-    mainFunction,
-    function (options) {
-      return { ...digigovTailwindConfig, ...options };
-    }
-  );
-} else {
-  module.exports = mainFunction;
-}

package/postcss.config.js

@@ -1,20 +0,0 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: {
-    'postcss-import': {},
-    'tailwindcss/nesting': {},
-    tailwindcss: {},
-    autoprefixer: {},
-    'postcss-sort-media-queries': {},
-    cssnano: {
-      preset: [
-        'default',
-        {
-          mergeRules: false,
-        },
-      ],
-    },
-  },
-};
-
-module.exports = config;

package/src/base/postcss.config.js

@@ -1,33 +0,0 @@
-const changeLog = require('../../CHANGELOG.json');
-const entries = changeLog.entries.sort(
-  (a, b) => new Date(b.date) - new Date(a.date)
-);
-const version = entries[0].version;
-const date = entries[0].date;
-const cssDate = new Date(date).toLocaleDateString('si-LK'); //yyyy-MM-dd
-
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: [
-    require('postcss-import'),
-    require('tailwindcss/nesting'),
-    require('tailwindcss')('./src/base/tailwind.config.js'),
-    require('autoprefixer'),
-    require('postcss-sort-media-queries'),
-    require('cssnano')({
-      preset: [
-        'default',
-        {
-          mergeRules: false,
-        },
-      ],
-    }),
-    require('@digigov/postcss-banner')({
-      banner: `@digigov/css: ${version}\n\nAuthor: grnet-devs\nDate: ${cssDate}`,
-      inline: false,
-      important: true,
-    }),
-  ],
-};
-
-module.exports = config;

package/src/base/tailwind.config.js

@@ -1,14 +0,0 @@
-const tailwindConfig = require('../../tailwind.config');
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  ...tailwindConfig,
-  content: {
-    files: [
-      './*.css',
-      '../../dist/components/*.css',
-      '../../dist/utilities/*.css',
-    ],
-    relative: true,
-  },
-};

package/src/components/postcss.config.js

@@ -1,20 +0,0 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: [
-    require('postcss-import'),
-    require('tailwindcss/nesting'),
-    require('tailwindcss')('./src/components/tailwind.config.js'),
-    require('autoprefixer'),
-    require('postcss-sort-media-queries'),
-    require('cssnano')({
-      preset: [
-        'default',
-        {
-          mergeRules: false,
-        },
-      ],
-    }),
-  ],
-};
-
-module.exports = config;

package/src/components/tailwind.config.js

@@ -1,16 +0,0 @@
-const plugin = require("tailwindcss/plugin");
-const tailwindConfig = require("../../tailwind.config");
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  ...tailwindConfig,
-  content: {
-    files: ["./*.css"],
-    relative: true,
-  },
-  plugins: [
-    plugin(function ({ addUtilities }) {
-      addUtilities(require("../../dist/utilities"));
-    }),
-  ],
-};

package/src/pages/_app.js

@@ -1,5 +0,0 @@
-import '../index.css'
-// import "tailwindcss/dist/tailwind.css"
-// import '../../dist/digigov.css'
-import App from 'next/app'
-export default App

package/src/pages/headings/service-heading.js

@@ -1,20 +0,0 @@
-import Head from 'next/head';
-import Image from 'next/image';
-
-
-
-export default function Home() {
-  return (
-    <div>
-      <span className="ds-caption-xl"> Caption for h1 </span>
-      <h1 className="ds-heading-xl">Heading 1 - Κεντρικός τίτλος</h1>
-      <span className="ds-caption-lg"> Caption for h2 </span>
-      <h2 className="ds-heading-lg">Heading 2</h2>
-      <span className="ds-caption-md"> Caption for h3 </span>
-      <h3 className="ds-heading-md">Heading 3</h3>
-      <h4 className="ds-heading-sm">Heading 4</h4>
-      <h5 className="ds-heading-sm">Heading 5</h5>
-      <h6 className="ds-heading-sm">Heading 6</h6>
-    </div>
-  );
-}