@telus-uds/themes-community.theme-allium 0.2.3 → 0.3.0

package/build/rn/theme.js

@@ -1,11 +1,11 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 07 Jun 2024 22:34:45 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:55 GMT
  *
  */
 
-
+const PaletteIconLinkExternal = require('@telus-uds/palette-allium/build/rn/icons/LinkExternal')
 
 module.exports = {
   components: {
@@ -49,10 +49,80 @@ module.exports = {
         shadow: null
       }
     },
-    StickyNavigationBar: { appearances: {}, rules: [], tokens: {} }
+    StickyNavigationBarTabs: {
+      appearances: {
+        focus: {
+          description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
+          type: 'state',
+          values: [ true, false ]
+        },
+        hover: {
+          description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
+          type: 'state',
+          values: [ true, false ]
+        },
+        pressed: {
+          description: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
+          type: 'state',
+          values: [ true, false ]
+        },
+        selected: {
+          description: 'Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.',
+          type: 'state',
+          values: [ true ]
+        }
+      },
+      rules: [
+        {
+          if: { focus: true },
+          tokens: { color: '#414547', outerBorderColor: '#414547' }
+        },
+        {
+          if: { hover: true },
+          tokens: { color: '#2c2e30', textLine: 'underline' }
+        },
+        {
+          if: { pressed: true },
+          tokens: { color: '#2c2e30', textLine: 'none' }
+        },
+        {
+          if: { focus: true, pressed: true },
+          tokens: { outerBorderColor: '#163e06' }
+        },
+        {
+          if: { selected: true },
+          tokens: {
+            blockFontName: 'HelveticaNow',
+            blockFontWeight: '700',
+            color: '#2c2e30'
+          }
+        }
+      ],
+      tokens: {
+        alignSelf: 'flex-start',
+        blockFontName: 'HelveticaNow',
+        blockFontSize: 14,
+        blockFontWeight: '400',
+        blockLineHeight: 1.5,
+        borderRadius: 4,
+        color: '#2c2e30',
+        externalLinkIcon: PaletteIconLinkExternal,
+        icon: null,
+        iconSize: 20,
+        iconSpace: 1,
+        iconTranslateX: 0,
+        iconTranslateY: 0,
+        outerBorderColor: 'rgba(0, 0, 0, 0)',
+        outerBorderGap: 2,
+        outerBorderOutline: 'none',
+        outerBorderWidth: 2,
+        textLine: 'none',
+        textLineStyle: 'solid'
+      }
+    }
   },
   metadata: {
     name: 'themes-community.theme-allium',
-    themeTokensVersion: '2.57.0'
+    themeTokensVersion: '2.58.0'
   }
 }

package/build/web/ContentCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 07 Jun 2024 22:35:00 GMT
+ * Generated on Mon, 24 Jun 2024 16:18:11 GMT
  *
  */
 

package/build/web/StickyNavigationBarTabs.js

@@ -0,0 +1,80 @@
+/*
+ *
+ * Do not edit directly
+ * Generated on Mon, 24 Jun 2024 16:18:11 GMT
+ *
+ */
+
+import PaletteIconLinkExternal from '@telus-uds/palette-allium/build/rn/icons/LinkExternal'
+const theme = {
+  appearances: {
+    focus: {
+      description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
+      type: 'state',
+      values: [ true, false ]
+    },
+    hover: {
+      description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
+      type: 'state',
+      values: [ true, false ]
+    },
+    pressed: {
+      description: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
+      type: 'state',
+      values: [ true, false ]
+    },
+    selected: {
+      description: 'Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.',
+      type: 'state',
+      values: [ true ]
+    }
+  },
+  rules: [
+    {
+      if: { focus: true },
+      tokens: { color: '#414547', outerBorderColor: '#414547' }
+    },
+    {
+      if: { hover: true },
+      tokens: { color: '#2c2e30', textLine: 'underline' }
+    },
+    {
+      if: { pressed: true },
+      tokens: { color: '#2c2e30', textLine: 'none' }
+    },
+    {
+      if: { focus: true, pressed: true },
+      tokens: { outerBorderColor: '#163e06' }
+    },
+    {
+      if: { selected: true },
+      tokens: {
+        blockFontName: 'HelveticaNow',
+        blockFontWeight: '700',
+        color: '#2c2e30'
+      }
+    }
+  ],
+  tokens: {
+    alignSelf: 'flex-start',
+    blockFontName: 'HelveticaNow',
+    blockFontSize: 14,
+    blockFontWeight: '400',
+    blockLineHeight: 1.5,
+    borderRadius: 4,
+    color: '#2c2e30',
+    externalLinkIcon: PaletteIconLinkExternal,
+    icon: null,
+    iconSize: 20,
+    iconSpace: 1,
+    iconTranslateX: 0,
+    iconTranslateY: 0,
+    outerBorderColor: 'rgba(0, 0, 0, 0)',
+    outerBorderGap: 2,
+    outerBorderOutline: 'none',
+    outerBorderWidth: 2,
+    textLine: 'none',
+    textLineStyle: 'solid'
+  }
+}
+export default theme

package/build/web/index.js

@@ -1,4 +1,4 @@
 export { default as ContentCard } from './ContentCard'
-export { default as StickyNavigationBar } from './StickyNavigationBar'
-export const metadata = { name: 'themes-community.theme-allium', themeTokensVersion: '2.57.0'}
+export { default as StickyNavigationBarTabs } from './StickyNavigationBarTabs'
+export const metadata = { name: 'themes-community.theme-allium', themeTokensVersion: '2.58.0'}
 export { default } from './theme'