@innovaccer/design-system 2.13.6 → 2.14.1-0

package/CHANGELOG.md

@@ -1,3 +1,101 @@
+## 2.14.1-0 (2023-01-18)
+
+### Highlights
+
+- feat(sizing): add classes of height and width (c6f8a266)
+- docs(stories): 50% of the stories containing a style tag in example code are refactored to use utility css or custom css.
+- fix(security): fixes done to achieve better secure packages in docs site. (ac4f6ccf)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+-  chore(navigation): deprecate navigation component (b3d39694)
+
+### Features
+
+-  feat(sizing): add classes of height and width (c6f8a266)
+
+### Fixes
+
+-  fix(dropdown): update callback function call on selected value in menu variant (56e94168)
+-  fix(tabs): center alignment of icons in tabs (46cc2be5)
+-  fix(grid): update zIndex of pinned column (53a026cc)
+-  fix(datepicker): update snapshots for current date (ef159f3f)
+
+### Improvements
+
+-  fix(horizontalNav): update active state of selected nav item (3e3dbc6e)
+-  fix(dropdown): update state of dropdown option (4ea89199)
+-  fix(button): update active state of selected button (a663621c)
+-  fix(security): fix vulnerability in docs site (ac4f6ccf)
+-  fix(actions): add test job for docs site after deployment (8d6bbe31)
+-  fix(actions): move test job to release workflow (cb5e102f)
+
+### Documentation
+
+-  docs(docs): update documentation for forms (6d18cf63)
+-  fix(stories): remove all the style tags used in stories and use utility classnames or custom styling through css file. (table, popover, dropdown, metricInput, editableInput, pageHeader, editableDropdown, chipInput, textarea, icon, verticalNav, horizontalNav, fullScreenModal, editableChipInput, placeholderImage, outsideClick, input)  (92c90326), (31c4193b), (5093578c), (31321607), (70cdce77), (a560bf1c), (aa29e6b4), (2ae42136), (0534ba66), (82171633), (e9ab9446), (314bf858), (2741559e), (4c946538), (aa6b63da), (fc9b4892), (bee675c7)
+
+---
+
+## 2.14.0-0 (2023-01-02)
+
+### Highlights
+
+- docs(site): tabs on page stick under top navigation bar while scrolling the page, which provides ability to switch tabs quickly. (f00e7669) (0a7bdafc)
+- docs(stories): 50% of the stories containing a style tag in example code are refactored to use utility css or custom css.
+- fix(security): fixes done to achieve better secure packages.
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(breadcrumb): add capability to truncate long labels (dfabc05f)
+- feat(chip): add capability to customize chip labels (d9a55db1)
+
+### Fixes
+- fix(workflow): remove redundant storybook build stage to reduce pipeline build time on Pull requests. (ba03e645)
+- fix(storybook): fix style of prop table for storybook docs page. (e411d5ec)
+- fix(security): upgrade version of dependencies for security (2e84cfe5)
+- fix(security): actions/check-release-commit/package.json & actions/check-release-commit/package-lock.json to reduce vulnerabilities (b117bbb7)
+- fix(dropdown): disable action buttons on option loading state (5e5b4858)
+- fix(link): update link style to avoid flickering issue (12f60c5f)
+- fix(popover, sidesheet, modal): fix layering of nested components (45a702a9) (6b1a1138) (aa59e294)
+- fix(choiceList): update spacing between label and choices (500d6567)
+
+### Improvements
+
+- test(docs): add E2E testing for components page on documentation site. (2d5a43cf)
+
+### Documentation
+- fix(stories): remove all the style tags used in stories and use utility classnames or custom styling through css file. (card, grid, list, message, avatarGroup, emptyState, button, text, collapsible, table, checkbox, modal, pagination, placeholder, calendar, dateRangePicker, popover) (c7c69b9d) (e3bcd647) (3f0e6a5e) (148635dd) (16afbfaf) (059ca284) (ff3eb78c) (a5159319) (517314c8) (3b96d9a0) (53bb1ed8) (cd76e0e4) (311c5db0) (9b84365f) (bff9b690) (c37982c5) (69d910c0)
+- docs(docs): remove irrelevant images from email in patterns (b1f7e98f)
+- docs(docs): add email in patterns tab (af0b5279)
+- docs(backdrop): add trigger button to show backdrop in story (2b5a8cc8)
+- docs(dropdown): update description of fetchOptions prop in proptable (b75d502f)
+- docs(docs): update layout documnetation in foundations (43958e11)
+- docs(dropzone): update format label as per the accept prop in stories (fb6d4f43)
+- docs(docs): update image in states page of doc site (f56dba13)
+- docs(docs): update images in inline editable fields component (1b0f206f)
+- docs(site): pinning tabs on the top while scrolling (f00e7669) (0a7bdafc)
+
+---
 
 ## 2.13.6 (2022-12-07)
 

