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

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

@@ -0,0 +1,17 @@
+<svg viewBox="0 0 40 40">
+  <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
+    <g transform="translate(-141.000000, -16.000000)">
+      <g transform="translate(20.000000, 16.000000)">
+        <g transform="translate(121.000000, 0.000000)">
+          <path
+            d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,1.0658141e-14 20,1.0658141e-14 C8.954305,1.0658141e-14 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z"
+            fill="#016b6a"
+          />
+          <g fill="#fff" transform="translate(3.000000, 3.000000)">
+            <path d="M13.5619271,24.9513958 L13.5463438,24.970875 L7.26820833,18.6907917 L10.0245104,15.9364375 L13.5463438,19.4465833 L23.9676979,9.02717708 L26.7317917,11.7932187 L13.5619271,24.9513958 Z M16.9980521,1.41666667 C8.74278125,1.41666667 2.00298958,7.84284375 1.46926042,15.9676042 C1.4439375,16.3104375 1.41666667,16.649375 1.41666667,16.9980521 C1.41666667,22.9002396 4.70085417,28.033 9.53753125,30.6802188 C11.7542604,31.8879271 14.2962917,32.5833333 16.9980521,32.5833333 C25.602,32.5833333 32.5833333,25.6000521 32.5833333,16.9980521 C32.5833333,8.39215625 25.602,1.41666667 16.9980521,1.41666667 L16.9980521,1.41666667 Z" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

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

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M19.876 2.998l-11.78 11.78-3.983-3.97L1 13.923l7.096 7.1.018-.023L22.998 6.125z"
+    fillRule="evenodd"
+  />
+</svg>

package/build/web/icons/chevron-down.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M12 19L1.598 8.515a2.053 2.053 0 0 1 .023-2.919 2.087 2.087 0 0 1 2.939.02l7.44 7.5 7.44-7.5a2.085 2.085 0 0 1 2.94-.02c.818.8.828 2.106.022 2.92L12 19z"
+    fillRule="evenodd"
+  />
+</svg>

package/build/web/icons/chevron-left.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M16.935 23a2.046 2.046 0 0 1-1.449-.599L5 12 15.486 1.598a2.053 2.053 0 0 1 2.92.023c.8.818.79 2.134-.022 2.939l-7.5 7.44 7.5 7.44c.813.806.823 2.122.022 2.94a2.05 2.05 0 0 1-1.471.62"
+    fillRule="evenodd"
+  />
+</svg>

package/build/web/icons/chevron-right.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M7.065 23a2.05 2.05 0 0 1-1.47-.62 2.089 2.089 0 0 1 .021-2.94L13.115 12 5.616 4.56a2.087 2.087 0 0 1-.022-2.938 2.05 2.05 0 0 1 2.92-.023L18.999 12 8.514 22.401c-.402.4-.925.599-1.449.599"
+    fillRule="evenodd"
+  />
+</svg>

package/build/web/icons/chevron-up.icon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24">
+  <path
+    d="M20.92 19a2.078 2.078 0 0 1-1.48-.615l-7.44-7.5-7.44 7.5a2.089 2.089 0 0 1-2.94.02 2.053 2.053 0 0 1-.022-2.919L12 5l10.402 10.486c.806.811.796 2.12-.023 2.92a2.075 2.075 0 0 1-1.458.594"
+    fillRule="evenodd"
+  />
+</svg>

package/build/web/icons/circled-line.icon.svg

@@ -0,0 +1,22 @@
+<svg viewBox="0 0 14 14">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g transform="translate(-179.000000, -707.000000)">
+      <g transform="translate(0.000000, 571.000000)">
+        <g transform="translate(179.000000, 136.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="#000"
+                mask="url(#mask-2)"
+              />
+            </g>
+            <rect fill="#fff" x="3" y="6" width="8" height="2" rx="1" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/build/web/icons/exclamation-octagon.icon.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24">
+  <g fillRule="evenodd">
+    <g transform="translate(-1.000000, -1.000000)">
+      <rect fill="#FFFFFF" x="10" y="4" width="3.4000001" height="17" />
+      <path
+        d="M10.618125,14.072625 L13.3805,14.072625 L13.3805,4.403625 L10.618125,4.403625 L10.618125,14.072625 Z M10.618125,19.597375 L13.3805,19.597375 L13.3805,16.835 L10.618125,16.835 L10.618125,19.597375 Z M7.44325,1.0005 L1,7.442375 L1,16.55725 L7.44325,23.0005 L16.55675,23.0005 L23,16.55725 L23,7.442375 L16.55675,1.0005 L7.44325,1.0005 Z"
+        fill="#E61360"
+      />
+    </g>
+  </g>
+</svg>

