@telus-uds/palette-koodo 0.1.0-prerelease.0

package/build/rn/icons/eye-opened.icon.svg

@@ -0,0 +1,17 @@
+<svg viewBox="0 0 29 18">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g
+      transform="translate(-842.000000, -448.000000)"
+      fillRule="nonzero"
+      stroke="#016b6a"
+      strokeWidth="2"
+    >
+      <g transform="translate(844.000000, 449.000000)">
+        <g>
+          <path d="M12.5,16 C17.1023729,16 21.2690396,13.3333333 25,8 C21.2690396,2.66666667 17.1023729,0 12.5,0 C7.89762709,0 3.73096042,2.66666667 0,8 C3.73096042,13.3333333 7.89762709,16 12.5,16 Z" />
+          <circle cx="12" cy="8" r="4" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/build/rn/icons/hamburger.icon.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24">
+  <g transform="translate(-276.000000, -46.000000)" fill="#000000">
+    <path
+      d="M277,60 C276.447715,60 276,59.5522847 276,59 L276,58 C276,57.4477153 276.447715,57 277,57 L298,57 C298.552285,57 299,57.4477153 299,58 L299,59 C299,59.5522847 298.552285,60 298,60 L277,60 Z M277,68 C276.447715,68 276,67.5522847 276,67 L276,66 C276,65.4477153 276.447715,65 277,65 L298,65 C298.552285,65 299,65.4477153 299,66 L299,67 C299,67.5522847 298.552285,68 298,68 L277,68 Z M277,52 C276.447715,52 276,51.5522847 276,51 L276,50 C276,49.4477153 276.447715,49 277,49 L298,49 C298.552285,49 299,49.4477153 299,50 L299,51 C299,51.5522847 298.552285,52 298,52 L277,52 Z"
+      id="Combined-Shape"
+    />
+  </g>
+</svg>

package/build/rn/icons/index.js

@@ -0,0 +1,28 @@
+export { default as ChevronUp } from '@telus-uds/palette-koodo/build/rn/icons/chevron-up.icon.svg'
+export { default as ChevronRight } from '@telus-uds/palette-koodo/build/rn/icons/chevron-right.icon.svg'
+export { default as ChevronDown } from '@telus-uds/palette-koodo/build/rn/icons/chevron-down.icon.svg'
+export { default as ChevronLeft } from '@telus-uds/palette-koodo/build/rn/icons/chevron-left.icon.svg'
+export { default as Cart } from '@telus-uds/palette-koodo/build/rn/icons/cart.icon.svg'
+export { default as CircledLine } from '@telus-uds/palette-koodo/build/rn/icons/circled-line.icon.svg'
+export { default as Times } from '@telus-uds/palette-koodo/build/rn/icons/times.icon.svg'
+export { default as TimesCircled } from '@telus-uds/palette-koodo/build/rn/icons/times-circled.icon.svg'
+export { default as Check } from '@telus-uds/palette-koodo/build/rn/icons/check.icon.svg'
+export { default as CheckCircledFilled } from '@telus-uds/palette-koodo/build/rn/icons/check-circled-filled.icon.svg'
+export { default as CheckCircledNotFilled } from '@telus-uds/palette-koodo/build/rn/icons/check-circled-not-filled.icon.svg'
+export { default as ArrowDownCircled } from '@telus-uds/palette-koodo/build/rn/icons/arrow-down-circled.icon.svg'
+export { default as ExclamationTriangle } from '@telus-uds/palette-koodo/build/rn/icons/exclamation-triangle.icon.svg'
+export { default as ExclamationOctagon } from '@telus-uds/palette-koodo/build/rn/icons/exclamation-octagon.icon.svg'
+export { default as InformationCircled } from '@telus-uds/palette-koodo/build/rn/icons/information-circled.icon.svg'
+export { default as BoxOutline } from '@telus-uds/palette-koodo/build/rn/icons/box-outline.icon.svg'
+export { default as BoxOutlineChecked } from '@telus-uds/palette-koodo/build/rn/icons/box-outline-checked.icon.svg'
+export { default as RadialOutline } from '@telus-uds/palette-koodo/build/rn/icons/radial-outline.icon.svg'
+export { default as RadialOutlineChecked } from '@telus-uds/palette-koodo/build/rn/icons/radial-outline-checked.icon.svg'
+export { default as Hamburger } from '@telus-uds/palette-koodo/build/rn/icons/hamburger.icon.svg'
+export { default as Spyglass } from '@telus-uds/palette-koodo/build/rn/icons/spyglass.icon.svg'
+export { default as Bullet } from '@telus-uds/palette-koodo/build/rn/icons/bullet.icon.svg'
+export { default as Info } from '@telus-uds/palette-koodo/build/rn/icons/info.icon.svg'
+export { default as InfoSelected } from '@telus-uds/palette-koodo/build/rn/icons/info-selected.icon.svg'
+export { default as Refresh } from '@telus-uds/palette-koodo/build/rn/icons/refresh.icon.svg'
+export { default as Kebab } from '@telus-uds/palette-koodo/build/rn/icons/kebab.icon.svg'
+export { default as EyeOpened } from '@telus-uds/palette-koodo/build/rn/icons/eye-opened.icon.svg'
+export { default as EyeClosed } from '@telus-uds/palette-koodo/build/rn/icons/eye-closed.icon.svg'