package/css/dist/index.css

@@ -1131,6 +1131,18 @@ body {
 
 .Breadcrumbs-link {
   margin: var(--spacing-m);
+  /* 160px */
+  max-width: calc(var(--spacing-2) * 10);
+  line-height: var(--font-height);
+  color: var(--inverse-lighter);
+}
+
+.Breadcrumbs-link:hover {
+  color: var(--inverse-light);
+}
+
+.Breadcrumbs-link:active {
+  color: var(--inverse);
 }
 
 .Breadcrumbs-item:first-child .Breadcrumbs-link {
@@ -1398,7 +1410,8 @@ body {
 }
 
 .Button--selected:active {
-  background: var(--primary-light);
+  background: var(--primary-lighter);
+  color: var(--primary-darker);
 }
 
 .Button--selected:focus {
@@ -1407,7 +1420,7 @@ body {
 }
 
 .Button--selected:focus:active {
-  background: var(--primary-light);
+  background: var(--primary-lighter);
 }
 
 .Button--selected:disabled {
@@ -2381,7 +2394,13 @@ body {
 }
 
 .Option--selected:active {
-  background-color: var(--primary-light);
+  background-color: var(--primary-lighter);
+  color: var(--primary-darker);
+}
+
+.Option--selected:active .Option-text,
+.Option--selected:active .Option-subInfo {
+  color: var(--primary-darker);
 }
 
 .Option--disabled,
@@ -3065,7 +3084,7 @@ body {
 .Grid--pinned {
   position: absolute;
   height: 100%;
-  z-index: 1002;
+  z-index: 5;
   overflow-x: hidden;
   -ms-overflow-style: none;
   border-right: 3px solid var(--secondary);
@@ -3345,7 +3364,7 @@ body {
 .Grid-cellGroup--pinned {
   position: -webkit-sticky;
   position: sticky;
-  z-index: 1001;
+  z-index: 4;
 }
 
 .Grid-cellGroup--pinned-left {
@@ -3606,7 +3625,12 @@ body {
 }
 
 .HorizontalNav-menu--active:active {
-  background-color: var(--primary-light);
+  background-color: var(--primary-lighter);
+  color: var(--primary-darker);
+}
+
+.HorizontalNav-menu--active:active .HorizontalNav-menuText {
+  color: var(--primary-darker);
 }
 
 .HorizontalNav-menuText {
@@ -3979,6 +4003,7 @@ body {
   text-decoration: none;
   font-weight: var(--font-weight-medium);
   transition: var(--duration--fast-01) var(--standard-productive-curve);
+  box-sizing: border-box;
 }
 
 .Link:focus-visible {
@@ -3987,10 +4012,12 @@ body {
 
 .Link--regular {
   font-size: var(--font-size);
+  height: var(--font-size-l);
 }
 
 .Link--tiny {
   font-size: var(--font-size-s);
+  height: var(--font-size-m);
 }
 
 .Link--default {
@@ -7199,6 +7226,18 @@ body {
   max-width: 100% !important;
 }
 
+.vw-25 {
+  width: 25vw !important;
+}
+
+.vw-50 {
+  width: 50vw !important;
+}
+
+.vw-75 {
+  width: 75vw !important;
+}
+
 .vw-100 {
   width: 100vw !important;
 }
@@ -7231,6 +7270,18 @@ body {
   max-height: 100% !important;
 }
 
+.vh-25 {
+  height: 25vh !important;
+}
+
+.vh-50 {
+  height: 50vh !important;
+}
+
+.vh-75 {
+  height: 75vh !important;
+}
+
 .vh-100 {
   height: 100vh !important;
 }