package/build/web/icons/exclamation-triangle.icon.svg

@@ -0,0 +1,20 @@
+<svg viewBox="0 0 28 25">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g transform="translate(-81.000000, -46.000000)">
+      <g transform="translate(81.000000, 46.000000)">
+        <path
+          d="M1.00362145,24 L26.9965429,24 C27.5488276,24 27.9965429,23.5522847 27.9965429,23 C27.9965429,22.8211759 27.9485908,22.6456233 27.8576821,22.4916308 L14.8612214,0.476601297 C14.5804569,0.00100722868 13.9673071,-0.156933311 13.491713,0.123831229 C13.346208,0.20972938 13.2248411,0.331096274 13.1389429,0.476601297 L0.142482211,22.4916308 C-0.138282329,22.9672249 0.0196582105,23.5803747 0.495252279,23.8611392 C0.649244721,23.9520479 0.824797357,24 1.00362145,24 Z"
+          id="Page-1"
+          fill="#E61360"
+        />
+        <rect fill="#EE2C74" x="12" y="7" width="5" height="16" />
+        <path
+          d="M8.5,15.5 L19.5,15.5"
+          stroke="#FFFFFF"
+          strokeWidth="2"
+          strokeLinecap="square"
+        />
+      </g>
+    </g>
+  </g>
+</svg>

package/build/web/icons/eye-closed.icon.svg

@@ -0,0 +1,21 @@
+<svg viewBox="0 0 29 24">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g
+      transform="translate(-824.000000, -438.000000)"
+      fillRule="nonzero"
+      stroke="#016b6a"
+      strokeWidth="2"
+    >
+      <g transform="translate(826.000000, 438.000000)">
+        <g>
+          <path d="M12.5,20 C17.1023729,20 21.2690396,17.3333333 25,12 C21.2690396,6.66666667 17.1023729,4 12.5,4 C7.89762709,4 3.73096042,6.66666667 0,12 C3.73096042,17.3333333 7.89762709,20 12.5,20 Z" />
+          <circle cx="12" cy="12" r="4" />
+          <path
+            d="M1,23 C16.6110454,7.66666667 23.9443787,0.333333333 23,1"
+            strokeLinecap="round"
+          />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/build/web/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/web/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/web/icons/index.js

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

