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

Comparing version 0.0.2-prerelease.3 to 0.0.2-prerelease.4

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+### [0.0.2-prerelease.4](https://github.com/telus/universal-design-system/compare/@telus-uds/theme-allium/v0.0.2-prerelease.3...@telus-uds/theme-allium/v0.0.2-prerelease.4) (2021-11-08)
+
+### Features
+
+- **base:** add Tooltip component ([#687](https://github.com/telus/universal-design-system/issues/687)) ([38aaad4](https://github.com/telus/universal-design-system/commit/38aaad43d664b76e85a264901df5e1ca045a0304))
+
 ### [0.0.2-prerelease.3](https://github.com/telus/universal-design-system/compare/@telus-uds/theme-allium/v0.0.2-prerelease.2...@telus-uds/theme-allium/v0.0.2-prerelease.3) (2021-10-27)
@@ -7,0 +13,0 @@

package.json

 {
   "name": "@telus-uds/theme-allium",
-  "version": "0.0.2-prerelease.3",
+  "version": "0.0.2-prerelease.4",
   "description": "Allium theme",
@@ -16,6 +16,6 @@ "author": "TELUS Digital",
     "@telus-uds/system-constants": "^0.0.2-prerelease.1",
-    "@telus-uds/tools-theme": "^0.0.2-prerelease.3"
+    "@telus-uds/tools-theme": "^0.0.2-prerelease.4"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^0.1.0-prerelease.3"
+    "@telus-uds/palette-allium": "^0.1.0-prerelease.5"
   },
@@ -32,3 +32,4 @@ "files": [
     "test": "echo \"Error: run tests from root\" && exit 1",
-    "release": "standard-version"
+    "release": "standard-version",
+    "build": "echo 'Empty build script, refer to root README for why this exists...'"
   },
@@ -35,0 +36,0 @@ "bugs": {

src/components/Feedback.js

@@ -22,2 +22,3 @@ import palette from '@telus-uds/palette-allium'
     paddingRight: palette.size.size16,
+    space: 2,
 
@@ -24,0 +25,0 @@ color: palette.color.greyThunder,

src/components/index.js

@@ -6,2 +6,3 @@ import ActivityIndicator from './ActivityIndicator'
 import Card from './Card'
+import ChevronLink from './ChevronLink'
 import Divider from './Divider'
@@ -17,2 +18,4 @@ import ExpandCollapse from './ExpandCollapse'
 import ToggleSwitch from './ToggleSwitch'
+import Tooltip from './Tooltip'
+import TooltipButton from './TooltipButton'
 import Typography from './Typography'
@@ -34,2 +37,3 @@ import SideNav from './SideNav'
   Card,
+  ChevronLink,
   Divider,
@@ -52,4 +56,6 @@ ExpandCollapse,
   ToggleSwitch,
+  Tooltip,
+  TooltipButton,
   Typography,
   spacingScale
 }

src/components/Link.js

 import palette from '@telus-uds/palette-allium'
 import { getLinkSchema, validateComponentTheme, linkAppearances } from '@telus-uds/tools-theme'
 
-import leftArrowIcon from '@telus-uds/palette-allium/build/rn/icons/arrow-left.icon.svg'
-import rightArrowIcon from '@telus-uds/palette-allium/build/rn/icons/arrow-right.icon.svg'
-
 const Link = {
@@ -28,5 +25,5 @@ appearances: {
         'A lighter grey variant, used to lower the emphasis on a given Link (e.g. in Breadcrumbs)',
-      values: [true]
+      values: [true],
+      type: 'variant'
     },
-    component: linkAppearances.component,
     iconPosition: linkAppearances.iconPosition,
@@ -58,3 +55,2 @@ focus: linkAppearances.focus,
     iconGapAfter: palette.size.size8,
-    iconScale: 1,
     iconTranslateX: 0,
@@ -73,9 +69,2 @@ iconTranslateY: 0
     {
-      if: { hover: true },
-      tokens: {
-        color: palette.color.greenSanFelix,
-        iconScale: 1.1
-      }
-    },
-    {
       if: { pressed: true },
@@ -201,28 +190,2 @@ tokens: {
       }
-    },
-    {
-      if: { component: 'ChevronLink' },
-      tokens: { iconGapAfter: 0, iconGapBefore: 0 }
-    },
-    {
-      if: { component: 'ChevronLink', iconPosition: 'left' },
-      tokens: { icon: leftArrowIcon }
-    },
-    {
-      if: { component: 'ChevronLink', iconPosition: 'right' },
-      tokens: { icon: rightArrowIcon }
-    },
-    {
-      if: { component: 'ChevronLink', iconPosition: 'left', hover: true },
-      tokens: {
-        iconTranslateX: -1 * palette.size.size4,
-        iconScale: 1
-      }
-    },
-    {
-      if: { component: 'ChevronLink', iconPosition: 'right', hover: true },
-      tokens: {
-        iconTranslateX: palette.size.size4,
-        iconScale: 1
-      }
     }
@@ -229,0 +192,0 @@ ]

src/components/PaginationSideButton.js

@@ -44,3 +44,3 @@ import palette from '@telus-uds/palette-allium'
     iconSize: palette.fontSize.size24,
-    iconTranslateX: palette.size.size0
+    iconDisplace: palette.size.size0
   },
@@ -61,3 +61,4 @@ rules: [
         borderColor: palette.color.greyShuttle,
-        textLine: lineOptions.none
+        textLine: lineOptions.none,
+        iconDisplace: palette.size.size4
       }
@@ -98,14 +99,2 @@ },
       }
-    },
-    {
-      if: { direction: 'previous', hover: true },
-      tokens: {
-        iconTranslateX: -1 * palette.size.size4
-      }
-    },
-    {
-      if: { direction: 'next', hover: true },
-      tokens: {
-        iconTranslateX: palette.size.size4
-      }
     }
@@ -112,0 +101,0 @@ ]

src/components/TextInput.js

@@ -24,2 +24,3 @@ import palette from '@telus-uds/palette-allium'
     paddingRight: palette.size.size16,
+    space: 1,
 
@@ -26,0 +27,0 @@ outerBackgroundColor: palette.color.transparent,

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

63654

increased by5.03%

Number of package files

32

increased by10.34%

Lines of code

1918

increased by4.69%

Dependency changes

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