package/build/rn/icons/info-selected.icon.svg

@@ -0,0 +1,16 @@
+<svg viewBox="0 0 24 24">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <circle
+      stroke="#016b6a"
+      fill="#c3efff"
+      fillRule="nonzero"
+      cx="12"
+      cy="12"
+      r="11"
+    />
+    <path
+      d="M12.8333333,18 L11.1333333,18 L11.1333333,8.2732475 L12.0833333,8.2732475 C12.75,8.2732475 12.8333333,8.49642346 12.8333333,9.72389127 L12.8333333,18 Z M12,7.19456366 C11.4666667,7.19456366 11,6.71101574 11,6.11587983 C11,5.50214592 11.4666667,5 12,5 C12.5333333,5 13,5.50214592 13,6.11587983 C13,6.71101574 12.5333333,7.19456366 12,7.19456366 Z"
+      fill="#016b6a"
+    />
+  </g>
+</svg>

package/build/rn/icons/info.icon.svg

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 24 24">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <circle stroke="#016b6a" fillRule="nonzero" cx="12" cy="12" r="11" />
+    <path
+      d="M12.8333333,18 L11.1333333,18 L11.1333333,8.2732475 L12.0833333,8.2732475 C12.75,8.2732475 12.8333333,8.49642346 12.8333333,9.72389127 L12.8333333,18 Z M12,7.19456366 C11.4666667,7.19456366 11,6.71101574 11,6.11587983 C11,5.50214592 11.4666667,5 12,5 C12.5333333,5 13,5.50214592 13,6.11587983 C13,6.71101574 12.5333333,7.19456366 12,7.19456366 Z"
+      fill="#016b6a"
+    />
+  </g>
+</svg>

package/build/rn/icons/information-circled.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M10.724 8.897h2.596V6.532h-2.596v2.365zm-.027 8.625h2.596v-6.341h-2.596v6.341zM12 1C5.924 1 1 5.927 1 12c0 6.076 4.924 11 11 11 6.073 0 11-4.924 11-11 0-6.073-4.927-11-11-11z"
+    fillRule="evenodd"
+  />
+</svg>

package/build/rn/icons/kebab.icon.svg

@@ -0,0 +1,15 @@
+<svg viewBox="0 0 4 16">
+  <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
+    <g fill="#000" transform="translate(-293.000000, -502.000000)">
+      <g transform="translate(0.000000, 424.000000)">
+        <g transform="translate(0.000000, 57.000000)">
+          <g transform="translate(293.000000, 21.000000)">
+            <circle cx="2" cy="2" r="2" />
+            <circle cx="2" cy="8" r="2" />
+            <circle cx="2" cy="14" r="2" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/build/rn/icons/radial-outline-checked.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M12 20.36c-4.609 0-8.36-3.75-8.36-8.36 0-4.61 3.751-8.36 8.36-8.36 4.61 0 8.36 3.75 8.36 8.36 0 4.61-3.75 8.36-8.36 8.36M12 1C5.935 1 1 5.935 1 12c0 6.066 4.934 11 11 11s11-4.934 11-11c0-6.065-4.934-11-11-11m0 17.6a6.6 6.6 0 1 1 0-13.2 6.6 6.6 0 0 1 0 13.2"
+    fillRule="evenodd"
+  />
+</svg>