package/build/web/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/web/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/web/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/web/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/web/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/web/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/web/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/web/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/web/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/web/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/web/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: 'v0_1_0-prerelease_0-StagSans-300.otf',
+      400: 'v0_1_0-prerelease_0-StagSans-400.otf',
+      500: 'v0_1_0-prerelease_0-StagSans-500.otf',
+      600: 'v0_1_0-prerelease_0-StagSans-600.otf',
+      700: 'v0_1_0-prerelease_0-StagSans-700.otf'
+    }
+  },
+  fontSize: {
+    size12: '0.75rem',
+    size14: '0.875rem',
+    size16: '1rem',
+    size20: '1.25rem',
+    size24: '1.5rem',
+    size28: '1.75rem',
+    size40: '2.5rem',
+    size44: '2.75rem',
+    size48: '3rem',
+    size56: '3.5rem',
+    size64: '4rem'
+  },
+  size: {
+    size0: '0px',
+    size4: '4px',
+    size8: '8px',
+    size10: '10px',
+    size16: '16px',
+    size20: '20px',
+    size24: '24px',
+    size32: '32px',
+    size36: '36px',
+    size40: '40px',
+    size48: '48px',
+    size64: '64px',
+    size72: '72px',
+    size80: '80px',
+    size96: '96px',
+    size120: '120px'
+  },
+  radius: {
+    none: '0px',
+    radius4: '4px',
+    pill32: '32px'
+  },
+  border: {
+    none: '0px',
+    border1: '1px',
+    border2: '2px',
+    border4: '4px'
+  },
+  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/web/icons/chevron-up.icon.svg',
+    ChevronRight: '@telus-uds/palette-koodo/build/web/icons/chevron-right.icon.svg',
+    ChevronDown: '@telus-uds/palette-koodo/build/web/icons/chevron-down.icon.svg',
+    ChevronLeft: '@telus-uds/palette-koodo/build/web/icons/chevron-left.icon.svg',
+    Cart: '@telus-uds/palette-koodo/build/web/icons/cart.icon.svg',
+    CircledLine: '@telus-uds/palette-koodo/build/web/icons/circled-line.icon.svg',
+    Times: '@telus-uds/palette-koodo/build/web/icons/times.icon.svg',
+    TimesCircled: '@telus-uds/palette-koodo/build/web/icons/times-circled.icon.svg',
+    Check: '@telus-uds/palette-koodo/build/web/icons/check.icon.svg',
+    CheckCircledFilled: '@telus-uds/palette-koodo/build/web/icons/check-circled-filled.icon.svg',
+    CheckCircledNotFilled: '@telus-uds/palette-koodo/build/web/icons/check-circled-not-filled.icon.svg',
+    ArrowDownCircled: '@telus-uds/palette-koodo/build/web/icons/arrow-down-circled.icon.svg',
+    ExclamationTriangle: '@telus-uds/palette-koodo/build/web/icons/exclamation-triangle.icon.svg',
+    ExclamationOctagon: '@telus-uds/palette-koodo/build/web/icons/exclamation-octagon.icon.svg',
+    InformationCircled: '@telus-uds/palette-koodo/build/web/icons/information-circled.icon.svg',
+    BoxOutline: '@telus-uds/palette-koodo/build/web/icons/box-outline.icon.svg',
+    BoxOutlineChecked: '@telus-uds/palette-koodo/build/web/icons/box-outline-checked.icon.svg',
+    RadialOutline: '@telus-uds/palette-koodo/build/web/icons/radial-outline.icon.svg',
+    RadialOutlineChecked: '@telus-uds/palette-koodo/build/web/icons/radial-outline-checked.icon.svg',
+    Hamburger: '@telus-uds/palette-koodo/build/web/icons/hamburger.icon.svg',
+    Spyglass: '@telus-uds/palette-koodo/build/web/icons/spyglass.icon.svg',
+    Bullet: '@telus-uds/palette-koodo/build/web/icons/bullet.icon.svg',
+    Info: '@telus-uds/palette-koodo/build/web/icons/info.icon.svg',
+    InfoSelected: '@telus-uds/palette-koodo/build/web/icons/info-selected.icon.svg',
+    Refresh: '@telus-uds/palette-koodo/build/web/icons/refresh.icon.svg',
+    Kebab: '@telus-uds/palette-koodo/build/web/icons/kebab.icon.svg',
+    EyeOpened: '@telus-uds/palette-koodo/build/web/icons/eye-opened.icon.svg',
+    EyeClosed: '@telus-uds/palette-koodo/build/web/icons/eye-closed.icon.svg'
+  }
+}

