Core styles/v0.7.0

libs/core-styles/.npmrc

@@ -0,0 +1 @@
+git-tag-version=false

libs/core-styles/CHANGELOG.md

@@ -7,6 +7,27 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.7.0] - 2022-07-15: New Global Color, Fix Section Banner on Safari
+
+### Change
+
+- release [0.7.0-beta] as [0.7.0]
+
+## [0.7.0-beta] - 2022-07-13: New Global Color, Fix Section Banner on Safari
+
+### Added
+
+- feat(core-styles): tup-308, new global color #25
+
+### Change
+
+- feat(core-styles): add `.npmrc` with `git-tag-version=false`
+- feat(core-styles): add git tagging to publish steps in readme
+
+### Fixed
+
+- fix(core-styles): fp-1723 fix o-section--banner on safari #29
+
 ## [0.6.0] - 2022-07-06: Fix CMS v3.7.0 Bugs, Button Style Updates
 
 - [0.6.0-beta.3]
@@ -171,7 +192,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Initial working code. (This code may not work on all environments.)
 
-[unreleased]: https://github.com/TACC/tup-ui/compare/core-styles-v0.6.0...HEAD
+[unreleased]: https://github.com/TACC/tup-ui/compare/core-styles-v0.7.0...HEAD
+[0.7.0]: https://github.com/TACC/Core-Styles/releases/tag/core-styles-v0.7.0
+[0.7.0-beta]: https://github.com/TACC/Core-Styles/releases/tag/core-styles-v0.7.0-beta
 [0.6.0]: https://github.com/TACC/Core-Styles/releases/tag/core-styles-v0.6.0
 [0.6.0-beta.3]: https://github.com/TACC/Core-Styles/releases/tag/core-styles-v0.6.0-beta.3
 [0.6.0-beta.2]: https://github.com/TACC/tup-ui/releases/tag/core-styles-v0.6.0-beta.2

libs/core-styles/README.md

@@ -224,8 +224,11 @@ Only authorized team members may publish.
 1. (one time) Login to npm i.e. `npm login`.
 1. Create new branch for version bump.
 1. Update `CHANGELOG.md`.
-1. Update version via `npm version the.new.ver` (run from `.../core-styles/`).
+1. Update version via `npm version N.N.N` (run from `.../core-styles/`).
 1. Commit, push, PR, review, merge.
+1. Tag version i.e.
+   1. `git tag -a core-styles-vN.N.N -m "vN.N.N"`
+   2. `git push origin core-styles-vN.N.N`
 1. Publish to NPM via `npm publish --access public`.
 
 > **Notice**: Project build will automatically occur before publish.

libs/core-styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tacc/core-styles",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "license": "MIT",
   "author": "TACC ACI WMA <wma-portals@gmail.com>",
   "description": "CSS source and processor for TACC Core-CMS and Core-Portal.",

libs/core-styles/src/lib/_imports/objects/o-section.css

@@ -67,8 +67,9 @@ Styleguide Objects.Section
 
 /* Modifers: Banner */
 
-.o-section--banner[class*="o-section--layout"] { gap: 0; }
-.o-section--banner.container { padding-inline: 0; }
+.o-section--banner { overflow: hidden; }
+.o-section--banner [class*="o-section--layout"] { gap: 0; }
+.o-section--banner .container { padding-inline: 0; }
 .o-section--banner.o-section { padding-block: 0; }
 
 
@@ -253,24 +254,6 @@ Styleguide Objects.Section
 
 
 
-/* Tricks: Children: Banner Image */
-/* FP-1462: Extract to new banner component(s) */
-
-/* To hide section overflow with minimal side effects */
-/* FAQ: Use 'clip', not 'hidden' which can affect opposite 'overflow-' value */
-/* NOTE: This selector assumes only a banner section has vertical overflow */
-/* CAVEAT: Any banner pop-out el's would NOT overflow atop sibling sections */
-[class*="o-section--style"].o-section--banner {
-  /* To hide vert. overflow */
-  overflow-y: clip;
-}
-main {
-  /* To hide horz. overflow yet support any 'position: sticky' descendant */
-  overflow-x: clip;
-}
-
-
-
 /* Tricks: Modifers: Style */
 
 /* To prevent visibly extra space beneath certain sections and footer */

libs/core-styles/src/lib/_imports/settings/color.css

@@ -50,6 +50,7 @@
   --global-color-warning--weak: #c7ce1d20;
   --global-color-warning--alt: var(--global-color-accent--dark);
   --global-color-warning--alt-weak: var(--global-color-accent--weak);
+  --global-color-danger--dark: #ab1717;
   --global-color-danger--normal: #eb6e6e;
   --global-color-danger--weak: #eb6e6e20;