package/build/rn/icons/radial-outline.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M12 3.64c-4.61 0-8.361 3.751-8.361 8.36s3.75 8.36 8.361 8.36c4.61 0 8.36-3.751 8.36-8.36S16.61 3.64 12 3.64M12 23C5.935 23 1 18.065 1 12 1 5.934 5.935 1 12 1s11 4.934 11 11c0 6.065-4.935 11-11 11"
+    fillRule="evenodd"
+  />
+</svg>

package/build/rn/icons/refresh.icon.svg

@@ -0,0 +1,14 @@
+<svg viewBox="0 0 24 24">
+  <g id="Newer" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g id="refresh" fill="#666666" fillRule="nonzero">
+      <path
+        d="M9.815,-1.82076576e-13 C9.57935,-1.82076576e-13 9.388325,0.191025 9.388325,0.426675 L9.388325,1.985275 C7.191675,-0.1414 3.68695,-0.08465 1.560275,2.111975 C0.558025,3.1472 -0.0011,4.532425 0.00166471975,5.973325 C0.00166471975,6.208975 0.1927,6.4 0.42835,6.4 C0.664,6.4 0.855,6.208975 0.855,5.973325 C0.855525,3.381275 2.9572,1.2804 5.549275,1.280925 C6.8657,1.281175 8.121475,1.8343 9.010325,2.805325 L7.1202,3.4355 C6.89635,3.509975 6.775225,3.7518 6.8497,3.97565 C6.924175,4.1995 7.166,4.320625 7.38985,4.24615 L9.94985,3.392825 C10.1246,3.334625 10.242275,3.170825 10.2417021,2.98665 L10.2417021,0.42665 C10.2417021,0.191025 10.05065,-1.82076576e-13 9.815,-1.82076576e-13 Z"
+        id="Path"
+      />
+      <path
+        d="M10.668325,5.546675 C10.432675,5.546675 10.24165,5.7377 10.24165,5.97335 C10.241125,8.5654 8.13945,10.666275 5.547375,10.66575 C4.23095,10.6655 2.975175,10.112375 2.086325,9.14135 L3.97645,8.511175 C4.2003,8.4367 4.321425,8.194875 4.24695,7.971025 C4.172475,7.747175 3.93065,7.62605 3.7068,7.700525 L1.1468,8.55385 C0.97205,8.61205 0.854375,8.77585 0.854947902,8.960025 L0.854947902,11.520025 C0.854947902,11.755675 1.045975,11.9467 1.281625,11.9467 C1.517275,11.9467 1.7083,11.755675 1.7083,11.520025 L1.7083,9.9614 C3.90495,12.088075 7.4097,12.03135 9.53635,9.8347 C10.5386,8.799475 11.097725,7.41425 11.0949603,5.97335 C11.0949603,5.7377 10.903975,5.546675 10.668325,5.546675 Z"
+        id="Path"
+      />
+    </g>
+  </g>
+</svg>

package/build/rn/icons/spyglass.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M3.838,9.8165 C3.838,6.509625 6.528875,3.828375 9.84675,3.828375 C13.166,3.828375 15.8555,6.509625 15.8555,9.8165 C15.8555,13.123375 13.166,15.804625 9.84675,15.804625 C6.528875,15.804625 3.838,13.123375 3.838,9.8165 M22.269875,18.75675 L17.58525,14.08725 C18.28925,12.82225 18.6935,11.3675 18.6935,9.8165 C18.6935,4.947625 14.732125,1 9.84675,1 C4.96,1 1,4.947625 1,9.8165 C1,14.68675 4.96,18.633 9.84675,18.633 C11.374375,18.633 12.809875,18.248 14.063875,17.56875 L14.041875,17.589375 L18.741625,22.272625 C19.227,22.758 19.865,23 20.50575,23 C21.14375,23 21.78175,22.758 22.269875,22.272625 C23.243375,21.301875 23.243375,19.7275 22.269875,18.75675"
+    fillRule="evenodd"
+  />
+</svg>

package/build/rn/icons/times-circled.icon.svg

