@telus-uds/theme-allium - npm Package Compare versions

Comparing version 0.0.2-prerelease.0 to 0.0.2-prerelease.1

CHANGELOG.md

@@ -5,2 +5,13 @@ # Changelog
 
+### [0.0.2-prerelease.1](https://github.com/telus/universal-design-system/compare/@telus-uds/theme-allium/v0.0.2-prerelease.0...@telus-uds/theme-allium/v0.0.2-prerelease.1) (2021-10-08)
+
+### Features
+
+- **base:** add ExpandCollapse component ([#584](https://github.com/telus/universal-design-system/issues/584)) ([12f0c68](https://github.com/telus/universal-design-system/commit/12f0c68de703fc032b2e1997dda52a4c370d4a3d))
+- **base:** add the Pagination component ([#577](https://github.com/telus/universal-design-system/issues/577)) ([e24b644](https://github.com/telus/universal-design-system/commit/e24b6441b3d31be01187c0cac728f2c8e25f5157))
+
+### Bug Fixes
+
+- only apply danger styles when priority not specified ([#579](https://github.com/telus/universal-design-system/issues/579)) ([2cb4e1b](https://github.com/telus/universal-design-system/commit/2cb4e1bad8b61946c50476a5b7334a1723a8ccee))
+
 ### 0.0.2-prerelease.0 (2021-09-21)
@@ -7,0 +18,0 @@

package.json

 {
   "name": "@telus-uds/theme-allium",
-  "version": "0.0.2-prerelease.0",
+  "version": "0.0.2-prerelease.1",
   "description": "Allium theme",
@@ -17,3 +17,3 @@ "author": "TELUS Digital",
     "@telus-uds/system-constants": "^0.0.2-prerelease.0",
-    "@telus-uds/tools-theme": "^0.0.2-prerelease.0"
+    "@telus-uds/tools-theme": "^0.0.2-prerelease.1"
   },
@@ -34,4 +34,3 @@ "files": [
     "url": "https://github.com/telus/universal-design-system/issues"
-  },
-  "gitHead": "a4930bde09eae51c0c77e78c8fd1bdeb918f5bd3"
+  }
 }

src/components/Button.js

@@ -128,11 +128,14 @@ import { getButtonSchema, validateComponentTheme, buttonAppearances } from '@telus-uds/tools-theme'
 
-    { if: { danger: true }, tokens: { color: color.red, borderColor: color.red } },
-    { if: { danger: true, inverse: true }, tokens: { backgroundColor: color.white } },
-    { if: { danger: true, focus: true }, tokens: { outerBorderColor: color.red } },
+    { if: { danger: true, priority: null }, tokens: { color: color.red, borderColor: color.red } },
     {
-      if: { danger: true, pressed: true },
+      if: { danger: true, priority: null, inverse: true },
+      tokens: { backgroundColor: color.white }
+    },
+    { if: { danger: true, priority: null, focus: true }, tokens: { outerBorderColor: color.red } },
+    {
+      if: { danger: true, priority: null, pressed: true },
       tokens: { backgroundColor: color.redDark, color: color.white }
     },
     {
-      if: { danger: true, pressed: true, focus: true },
+      if: { danger: true, priority: null, pressed: true, focus: true },
       tokens: { outerBorderColor: color.redDark }
@@ -139,0 +142,0 @@ },

src/components/index.js

@@ -6,2 +6,5 @@ import ActivityIndicator from './ActivityIndicator'
 import Divider from './Divider'
+import ExpandCollapse from './ExpandCollapse'
+import ExpandCollapseControl from './ExpandCollapseControl'
+import ExpandCollapsePanel from './ExpandCollapsePanel'
 import Icon from './Icon'
@@ -14,2 +17,5 @@ import Link from './Link'
 import SideNavItemsGroup from './SideNavItemsGroup'
+import Pagination from './Pagination'
+import PaginationPageButton from './PaginationPageButton'
+import PaginationSideButton from './PaginationSideButton'
 
@@ -22,4 +28,10 @@ export default {
   Divider,
+  ExpandCollapse,
+  ExpandCollapseControl,
+  ExpandCollapsePanel,
   Icon,
   Link,
+  Pagination,
+  PaginationPageButton,
+  PaginationSideButton,
   SideNav,
@@ -26,0 +38,0 @@ SideNavItem,

src/components/SideNavItem.js

@@ -9,5 +9,2 @@ import palette from '@telus-uds/palette-allium'
 
-import CaretUp from '@telus-uds/palette-allium/build/rn/icons/caret-up.icon.svg'
-import CaretDown from '@telus-uds/palette-allium/build/rn/icons/caret-down.icon.svg'
-
 const SideNavItem = {
@@ -22,6 +19,8 @@ appearances: {
     borderStyle: 'solid',
-    padding: palette.size.size16,
+    paddingLeft: palette.size.size16,
+    paddingRight: palette.size.size16,
+    paddingTop: palette.size.size16,
+    paddingBottom: palette.size.size16,
+    justifyContent: 'space-between',
     color: palette.color.greyCharcoal,
-    iconGap: palette.size.size8,
-    iconSize: palette.size.size24,
     accentOffset: 0,
@@ -59,20 +58,3 @@ accentPadding: 0,
       if: {
-        type: 'parent'
-      },
-      tokens: {
-        icon: CaretDown
-      }
-    },
-    {
-      if: {
         type: 'parent',
-        expanded: true
-      },
-      tokens: {
-        icon: CaretUp
-      }
-    },
-    {
-      if: {
-        type: 'parent',
         active: true
@@ -79,0 +61,0 @@ },

src/components/SideNavItemsGroup.js

 import palette from '@telus-uds/palette-allium'
 import { getSideNavItemsGroupSchema, validateComponentTheme } from '@telus-uds/tools-theme'
 
+import CaretUp from '@telus-uds/palette-allium/build/rn/icons/caret-up.icon.svg'
+import CaretDown from '@telus-uds/palette-allium/build/rn/icons/caret-down.icon.svg'
+
 const SideNavItemsGroup = {
@@ -9,5 +12,21 @@ appearances: {},
     expandDuration: 300,
-    collapseDuration: 250
+    collapseDuration: 250,
+    contentPaddingLeft: palette.size.size0,
+    contentPaddingRight: palette.size.size0,
+    contentPaddingTop: palette.size.size0,
+    contentPaddingBottom: palette.size.size0,
+    icon: CaretDown,
+    iconColor: palette.color.purpleTelus,
+    iconGap: palette.size.size8,
+    iconSize: palette.size.size24,
+    iconPosition: 'right',
+    verticalAlign: 'middle',
+    justifyContent: 'space-between'
   },
-  rules: []
+  rules: [
+    {
+      if: { expanded: true },
+      tokens: { icon: CaretUp }
+    }
+  ]
 }
@@ -14,0 +33,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47362

increased by27.94%

Number of package files

23

increased by35.29%

Lines of code

1563

increased by24.64%

Dependency changes

• Updated@telus-uds/tools-theme@^0.0.2-prerelease.1