Merge pull request #42 from Mastercard/develop

Q1 Release

packages/made-css/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## v3.0.0
+
+### BREAKING CHANGES ⚠️
+* Grid - removed max width, grid is now 100% width. 
+* Overflow menu: Removed `.made-c-overflow-menu__multiselect-item.made-c-checkbox__label::after` class the positions checkbox in overflow menu
+
+### VISUAL BREAKING CHANGES ⚠️
+* Accordion - removed width and height for accordion icon to align with new system icons
+
+* Search: add color for placeholder, added disabled color for icon, updated`.made-c-search-input__search-icon` class to align with new system icons
+* Select: add color for placeholder, added disabled color for icon, updated`.made-c-select__button` class to align with new system icons
+
+### Features 🚀
+* Accordion - added padding to the left of title and description, new disabled styling
+* Button - New styles for new button icon only `.made-c-button--icon-only`. Updated padding for buttons with icons to align with other variants. Added new button class to reset styles. 
+* Checkbox - New styles for checkbox and new variant for unbranded checkboxes
+* Form - add new styles to support icons with validation text and colour for placeholder text
+* Loading Indicator: Updated icon width and added new styles to support loading state in button
+* Pill: add min height to pill
+* Table: updated icon for border resize, this is not a button and not a background image
+* Text Input: add color for placeholder, added disabled color for icon, add class for text input with icon
+* Text area: add color for placeholder,
+* Toggle: added styles for small toggle, updated width of toggle
+
 ## v2.0.0
 
 ### Features 🚀

packages/made-css/dist/3.0.0/package.json

@@ -0,0 +1,50 @@
+{
+ "name": "@mastercard/made-css",
+ "version": "3.0.0",
+ "description": "CSS for Made Framework Core Components",
+ "owner": "Made",
+ "main": "index.js",
+ "files": [
+ "*.*",
+ "src/"
+ ],
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/mastercard/made.git"
+ },
+ "publishConfig": {
+ "@mastercard:registry": "https://npm.pkg.github.com/mastercard"
+ },
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 0",
+ "stylelint:test": "stylelint src/*.css",
+ "stylelint:fix": "stylelint src/*.css --fix",
+ "build": "gulp",
+ "pack": "npm run postbuild && npm pack ./dist/",
+ "release": "standard-version",
+ "publish-web": "npm run build && npm run postbuild && npm publish ./dist",
+ "publish-github": "cp package.json dist/3.0.0 && cd dist/3.0.0 && npm publish"
+ },
+ "author": "",
+ "license": "ISC",
+ "devDependencies": {
+ "autoprefixer": "^9.8.6",
+ "css-mqpacker": "^7.0.0",
+ "gulp": "^4.0.2",
+ "gulp-autoprefixer": "^8.0.0",
+ "gulp-clean-css": "^4.3.0",
+ "gulp-cli": "^2.3.0",
+ "gulp-concat": "^2.6.1",
+ "gulp-minify-css": "^1.2.4",
+ "gulp-postcss": "^9.0.0",
+ "gulp-rename": "^2.0.0",
+ "postcss": "^8.3.6",
+ "postcss-css-variables": "0.18.0",
+ "postcss-import": "^14.0.2",
+ "standard-version": "^9.3.2",
+ "stylelint": "^13.13.1",
+ "stylelint-config-standard": "^22.0.0",
+ "stylelint-order": "^5.0.0",
+ "stylelint-selector-bem-pattern": "^2.1.1"
+ }
+}

packages/made-css/gulpfile.js

@@ -13,7 +13,7 @@ gulp.task("css", function () {
  .src("src/styles.css")
  .pipe(postcss([cssImport, cssvariables, autoprefixer]))
  .pipe(rename("made.css"))
- .pipe(gulp.dest("dist/2.0.0/"));
+ .pipe(gulp.dest("dist/3.0.0/"));
 });
 
 
@@ -23,7 +23,7 @@ gulp.task("css-vars", function () {
  .src("src/styles.css")
  .pipe(postcss([cssImport, autoprefixer]))
  .pipe(rename("made-css-variables.css"))
- .pipe(gulp.dest("dist/2.0.0/"));
+ .pipe(gulp.dest("dist/3.0.0/"));
 });
 
 /* compile css into one minified file with hard coded values */
@@ -33,7 +33,7 @@ gulp.task("css-min", function () {
  .pipe(postcss([cssImport, cssvariables, autoprefixer]))
  .pipe(cleanCSS({ compatibility: "ie11" }))
  .pipe(rename("made.min.css"))
- .pipe(gulp.dest("dist/2.0.0/"));
+ .pipe(gulp.dest("dist/3.0.0/"));
 });
 
 /* compile css into one minified file with CSS variables values */
@@ -43,7 +43,7 @@ gulp.task("css-vars-min", function () {
  .pipe(postcss([cssImport, autoprefixer]))
  .pipe(cleanCSS({ compatibility: "ie11" }))
  .pipe(rename("made-css-variables.min.css"))
- .pipe(gulp.dest("dist/2.0.0/"));
+ .pipe(gulp.dest("dist/3.0.0/"));
 });
 
 /* copy css from src file to dist folder */
@@ -57,7 +57,7 @@ gulp.task("css-vars-min", function () {
 projects importing the files then won't need to specify a version number */
 gulp.task("copy-latest-to-root", function () {
  return gulp
- .src(["dist/2.0.0/**"])
+ .src(["dist/3.0.0/**"])
  .pipe(gulp.dest("./dist/"));
 });