Releases: SU-SWS/decanter
Releases · SU-SWS/decanter
7.3.1
7.3.0
19 April 2024
-
Add Fluid Typography classes
#943 -
Fluid Typography font sizes increase linearly with browser width from 360px up to the 2XL breakpoint where it stays at a max value
-
See this link for the concept
https://www.aleksandrhovhannisyan.com/blog/fluid-type-scale-with-css-clamp/ -
HSTS set max-age to 31536000
#944
7.2.0
7.1.2
7 November 2023
- Update TW to 3.3.5 and dependencies to latest; uninstall tailwindcss/line-clamp
#939 - Test Pull Request Previews.
#936 - Bump loader-utils from 2.0.2 to 2.0.4
#932 - Update autorelease for new main branch
12e22c4
7.1.1
12 July 2023
- GIVCAMP-151 | Spacing options and other utilities updates
#919
7.1.0
11 July 2023
- v7 - Remove su- prefix; update sans and serif fonts; add variant group-hocus-within:
#918
7.0.0
26 June 2023
- V7 move more themes to extend
#909
7.0.0-rc.4
10 April 2023
- Remove @tailwindcss/line-clamp that is included by default
#906
7.0.0-rc.3
28 February 2023
- Update TailwindCSS and other plugins; add utilities; update nvmrc
#905
7.0.0-rc.2
16 May 2022
- Add line-clamp and update form plugin; add utilities; social media colors
#879
7.0.0-rc.1
11 May 2022
- Update tailwind.config.js
#878
7.0.0-rc.0
29 April 2022
- Fixup! Typo.
#875 - Remove package action
#874 - ADAPT-4155: Refactor for TW3 and Presets
#871 - DEC-000: Remove Config Viewer
#859 - Update README.md
2723ef5 - Update package.json
263c621
7.0.0-beta.2
15 October 2021
- Release 7.0.0-beta.2
#857 - ADAPT-3196: New modular typography system and add type 7 to 9
#854 - ADAPT-3827 Update Digital Blue Light and add Digital Blue Vivid
#853
7.0.0-beta.1
17 September 2021
- ADAPT-000: Remove link-underline utility class
#851 - ADAPT-2539: Add stretched-link and writing-mode utilities to v7
#843 - ADAPT-000: Update packages and repack.
e75069d
7.0.0-beta.0
13 July 2021
- ADAPT-2856: Moving styles from tags to classes
#841
7.0.0-alpha.7
15 June 2021
7.0.0-alpha.6
21 May 2021
- Added Config viewer
#827
7.0.0-alpha.5
21 May 2021
7.0.0-alpha.3
21 May 2021
- Add package npm script for autorelease.
#830 - ADAPT-000: Move workflow file
#829 - Set autorelease branch to v7
#828 - ADAPT-2518: Added autorelease github action.
#825 - Create label.yml
#826 - ADAPT-1771: Linting Configuration
#821 - ADAPT-2435 Add text-shadow TailwindCSS utility
#820 - ADAPT-000: Move Tailwind plugins from devdependencies to dependencies
#818 - back to dev.
d784988
7.0.0-alpha.2
13 April 2021
- Adapt-000 Remove animation variants but add translate variants
#814 - Add skiplink component
#812 - ADAPT-1073: Unstructured WYSIWYG content styles as TW component
#813 - ADAPT-1783: Update README.md for v7
#810 - ADAPT-000: Move things from TW Utilities to Components
#809 - Adapt-1856: Misc v7 changes take 2
#808 - ADAPT-000: Misc additions
#806 - ADAPT-000: Add options to fontSize.js for the modular scale steps
#805
7.0.0-alpha.1
24 February 2021
- ADAPT-000: Add more variants
#803 - ADAPT-000: Adds Colors to the example page
#804 - Finish up global footer
#802 - Add other link style utilities for nested links and add global footer
#801 - Adapt-1808: Use TW box shadows for v7
#799 - ADAPT-000: Link color utility
#800 - ADAPT-1786: V7 utility classes
#796 - ADAPT 1756 - Continuous v7 prep work
#795 - Netlify builds.
#794 - No more components
#792 - Adapt-1756 Misc v7 prep work
#790 - DEC-000: Update file-loader public path in Webpack Config
#786 - V7 colors
#787 - Remove Template Files.
#765 - Version 7 Initial Start.
#764 - TAILWIND 2.0 UPGRADE.
1c4dd81 - Bring back spacing as not all things are responsive spacing.
0596ef7 - Removed large components and created separated renders.
02352a9
6.3.3
19 October 2023
- D8CORE-6970 | @jdwjdwjdw | Update local footer headlines
#926
Contributors
jdwjdwjdw
Assets 2
6.3.2
6.3.1
6.3.0
V6.3.0
THIS HAS BREAKING CHANGES AND UPDATES PLEASE READ AND PROCEED CAUTIOUSLY.
Node
- Requires Node Version 18
Version Updates
- Update to Webpack 5
- Update to Bourbon 6
- Update to autoprefixer 10
- Update to babel-loader 9
- Update to css-loader 6.8
- Update to Filemanager Webpack Plugin 8
- Update to htm-webpack-plugin 5
- Update to node-sass 9
- Update to post-css-loader 7
- Update sass-loader to 13
- Update style-loader to 3
- Update webpack-assets-manifest to 5
- Update webpack-cli to 5
- Update webpack-dev-server to 4.5
- Update webpack-manifest-plugin to 5
- Update to font-awesome 5.15
Package additions
- Add css-minimizer-webpack-plugin
Removed packages
- Remove optimize-css-assets-webpack-plugin (Built in to Webpack 5)
- Remove jsdoc (Never was used here)
- Remove file-loader (Built in to Webpack 5)
- Remove uglifyjs-webpack-plugin
- Remove url-loader (Built in to Webpack 5)
- Remove webpack-fix-style-only-entries (Built in to Webpack 5)
Notes
- Fixed dev vs production optimized builds
- Added new developer environment so that it works much better with scaffolding out your twig and styles
- Font-awesome may have changed the names of the icons you used.
- Assets (img/svg) may have different names
Example new webpack configuration file.
/* eslint-disable no-undef */
/**
* Decanter 6 - Webpack Example Configuration
*/
// Requires / Dependencies
const path = require('path');
const FileManagerPlugin = require('filemanager-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const WebpackAssetsManifest = require('webpack-assets-manifest');
const TerserPlugin = require('terser-webpack-plugin');
// Paths
const npmPackage = 'node_modules';
const srcDir = path.resolve(__dirname, 'src');
const outputDir = path.resolve(__dirname, 'dist');
// process.env.NODE_ENV is NOT set, so use the name of the npm script as the clue.
const devMode = process.env.npm_lifecycle_event !== 'publish';
// Module Exports.
module.exports = {
name: 's',
// Define the entry points for which webpack builds a dependency graph.
entry: {
"my-styles": "/src/scss/my-styles.scss",
"my-js": "/src/js/my-js.js",
},
// Where should I output the assets.
output: {
filename: '[name].js',
path: path.resolve(__dirname, outputDir + '/js'),
clean: true,
assetModuleFilename: '../assets/[name][ext]'
},
// Allows for map files.
devtool: 'source-map',
resolve: {
alias: {
'./@fortawesome': path.resolve(__dirname, npmPackage, '@fortawesome'),
'decanter-assets': path.resolve(__dirname, npmPackage, 'decanter/core/src/img'),
'fa-fonts': path.resolve(__dirname, npmPackage, '@fortawesome/fontawesome-free/webfonts')
}
},
// Optimizations that are triggered by production mode.
optimization: {
moduleIds: 'deterministic',
minimize: !devMode,
minimizer: [
new CssMinimizerPlugin(),
new TerserPlugin()
]
},
plugins: [
// A webpack plugin to manage files before or after the build.
// Used here to:
// - clean all generated files (js AND css) prior to building
// - copy generated files to the styleguide after building
// Copying to the styleguide must happen in this build because the 2 configs
// run asynchronously, and the kss build finishes before this build generates
// the assets that need to be copied.
// https://www.npmjs.com/package/filemanager-webpack-plugin
new FileManagerPlugin({
events: {
onStart: {
delete: [outputDir + '/**/*']
},
onEnd: {
copy: [
{
source: npmPackage + "/decanter/core/src/templates/**/*.twig",
destination: outputDir + "/templates/decanter/"
},
]
}
}
}),
// This plugin extracts CSS into separate files. It creates a CSS file per
// JS file which contains CSS. It supports On-Demand-Loading of CSS and
// SourceMaps.
// https://github.com/webpack-contrib/mini-css-extract-plugin
new MiniCssExtractPlugin({
// Options similar to the same options in webpackOptions.output
// both options are optional
filename: '../css/[name].css',
chunkFilename: '../css/[id].css'
}),
// This Webpack plugin will generate a JSON file that matches the original
// filename with the hashed version.
// https://github.com/webdeveric/webpack-assets-manifest
new WebpackAssetsManifest({
output: 'assets.json'
})
],
module: {
rules: [
// Apply babel ES6 compilation to JavaScript files.
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
},
// Apply Plugins to SCSS/SASS files.
{
test: /\.s[ac]ss$/,
use: [
MiniCssExtractPlugin.loader,
// CSS Loader. Generate sourceMaps.
{
loader: 'css-loader',
options: {
sourceMap: true,
url: true
}
},
// Post CSS. Run autoprefixer plugin.
{
loader: 'postcss-loader',
options: {
sourceMap: true
}
},
// SASS Loader. Add compile paths to include bourbon.
{
loader: 'sass-loader',
options: {
sassOptions: {
sourceMap: true,
lineNumbers: true,
outputStyle: 'nested',
precision: 10,
includePaths: [
path.resolve(__dirname, npmPackage, 'bourbon/core'),
path.resolve(__dirname, srcDir, 'scss'),
path.resolve(__dirname, npmPackage)
]
}
}
}
]
},
// Apply plugins to image assets.
{
test: /\.(png|jpg|gif)$/i,
type: "asset/resource",
generator: {
filename: '../assets/img/[name][ext][query]',
},
},
// Apply plugins to svg assets.
{
test: /\.(svg)$/i,
type: "asset/resource",
generator: {
filename: '../assets/svg/[name][ext][query]',
},
},
// Apply plugins to font assets.
{
test: /\.(woff|woff2|eot|ttf|otf)$/i,
type: "asset/resource",
generator: {
filename: '../assets/fonts/[name][ext][query]',
},
},
{
test: /\.css$/i,
use: [MiniCssExtractPlugin.loader, 'css-loader']
}
]
}
};