@@ -0,0 +1,38 @@
+<svg viewBox="0 0 14 14">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g transform="translate(-179.000000, -650.000000)">
+      <g transform="translate(0.000000, 571.000000)">
+        <g transform="translate(179.000000, 79.000000)">
+          <g>
+            <g>
+              <mask fill="#fff" />
+            </g>
+            <path
+              d="M7,0 C3.1335,0 0,3.1335 0,7 C0,10.866 3.1335,14 7,14 C10.866,14 14,10.866 14,7 C14,3.1335 10.866,0 7,0"
+              fill="#df3d0c"
+              mask="url(#mask-2)"
+            />
+          </g>
+          <rect
+            fill="#fff"
+            transform="translate(7.000000, 7.000000) rotate(-315.000000) translate(-7.000000, -7.000000)"
+            x="3"
+            y="6"
+            width="8"
+            height="2"
+            rx="1"
+          />
+          <rect
+            fill="#fff"
+            transform="translate(7.000000, 7.000000) rotate(-225.000000) translate(-7.000000, -7.000000)"
+            x="3"
+            y="6"
+            width="8"
+            height="2"
+            rx="1"
+          />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/build/rn/icons/times.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M14.943 12l7.44-7.42a2.107 2.107 0 0 0 .023-2.956 2.05 2.05 0 0 0-2.92-.023L12 9.066 4.515 1.601a2.047 2.047 0 0 0-2.92.023 2.109 2.109 0 0 0 .021 2.957L9.057 12l-7.44 7.418a2.108 2.108 0 0 0-.023 2.957 2.046 2.046 0 0 0 2.92.022L12 14.935l7.485 7.463a2.045 2.045 0 0 0 2.92-.022 2.109 2.109 0 0 0-.021-2.957l-7.441-7.418z"
+    fillRule="evenodd"
+  />
+</svg>

package/build/rn/palette.js