package/build/web/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: 'v0_1_0-prerelease_0-StagSans-300.otf',
+      400: 'v0_1_0-prerelease_0-StagSans-400.otf',
+      500: 'v0_1_0-prerelease_0-StagSans-500.otf',
+      600: 'v0_1_0-prerelease_0-StagSans-600.otf',
+      700: 'v0_1_0-prerelease_0-StagSans-700.otf'
+    }
+  },
+  fontSize: {
+    size12: '0.75rem',
+    size14: '0.875rem',
+    size16: '1rem',
+    size20: '1.25rem',
+    size24: '1.5rem',
+    size28: '1.75rem',
+    size40: '2.5rem',
+    size44: '2.75rem',
+    size48: '3rem',
+    size56: '3.5rem',
+    size64: '4rem'
+  },
+  size: {
+    size0: '0px',
+    size4: '4px',
+    size8: '8px',
+    size10: '10px',
+    size16: '16px',
+    size20: '20px',
+    size24: '24px',
+    size32: '32px',
+    size36: '36px',
+    size40: '40px',
+    size48: '48px',
+    size64: '64px',
+    size72: '72px',
+    size80: '80px',
+    size96: '96px',
+    size120: '120px'
+  },
+  radius: {
+    none: '0px',
+    radius4: '4px',
+    pill32: '32px'
+  },
+  border: {
+    none: '0px',
+    border1: '1px',
+    border2: '2px',
+    border4: '4px'
+  },
+  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/web/icons/chevron-up.icon.svg',
+    ChevronRight: '@telus-uds/palette-koodo/build/web/icons/chevron-right.icon.svg',
+    ChevronDown: '@telus-uds/palette-koodo/build/web/icons/chevron-down.icon.svg',
+    ChevronLeft: '@telus-uds/palette-koodo/build/web/icons/chevron-left.icon.svg',
+    Cart: '@telus-uds/palette-koodo/build/web/icons/cart.icon.svg',
+    CircledLine: '@telus-uds/palette-koodo/build/web/icons/circled-line.icon.svg',
+    Times: '@telus-uds/palette-koodo/build/web/icons/times.icon.svg',
+    TimesCircled: '@telus-uds/palette-koodo/build/web/icons/times-circled.icon.svg',
+    Check: '@telus-uds/palette-koodo/build/web/icons/check.icon.svg',
+    CheckCircledFilled: '@telus-uds/palette-koodo/build/web/icons/check-circled-filled.icon.svg',
+    CheckCircledNotFilled: '@telus-uds/palette-koodo/build/web/icons/check-circled-not-filled.icon.svg',
+    ArrowDownCircled: '@telus-uds/palette-koodo/build/web/icons/arrow-down-circled.icon.svg',
+    ExclamationTriangle: '@telus-uds/palette-koodo/build/web/icons/exclamation-triangle.icon.svg',
+    ExclamationOctagon: '@telus-uds/palette-koodo/build/web/icons/exclamation-octagon.icon.svg',
+    InformationCircled: '@telus-uds/palette-koodo/build/web/icons/information-circled.icon.svg',
+    BoxOutline: '@telus-uds/palette-koodo/build/web/icons/box-outline.icon.svg',
+    BoxOutlineChecked: '@telus-uds/palette-koodo/build/web/icons/box-outline-checked.icon.svg',
+    RadialOutline: '@telus-uds/palette-koodo/build/web/icons/radial-outline.icon.svg',
+    RadialOutlineChecked: '@telus-uds/palette-koodo/build/web/icons/radial-outline-checked.icon.svg',
+    Hamburger: '@telus-uds/palette-koodo/build/web/icons/hamburger.icon.svg',
+    Spyglass: '@telus-uds/palette-koodo/build/web/icons/spyglass.icon.svg',
+    Bullet: '@telus-uds/palette-koodo/build/web/icons/bullet.icon.svg',
+    Info: '@telus-uds/palette-koodo/build/web/icons/info.icon.svg',
+    InfoSelected: '@telus-uds/palette-koodo/build/web/icons/info-selected.icon.svg',
+    Refresh: '@telus-uds/palette-koodo/build/web/icons/refresh.icon.svg',
+    Kebab: '@telus-uds/palette-koodo/build/web/icons/kebab.icon.svg',
+    EyeOpened: '@telus-uds/palette-koodo/build/web/icons/eye-opened.icon.svg',
+    EyeClosed: '@telus-uds/palette-koodo/build/web/icons/eye-closed.icon.svg'
+  }
+}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@telus-uds/palette-koodo",
+  "version": "0.1.0-prerelease.0",
+  "description": "Koodo palette",
+  "keywords": [
+    "koodo"
+  ],
+  "author": "TELUS Digital",
+  "homepage": "https://github.com/telus/universal-design-system#readme",
+  "license": "ISC",
+  "main": "build/rn/palette.js",
+  "module": "build/rn/palette.mjs",
+  "files": [
+    "build/"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telus/universal-design-system.git"
+  },
+  "scripts": {
+    "build": "system-tokens-build-palette",
+    "dev": "nodemon -w palette.json -x 'yarn build'",
+    "release": "standard-version"
+  },
+  "bugs": {
+    "url": "https://github.com/telus/universal-design-system/issues"
+  },
+  "devDependencies": {
+    "@telus-uds/system-tokens": "^0.0.1"
+  },
+  "gitHead": "a4930bde09eae51c0c77e78c8fd1bdeb918f5bd3"
+}