@@ -0,0 +1,129 @@
+/**
+* Do not edit directly
+* Generated on Fri, 08 Oct 2021 13:23:52 GMT
+*/
+module.exports = {
+  color: {
+    flirt: '#7c1366',
+    mosque: '#016b6a',
+    darkMosque: '#014847',
+    blue: '#00a1db',
+    darkBlue: '#0083b3',
+    texas: '#f9f6a5',
+    amaranth: '#ee2c74',
+    cardinalPink: '#8c0448',
+    trinidad: '#df3d0c',
+    onahau: '#c3efff',
+    burntSienna: '#ed6358',
+    chathamsBlue: '#17367d',
+    wellRead: '#b8373e',
+    wattle: '#d5e04d',
+    beeswax: '#feeec7',
+    bilbao: '#258b0b',
+    seaBuckthorn: '#fbaf34',
+    mintTulip: '#c1f2e8',
+    turquoise: '#39cdc9',
+    hibiscus: '#c53a70',
+    carouselPink: '#fae6f4',
+    white: '#ffffff',
+    black: '#000000',
+    mortar: '#595959',
+    gallery: '#efefef',
+    silver: '#c9c8c8',
+    dove: '#666666',
+    iceberg: '#cbf0e8',
+    transparent: 'rgba(0, 0, 0, 0)'
+  },
+  font: {
+    StagSans: {
+      300: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-300.otf',
+      400: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-400.otf',
+      500: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-500.otf',
+      600: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-600.otf',
+      700: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-700.otf'
+    }
+  },
+  fontSize: {
+    size12: 12,
+    size14: 14,
+    size16: 16,
+    size20: 20,
+    size24: 24,
+    size28: 28,
+    size40: 40,
+    size44: 44,
+    size48: 48,
+    size56: 56,
+    size64: 64
+  },
+  size: {
+    size0: 0,
+    size4: 4,
+    size8: 8,
+    size10: 10,
+    size16: 16,
+    size20: 20,
+    size24: 24,
+    size32: 32,
+    size36: 36,
+    size40: 40,
+    size48: 48,
+    size64: 64,
+    size72: 72,
+    size80: 80,
+    size96: 96,
+    size120: 120
+  },
+  radius: {
+    none: 0,
+    radius4: 4,
+    pill32: 32
+  },
+  border: {
+    none: 0,
+    border1: 1,
+    border2: 2,
+    border4: 4
+  },
+  lineHeight: {
+    multiply160: 1.6,
+    multiply150: 1.5,
+    multiply140: 1.4,
+    multiply130: 1.3,
+    multiply120: 1.2,
+    multiply110: 1.1
+  },
+  letterSpacing: {
+    default: 0
+  },
+  icon: {
+    ChevronUp: '@telus-uds/palette-koodo/build/rn/icons/chevron-up.icon.svg',
+    ChevronRight: '@telus-uds/palette-koodo/build/rn/icons/chevron-right.icon.svg',
+    ChevronDown: '@telus-uds/palette-koodo/build/rn/icons/chevron-down.icon.svg',
+    ChevronLeft: '@telus-uds/palette-koodo/build/rn/icons/chevron-left.icon.svg',
+    Cart: '@telus-uds/palette-koodo/build/rn/icons/cart.icon.svg',
+    CircledLine: '@telus-uds/palette-koodo/build/rn/icons/circled-line.icon.svg',
+    Times: '@telus-uds/palette-koodo/build/rn/icons/times.icon.svg',
+    TimesCircled: '@telus-uds/palette-koodo/build/rn/icons/times-circled.icon.svg',
+    Check: '@telus-uds/palette-koodo/build/rn/icons/check.icon.svg',
+    CheckCircledFilled: '@telus-uds/palette-koodo/build/rn/icons/check-circled-filled.icon.svg',
+    CheckCircledNotFilled: '@telus-uds/palette-koodo/build/rn/icons/check-circled-not-filled.icon.svg',
+    ArrowDownCircled: '@telus-uds/palette-koodo/build/rn/icons/arrow-down-circled.icon.svg',
+    ExclamationTriangle: '@telus-uds/palette-koodo/build/rn/icons/exclamation-triangle.icon.svg',
+    ExclamationOctagon: '@telus-uds/palette-koodo/build/rn/icons/exclamation-octagon.icon.svg',
+    InformationCircled: '@telus-uds/palette-koodo/build/rn/icons/information-circled.icon.svg',
+    BoxOutline: '@telus-uds/palette-koodo/build/rn/icons/box-outline.icon.svg',
+    BoxOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/box-outline-checked.icon.svg',
+    RadialOutline: '@telus-uds/palette-koodo/build/rn/icons/radial-outline.icon.svg',
+    RadialOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/radial-outline-checked.icon.svg',
+    Hamburger: '@telus-uds/palette-koodo/build/rn/icons/hamburger.icon.svg',
+    Spyglass: '@telus-uds/palette-koodo/build/rn/icons/spyglass.icon.svg',
+    Bullet: '@telus-uds/palette-koodo/build/rn/icons/bullet.icon.svg',
+    Info: '@telus-uds/palette-koodo/build/rn/icons/info.icon.svg',
+    InfoSelected: '@telus-uds/palette-koodo/build/rn/icons/info-selected.icon.svg',
+    Refresh: '@telus-uds/palette-koodo/build/rn/icons/refresh.icon.svg',
+    Kebab: '@telus-uds/palette-koodo/build/rn/icons/kebab.icon.svg',
+    EyeOpened: '@telus-uds/palette-koodo/build/rn/icons/eye-opened.icon.svg',
+    EyeClosed: '@telus-uds/palette-koodo/build/rn/icons/eye-closed.icon.svg'
+  }
+}

package/build/rn/palette.mjs

@@ -0,0 +1,129 @@
+/**
+* Do not edit directly
+* Generated on Fri, 08 Oct 2021 13:23:52 GMT
+*/
+export default {
+  color: {
+    flirt: '#7c1366',
+    mosque: '#016b6a',
+    darkMosque: '#014847',
+    blue: '#00a1db',
+    darkBlue: '#0083b3',
+    texas: '#f9f6a5',
+    amaranth: '#ee2c74',
+    cardinalPink: '#8c0448',
+    trinidad: '#df3d0c',
+    onahau: '#c3efff',
+    burntSienna: '#ed6358',
+    chathamsBlue: '#17367d',
+    wellRead: '#b8373e',
+    wattle: '#d5e04d',
+    beeswax: '#feeec7',
+    bilbao: '#258b0b',
+    seaBuckthorn: '#fbaf34',
+    mintTulip: '#c1f2e8',
+    turquoise: '#39cdc9',
+    hibiscus: '#c53a70',
+    carouselPink: '#fae6f4',
+    white: '#ffffff',
+    black: '#000000',
+    mortar: '#595959',
+    gallery: '#efefef',
+    silver: '#c9c8c8',
+    dove: '#666666',
+    iceberg: '#cbf0e8',
+    transparent: 'rgba(0, 0, 0, 0)'
+  },
+  font: {
+    StagSans: {
+      300: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-300.otf',
+      400: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-400.otf',
+      500: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-500.otf',
+      600: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-600.otf',
+      700: '@telus-uds/palette-koodo/build/rn/fonts/StagSans-700.otf'
+    }
+  },
+  fontSize: {
+    size12: 12,
+    size14: 14,
+    size16: 16,
+    size20: 20,
+    size24: 24,
+    size28: 28,
+    size40: 40,
+    size44: 44,
+    size48: 48,
+    size56: 56,
+    size64: 64
+  },
+  size: {
+    size0: 0,
+    size4: 4,
+    size8: 8,
+    size10: 10,
+    size16: 16,
+    size20: 20,
+    size24: 24,
+    size32: 32,
+    size36: 36,
+    size40: 40,
+    size48: 48,
+    size64: 64,
+    size72: 72,
+    size80: 80,
+    size96: 96,
+    size120: 120
+  },
+  radius: {
+    none: 0,
+    radius4: 4,
+    pill32: 32
+  },
+  border: {
+    none: 0,
+    border1: 1,
+    border2: 2,
+    border4: 4
+  },
+  lineHeight: {
+    multiply160: 1.6,
+    multiply150: 1.5,
+    multiply140: 1.4,
+    multiply130: 1.3,
+    multiply120: 1.2,
+    multiply110: 1.1
+  },
+  letterSpacing: {
+    default: 0
+  },
+  icon: {
+    ChevronUp: '@telus-uds/palette-koodo/build/rn/icons/chevron-up.icon.svg',
+    ChevronRight: '@telus-uds/palette-koodo/build/rn/icons/chevron-right.icon.svg',
+    ChevronDown: '@telus-uds/palette-koodo/build/rn/icons/chevron-down.icon.svg',
+    ChevronLeft: '@telus-uds/palette-koodo/build/rn/icons/chevron-left.icon.svg',
+    Cart: '@telus-uds/palette-koodo/build/rn/icons/cart.icon.svg',
+    CircledLine: '@telus-uds/palette-koodo/build/rn/icons/circled-line.icon.svg',
+    Times: '@telus-uds/palette-koodo/build/rn/icons/times.icon.svg',
+    TimesCircled: '@telus-uds/palette-koodo/build/rn/icons/times-circled.icon.svg',
+    Check: '@telus-uds/palette-koodo/build/rn/icons/check.icon.svg',
+    CheckCircledFilled: '@telus-uds/palette-koodo/build/rn/icons/check-circled-filled.icon.svg',
+    CheckCircledNotFilled: '@telus-uds/palette-koodo/build/rn/icons/check-circled-not-filled.icon.svg',
+    ArrowDownCircled: '@telus-uds/palette-koodo/build/rn/icons/arrow-down-circled.icon.svg',
+    ExclamationTriangle: '@telus-uds/palette-koodo/build/rn/icons/exclamation-triangle.icon.svg',
+    ExclamationOctagon: '@telus-uds/palette-koodo/build/rn/icons/exclamation-octagon.icon.svg',
+    InformationCircled: '@telus-uds/palette-koodo/build/rn/icons/information-circled.icon.svg',
+    BoxOutline: '@telus-uds/palette-koodo/build/rn/icons/box-outline.icon.svg',
+    BoxOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/box-outline-checked.icon.svg',
+    RadialOutline: '@telus-uds/palette-koodo/build/rn/icons/radial-outline.icon.svg',
+    RadialOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/radial-outline-checked.icon.svg',
+    Hamburger: '@telus-uds/palette-koodo/build/rn/icons/hamburger.icon.svg',
+    Spyglass: '@telus-uds/palette-koodo/build/rn/icons/spyglass.icon.svg',
+    Bullet: '@telus-uds/palette-koodo/build/rn/icons/bullet.icon.svg',
+    Info: '@telus-uds/palette-koodo/build/rn/icons/info.icon.svg',
+    InfoSelected: '@telus-uds/palette-koodo/build/rn/icons/info-selected.icon.svg',
+    Refresh: '@telus-uds/palette-koodo/build/rn/icons/refresh.icon.svg',
+    Kebab: '@telus-uds/palette-koodo/build/rn/icons/kebab.icon.svg',
+    EyeOpened: '@telus-uds/palette-koodo/build/rn/icons/eye-opened.icon.svg',
+    EyeClosed: '@telus-uds/palette-koodo/build/rn/icons/eye-closed.icon.svg'
+  }
+}

package/build/web/fonts/fonts-cdn-family.css

@@ -0,0 +1,35 @@
+@font-face {
+  font-family: 'StagSans';
+  src: url('v0_1_0-prerelease_0-StagSans-300.otf');
+  font-weight: 300;
+  font-style: normal;
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans';
+  src: url('v0_1_0-prerelease_0-StagSans-400.otf');
+  font-weight: 400;
+  font-style: normal;
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans';
+  src: url('v0_1_0-prerelease_0-StagSans-500.otf');
+  font-weight: 500;
+  font-style: normal;
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans';
+  src: url('v0_1_0-prerelease_0-StagSans-600.otf');
+  font-weight: 600;
+  font-style: normal;
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans';
+  src: url('v0_1_0-prerelease_0-StagSans-700.otf');
+  font-weight: 700;
+  font-style: normal;
+  font-display: block;
+}

package/build/web/fonts/fonts-cdn.css

@@ -0,0 +1,25 @@
+@font-face {
+  font-family: 'StagSans300normal';
+  src: url('v0_1_0-prerelease_0-StagSans-300.otf');
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans400normal';
+  src: url('v0_1_0-prerelease_0-StagSans-400.otf');
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans500normal';
+  src: url('v0_1_0-prerelease_0-StagSans-500.otf');
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans600normal';
+  src: url('v0_1_0-prerelease_0-StagSans-600.otf');
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans700normal';
+  src: url('v0_1_0-prerelease_0-StagSans-700.otf');
+  font-display: block;
+}

package/build/web/fonts/fonts-local-family.css

@@ -0,0 +1,35 @@
+@font-face {
+  font-family: 'StagSans';
+  src: url('./v0_1_0-prerelease_0-StagSans-300.otf');
+  font-weight: 300;
+  font-style: normal;
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans';
+  src: url('./v0_1_0-prerelease_0-StagSans-400.otf');
+  font-weight: 400;
+  font-style: normal;
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans';
+  src: url('./v0_1_0-prerelease_0-StagSans-500.otf');
+  font-weight: 500;
+  font-style: normal;
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans';
+  src: url('./v0_1_0-prerelease_0-StagSans-600.otf');
+  font-weight: 600;
+  font-style: normal;
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans';
+  src: url('./v0_1_0-prerelease_0-StagSans-700.otf');
+  font-weight: 700;
+  font-style: normal;
+  font-display: block;
+}

package/build/web/fonts/fonts-local.css

@@ -0,0 +1,25 @@
+@font-face {
+  font-family: 'StagSans300normal';
+  src: url('./v0_1_0-prerelease_0-StagSans-300.otf');
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans400normal';
+  src: url('./v0_1_0-prerelease_0-StagSans-400.otf');
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans500normal';
+  src: url('./v0_1_0-prerelease_0-StagSans-500.otf');
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans600normal';
+  src: url('./v0_1_0-prerelease_0-StagSans-600.otf');
+  font-display: block;
+}
+@font-face {
+  font-family: 'StagSans700normal';
+  src: url('./v0_1_0-prerelease_0-StagSans-700.otf');
+  font-display: block;
+}

package/build/web/icons/arrow-down-circled.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M12 1c6.077 0 11 4.925 11 11s-4.924 11-11 11C5.925 23 1 18.075 1 12S5.925 1 12 1zm2.391 4.132l-4.69.018v8.238l-2.88.027 5.225 5.454 5.134-5.554-2.789.028V5.132z"
+    fillRule="evenodd"
+  />
+</svg>

package/build/web/icons/box-outline-checked.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M1 23h22V1H1v22zm2.64-2.64h16.72V3.64H3.64v16.72zm3.435-9.111l2.487 2.479 7.356-7.355 1.951 1.951-9.296 9.289-.01.014-4.433-4.433 1.945-1.945z"
+    fillRule="evenodd"
+  />
+</svg>

package/build/web/icons/box-outline.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M1 23h22V1H1v22zm2.64-2.64h16.721V3.639H3.64V20.36z"
+    fillRule="evenodd"
+  />
+</svg>

package/build/web/icons/bullet.icon.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24">
+  <path d="M1.399 14.925A10.926 10.926 0 0 1 1 12.003c0-1.99.557-3.95 1.503-5.558a11.294 11.294 0 0 1 3.943-3.952A11.058 11.058 0 0 1 11.997 1c1.99 0 3.952.547 5.558 1.493a11.329 11.329 0 0 1 3.952 3.952C22.453 8.052 23 10.013 23 12.003c0 1.99-.547 3.943-1.493 5.55a11.294 11.294 0 0 1-3.952 3.944A11.09 11.09 0 0 1 11.997 23c-1.99 0-3.943-.557-5.55-1.503a11.26 11.26 0 0 1-3.944-3.943 10.724 10.724 0 0 1-1.104-2.63m8.254-5.272a3.203 3.203 0 0 0-.976 2.35 3.322 3.322 0 0 0 3.32 3.321 3.327 3.327 0 0 0 3.326-3.32 3.331 3.331 0 0 0-3.326-3.326c-.917 0-1.698.321-2.344.975" />
+</svg>

package/build/web/icons/cart.icon.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M22.7034044,17.6991753 L7.13509386,17.6991753 C6.77772829,17.6991753 6.46719695,17.0952557 6.46719695,16.7369811 L6.46719695,14.0002317 L22.6519885,12.1782802 C23.309195,12.1048925 23.6314349,11.5488788 23.6314349,10.886351 L23.6314349,3.08585063 C23.6314349,2.36777242 23.4191537,2.24342105 22.7034044,2.24342105 L5.72599427,2.24342105 L4.16061088,0.527474055 C3.91727649,0.28386768 3.58790964,0 3.24327076,0 L1.29761374,0 C0.580846325,0 0,0.6528447 0,1.37092291 C0,2.08900111 0.580846325,2.74184581 1.29761374,2.74184581 L2.70620426,2.74184581 L3.73146675,3.62402706 L3.73146675,10.886351 L3.73146675,12.8367309 L3.73146675,16.7369811 C3.73146675,18.528864 5.34724785,20.4415308 7.13509386,20.4415308 L7.34330258,20.4415308 C7.33923003,20.4848499 7.33006682,20.5266401 7.33006682,20.5714881 C7.33006682,21.3604059 7.96894687,22 8.75698377,22 C9.54552975,22 10.1844098,21.3604059 10.1844098,20.5714881 C10.1844098,20.5266401 10.1752466,20.4848499 10.171174,20.4415308 L18.704168,20.4415308 C18.7000955,20.4848499 18.6909322,20.5266401 18.6909322,20.5714881 C18.6909322,21.3604059 19.3298123,22 20.1178492,22 C20.9063952,22 21.5452752,21.3604059 21.5452752,20.5714881 C21.5452752,20.5266401 21.536112,20.4848499 21.5320395,20.4415308 L22.7034044,20.4415308 C23.4196627,20.4415308 24,19.7886861 24,19.0700982 C24,18.3525297 23.4196627,17.6991753 22.7034044,17.6991753"
+    fill="#020303"
+    mask="url(#mask-2)"
+  />
+</svg>

package/build/web/icons/check-circled-filled.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M9.573 17.613l-.01.014-4.433-4.433 1.946-1.945 2.486 2.478 7.356-7.355 1.951 1.953-9.296 9.288zM12 1C6.17 1 1.414 5.536 1.037 11.271 1.02 11.513 1 11.752 1 12a11.002 11.002 0 0 0 10.999 11C18.072 23 23 18.07 23 11.999 23 5.924 18.072 1 11.999 1z"
+    fillRule="evenodd"
+  />
+</svg>