@codecademy/brand-components NPM | npm.io

1.7.0 • Published 4 years ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

4 years ago

Brand Components

Component Guidelines

The Brand Components package will be used for components that are more tied to brand representation and/or marketing purposes. These are components that might be more frequently subject to style updates do their nature, but are not just solely used in the main Codecademy monolith app. (e.g., a brand component might also be used in a Gatsby hosted campaign page)

When to add a component to Brand Components

When considering whether to add a component to Gamut, answer these questions:

Is this component more tied to brand representation/marketing purposes than say a Button in the Gamut package.
Is this component or some version of it used across all or most new React based applications at Codecademy?

box-sizing

Brand Components expect box-sizing: border-box to be applied to all elements on the page globally. If it isn't there already, add something like this to your application's global stylesheet:

*,
*::before,
*::after {
  box-sizing: border-box;
}

@codecademy/gamut @codecademy/gamut-styles classnames

@infinitebrahmanuniverse/nolb-_codec @everything-registry/sub-chunk-183 @zalastax/nolb-_codec

1.7.1-alpha.0c8468.0

4 years ago

1.7.1-alpha.62b8ed.0

4 years ago

1.7.1-alpha.5f63e5.0

4 years ago

1.7.1-alpha.600354.0

4 years ago

1.7.1-alpha.8ff7b9.0

4 years ago

1.7.1-alpha.3eaa0c.0

4 years ago

4 years ago

1.6.1-alpha.5647d9.0

4 years ago

1.6.1-alpha.cec1a3.0

4 years ago

1.6.1-alpha.dcd804.0

4 years ago

1.6.1-alpha.f933d0.0

4 years ago

1.6.1-alpha.dcfb11.0

4 years ago

4 years ago

1.6.1-alpha.af8a86.0

4 years ago

1.5.16-alpha.c7e48e.0

4 years ago

1.5.16-alpha.31cea3.0

4 years ago

1.6.1-alpha.b83a39.0

4 years ago

1.6.1-alpha.16c14e.0

4 years ago

1.5.16-alpha.40ba3e.0

4 years ago

1.6.1-alpha.a25ca6.0

4 years ago

1.5.16-alpha.977b80.0

4 years ago

1.5.16-alpha.389265.0

4 years ago

1.5.16-alpha.2ab8f8.0

4 years ago

1.5.12-alpha.aad2ea.0

4 years ago

4 years ago

1.5.14-alpha.cda79e.0

4 years ago

1.5.14-alpha.7a56d7.0

4 years ago

4 years ago

1.5.14-alpha.38a263.0

4 years ago

4 years ago

1.5.13-alpha.6ed170.0

4 years ago

1.5.13-alpha.e40f98.0

4 years ago

1.5.13-alpha.6e0f24.0

4 years ago

1.5.12-alpha.e4f9e9.0

4 years ago

1.5.13-alpha.f93d40.0

4 years ago

1.5.13-alpha.66b9e8.0

4 years ago

1.5.13-alpha.a7531b.0

4 years ago

1.5.11-alpha.f43454.0

4 years ago

4 years ago

1.5.12-alpha.70ae99.0

4 years ago

1.5.12-alpha.0cac80.0

4 years ago

4 years ago

1.5.11-alpha.96f9ed.0

4 years ago

1.5.11-alpha.d707d3.0

4 years ago

1.0.10-alpha.746a61.0

4 years ago

1.0.10-alpha.219ffe.0

4 years ago

1.5.5-alpha.4b2ca9.0

4 years ago

1.5.11-alpha.929c11.0

4 years ago

4 years ago

1.5.7-alpha.f58db8.0

4 years ago

1.5.10-alpha.bd39ec.0

4 years ago

1.5.10-alpha.98594e.0

4 years ago

4 years ago

4 years ago

4 years ago

1.5.7-alpha.034c06.0

4 years ago

1.5.8-alpha.6ad5fe.0

4 years ago

1.5.7-alpha.38f72c.0

4 years ago

1.5.7-alpha.e44a9f.0

4 years ago

1.5.7-alpha.4a876c.0

4 years ago

1.5.8-alpha.ff6bb0.0

4 years ago

1.5.7-alpha.362266.0

4 years ago

1.5.7-alpha.86be32.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.5.3-alpha.ad5801.0

4 years ago

1.5.5-alpha.90febf.0

4 years ago

1.5.4-alpha.5348e2.0

4 years ago

1.5.3-alpha.97c07c.0

4 years ago

1.5.3-alpha.5a2fe2.0

4 years ago

4 years ago

1.5.2-alpha.7e132d.0

4 years ago

1.5.3-alpha.a00469.0

4 years ago

1.5.3-alpha.52ad8f.0

4 years ago

1.5.2-alpha.9a8628.0

4 years ago

1.2.0-alpha.ed4de2.0

4 years ago

1.5.3-alpha.abd63b.0

4 years ago

1.5.1-alpha.9a4d6d.0

4 years ago

4 years ago

4 years ago

1.5.1-alpha.dac9da.0

4 years ago

1.4.2-alpha.9818d2.0

4 years ago

1.2.4-alpha.fc1370.0

4 years ago

1.4.0-alpha.72c46b.0

4 years ago

1.3.1-alpha.12d05c.0

4 years ago

1.4.1-alpha.47bd31.0

4 years ago

4 years ago

4 years ago

1.4.1-alpha.f6cf35.0

4 years ago

1.0.10-alpha.ed17dd.0

4 years ago

1.3.1-alpha.667406.0

4 years ago

1.4.1-alpha.d019dc.0

4 years ago

1.3.1-alpha.803700.0

4 years ago

1.4.2-alpha.6d8692.0

4 years ago

1.3.1-alpha.63d973.0

4 years ago

1.3.1-alpha.9e9717.0

4 years ago

1.3.1-alpha.76443e.0

4 years ago

1.3.1-alpha.b9c5eb.0

4 years ago

4 years ago

1.3.0-alpha.0c20eb.0

4 years ago

1.2.3-alpha.7a96c7.0

4 years ago

4 years ago

4 years ago

4 years ago

1.2.1-alpha.371cce.0

4 years ago

1.2.1-alpha.5a9adc.0

4 years ago

1.2.0-alpha.1b8fca.0

4 years ago

1.2.0-alpha.f77538.0

4 years ago

4 years ago

4 years ago

1.1.1-alpha.2f2208.0

4 years ago

1.0.12-alpha.49f6e8.0

4 years ago

1.0.12-alpha.a43b21.0

4 years ago

1.0.12-alpha.ef954a.0

4 years ago

1.0.12-alpha.5a4b7a.0

4 years ago

1.0.12-alpha.533e84.0

4 years ago

1.0.12-alpha.c1d4fb.0

4 years ago

1.0.11-alpha.7091ce.0

4 years ago

1.0.10-alpha.a4d33b.0

4 years ago

4 years ago

1.0.10-alpha.862346.0

4 years ago

1.0.10-alpha.0f8ea9.0

4 years ago

1.0.10-alpha.55fc3c.0

4 years ago

1.0.10-alpha.d10eb2.0

4 years ago

1.0.10-alpha.3651b3.0

4 years ago

1.0.10-alpha.e4a121.0

4 years ago

4 years ago

1.0.10-alpha.58b42f.0

4 years ago

1.0.10-alpha.677710.0

4 years ago

1.0.10-alpha.13f95e.0

4 years ago

1.0.10-alpha.3caafc.0

4 years ago

4 years ago

1.0.9-alpha.fee518.0

4 years ago

1.0.9-alpha.b6716b.0

4 years ago

1.0.8-alpha.aa077b.0

4 years ago

1.0.8-alpha.dff6bc.0

4 years ago

1.0.9-alpha.533177.0

4 years ago

4 years ago

1.0.8-alpha.6f6cbe.0

4 years ago

1.0.8-alpha.c70718.0

4 years ago

1.0.8-alpha.9929b2.0

4 years ago

1.0.8-alpha.0b43d9.0

4 years ago

1.0.8-alpha.17c6ce.0

4 years ago

1.0.8-alpha.3a9a15.0

4 years ago

1.0.8-alpha.330a6f.0

4 years ago

4 years ago

1.0.7-alpha.500d5a.0

4 years ago

1.0.8-alpha.36db17.0

4 years ago

1.0.7-alpha.d67d10.0

4 years ago

1.0.7-alpha.13ecac.0

4 years ago

1.0.3-alpha.765d36.0

4 years ago

1.0.2-alpha.209d53.0

4 years ago

1.0.2-alpha.cac7a1.0

4 years ago

1.0.5-alpha.ba0368.0

4 years ago

1.0.5-alpha.815669.0

4 years ago

1.0.5-alpha.e487ee.0

4 years ago

1.0.5-alpha.7cf073.0

4 years ago

1.0.5-alpha.ac4c7d.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.0.3-alpha.c5777c.0

4 years ago

1.0.2-alpha.4fa80b.0

4 years ago

1.0.5-alpha.b37e4d.0

4 years ago

1.0.6-alpha.c2f9ee.0

4 years ago

0.8.32-alpha.255d8d.0

4 years ago

1.0.1-alpha.de91c4.0

4 years ago

1.0.1-alpha.8fe519.0

4 years ago

0.8.32-alpha.2e11ad.0

4 years ago

1.0.2-alpha.77c042.0

4 years ago

1.0.2-alpha.62e058.0

4 years ago

1.0.1-alpha.45e0db.0

4 years ago

0.8.33-alpha.4bf6d9.0

4 years ago

1.0.2-alpha.81e4ea.0

4 years ago

1.0.2-alpha.365433.0

4 years ago

1.0.2-alpha.a17c32.0

4 years ago

0.8.32-alpha.459a4b.0

4 years ago

4 years ago

4 years ago

1.0.2-alpha.74e373.0

4 years ago

4 years ago

0.8.32-alpha.5606a2.0

4 years ago

0.8.32-alpha.4db55f.0

4 years ago

0.8.32-alpha.25ac97.0

4 years ago

0.8.32-alpha.9ab2d5.0

4 years ago

0.8.29-alpha.876521.0

4 years ago

0.8.29-alpha.b82a54.0

4 years ago

0.8.32-alpha.8cc86e.0

4 years ago

0.8.29-alpha.0c463e.0

4 years ago

0.8.32-alpha.3cfa3f.0

4 years ago

0.8.28-alpha.6007f5.0

4 years ago

4 years ago

4 years ago

4 years ago

0.8.32-alpha.735af8.0

4 years ago

0.8.28-alpha.f2aaea.0

4 years ago

0.8.20-alpha.a367db.0

4 years ago

4 years ago

0.8.24-alpha.9e960d.0

4 years ago

4 years ago

0.8.26-alpha.ffc822.0

4 years ago

0.8.26-alpha.69dd8c.0

4 years ago

0.8.26-alpha.e59d18.0

4 years ago

0.8.26-alpha.1c94cb.0

4 years ago

0.8.26-alpha.e4ee44.0

4 years ago

0.8.25-alpha.f4ad46.0

4 years ago

4 years ago

0.8.24-alpha.4c28a5.0

4 years ago

4 years ago

0.8.24-alpha.ced8ad.0

4 years ago

0.8.24-alpha.86df49.0

4 years ago

0.8.24-alpha.4fa73f.0

4 years ago

0.8.24-alpha.b4ba82.0

4 years ago

0.8.21-alpha.ac349b.0

4 years ago

0.8.24-alpha.cf7bce.0

4 years ago

0.8.23-alpha.2ffcf4.0

4 years ago

0.8.23-alpha.82de07.0

4 years ago

0.8.23-alpha.c6ba71.0

4 years ago

0.8.23-alpha.effdcd.0

4 years ago

4 years ago

0.8.21-alpha.452805.0

4 years ago

0.8.23-alpha.35604f.0

4 years ago

0.8.22-alpha.a26179.0

4 years ago

4 years ago

4 years ago

4 years ago

0.8.20-alpha.d6a159.0

4 years ago

0.8.17-alpha.eabd21.0

4 years ago

0.8.17-alpha.de170f.0

4 years ago

0.8.20-alpha.fc4c4b.0

4 years ago

0.8.20-alpha.70119b.0

4 years ago

0.8.20-alpha.f2b054.0

4 years ago

0.8.20-alpha.a091e6.0

4 years ago

0.8.20-alpha.8b0ff2.0

4 years ago

0.8.20-alpha.190513.0

4 years ago

0.8.20-alpha.9af71e.0

4 years ago

0.8.20-alpha.bc50e2.0

4 years ago

0.8.20-alpha.161109.0

4 years ago

0.8.17-alpha.cae58c.0

4 years ago

0.8.18-alpha.778e96.0

4 years ago

0.8.20-alpha.ba5981.0

4 years ago

4 years ago

0.8.19-alpha.bd107f.0

4 years ago

4 years ago

0.8.18-alpha.a084b1.0

4 years ago

0.8.18-alpha.f3ad0c.0

4 years ago

0.8.17-alpha.c7ba8f.0

4 years ago

0.8.17-alpha.cfbc70.0

4 years ago

0.8.17-alpha.fd3eb9.0

4 years ago

0.8.16-alpha.814cee.0

4 years ago

0.8.17-alpha.5c9ba2.0

4 years ago

0.8.18-alpha.ebfa35.0

4 years ago

0.8.16-alpha.2e845d.0

4 years ago

0.8.16-alpha.df7c0a.0

4 years ago

4 years ago

0.8.16-alpha.d719e6.0

4 years ago

0.8.16-alpha.880487.0

4 years ago

0.8.16-alpha.a6c311.0

4 years ago

0.8.11-alpha.c75686.0

4 years ago

0.8.17-alpha.4db2ca.0

4 years ago

0.8.11-alpha.60d585.0

4 years ago

0.8.11-alpha.fc9e64.0

4 years ago

0.8.16-alpha.f3a2b6.0

4 years ago

4 years ago

0.8.17-alpha.d95e20.0

4 years ago

4 years ago

0.8.15-alpha.1506fd.0

4 years ago

0.8.15-alpha.bde1ce.0

4 years ago

0.8.14-alpha.2ea412.0

4 years ago

0.8.9-alpha.549c4d.15

4 years ago

0.8.14-alpha.631c18.0

4 years ago

0.8.9-alpha.9bad4d.14

4 years ago

4 years ago

0.8.11-alpha.8ec156.0

4 years ago

0.8.9-alpha.a280c2.13

4 years ago

0.8.13-alpha.bd61cc.0

4 years ago

4 years ago

0.8.10-alpha.75f602.0

4 years ago

0.8.11-alpha.cea29b.0

4 years ago

0.8.11-alpha.8ffb6a.0

4 years ago

0.8.11-alpha.200e2f.0

4 years ago

0.8.11-alpha.2dbec0.0

4 years ago

0.8.11-alpha.a1dd29.0

4 years ago

0.8.11-alpha.352233.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.8.10-alpha.cf3715.0

4 years ago

0.8.9-alpha.ad9284.0

4 years ago

0.8.9-alpha.8e09e2.0

4 years ago

0.8.9-alpha.cf0cd0.0

4 years ago

0.8.9-alpha.bc206e.0

4 years ago

0.8.9-alpha.3aeba5.0

4 years ago

0.8.9-alpha.9671c2.0

4 years ago

0.8.9-alpha.d7a82d.0

4 years ago

0.8.9-alpha.46aa6e.0

4 years ago

0.8.9-alpha.0a13a1.0

4 years ago

0.8.9-alpha.eb51c0.0

4 years ago

0.8.9-alpha.be99cf.0

4 years ago

0.8.9-alpha.0666ff.0

4 years ago

0.8.9-alpha.f98e3a.0

4 years ago

0.8.9-alpha.08db1f.2

4 years ago

0.8.9-alpha.d9e888.0

4 years ago

0.8.9-alpha.ce3f10.0

4 years ago

0.8.9-alpha.71747b.0

4 years ago

4 years ago

4 years ago

4 years ago

0.8.7-alpha.612cbe.0

4 years ago

0.8.5-alpha.b6df0f.7

4 years ago

0.8.5-alpha.2ad0b9.6

4 years ago

0.8.6-alpha.18f47d.7

4 years ago

0.8.6-alpha.a69e74.13

4 years ago

0.8.5-alpha.87a5a9.8

4 years ago

0.8.6-alpha.f401aa.6

4 years ago

0.8.6-alpha.392ed4.10

4 years ago

4 years ago

0.8.6-alpha.b691e7.1

4 years ago

0.8.6-alpha.970678.4

4 years ago

0.8.5-alpha.bc534b.5

4 years ago

0.8.5-alpha.f8ecae.5

4 years ago

0.8.6-alpha.21ed64.3

4 years ago

0.8.6-alpha.cbed22.0

4 years ago

0.8.5-alpha.298d42.4

4 years ago

0.8.6-alpha.740994.0

4 years ago

0.8.5-alpha.394e4b.4

4 years ago

4 years ago

0.8.5-alpha.9a0203.1

4 years ago

0.8.3-alpha.5729d4.10

4 years ago

4 years ago

4 years ago

0.8.2-alpha.41d0c0.0

4 years ago

0.8.3-alpha.da6673.2

4 years ago

0.8.4-alpha.4a5703.2

4 years ago

0.8.5-alpha.956e2a.3

4 years ago

0.8.5-alpha.a3c388.1

4 years ago

0.8.4-alpha.2159a0.0

4 years ago

0.8.3-alpha.3cc8ea.12

4 years ago

0.8.3-alpha.525813.8

4 years ago

0.8.1-alpha.ba1a94.0

4 years ago

4 years ago

0.8.1-alpha.0dbb3f.4

4 years ago

0.8.1-alpha.d223a6.2

4 years ago

0.8.1-alpha.bdaef7.1

4 years ago

0.8.1-alpha.e229a5.0

4 years ago

4 years ago

0.7.1-alpha.ce2bed.1

4 years ago

4 years ago

0.6.1-alpha.cafc34.1

4 years ago

0.6.1-alpha.08f6f0.0

4 years ago

4 years ago

0.4.7-alpha.f7cfd6.6

4 years ago

0.4.7-alpha.360bd3.4

4 years ago

4 years ago

0.4.7-alpha.b22bc4.2

4 years ago

0.4.7-alpha.bada0d.14

4 years ago

0.4.7-alpha.b3c653.13

4 years ago

4 years ago

0.4.5-alpha.786969.18

4 years ago

0.4.5-alpha.153a5f.17

4 years ago

0.4.5-alpha.4dd663.12

4 years ago

0.4.3-alpha.8a4edf.4

4 years ago

0.4.3-alpha.09bbed.3

4 years ago

0.4.5-alpha.266eee.12

4 years ago

0.4.5-alpha.f4bd4b.10

4 years ago

0.4.5-alpha.1401a9.8

4 years ago

0.4.5-alpha.80b838.2

4 years ago

0.4.5-alpha.13309e.2

4 years ago

0.4.5-alpha.b0e98e.1

4 years ago

0.4.5-alpha.24ba09.0

4 years ago

0.4.5-alpha.e540aa.1

4 years ago

0.4.5-alpha.81d583.0

4 years ago

4 years ago

0.4.4-alpha.24ec7f.3

4 years ago

0.4.4-alpha.754695.4

4 years ago

4 years ago

0.4.3-alpha.9ba0f2.3

4 years ago

0.4.3-alpha.a07027.6

4 years ago

0.4.3-alpha.35b9b0.5

4 years ago

4 years ago

0.4.2-alpha.c0d688.1

4 years ago

0.4.2-alpha.8e28b0.3

4 years ago

4 years ago

0.4.1-alpha.e83ec1.10

4 years ago

0.4.1-alpha.e3198a.2

4 years ago

4 years ago

0.3.5-alpha.4d23dd.3

4 years ago

0.3.5-alpha.27f01b.7

4 years ago

0.3.2-alpha.f4f9db.9

4 years ago

0.3.2-alpha.d20ed4.8

4 years ago

0.3.5-alpha.7cc7a0.2

4 years ago

4 years ago

0.3.4-alpha.b6fcdc.2

4 years ago

0.3.3-alpha.df4b7a.1

4 years ago

0.3.4-alpha.af9af0.3

4 years ago

0.3.4-alpha.50bb2e.1

4 years ago

4 years ago

0.3.3-alpha.8dd3b1.9

4 years ago

0.3.3-alpha.e4b82b.9

4 years ago

0.3.3-alpha.72b85c.9

4 years ago

0.3.3-alpha.14e052.9

4 years ago

0.3.3-alpha.6aebae.0

4 years ago

4 years ago

0.3.2-alpha.966ffc.32

4 years ago

0.3.2-alpha.d04c87.3

4 years ago

0.3.2-alpha.a6df8c.6

4 years ago

0.3.2-alpha.3aa2eb.3

4 years ago

0.3.2-alpha.0114a7.4

4 years ago

0.3.2-alpha.c42c3f.3

4 years ago

4 years ago

0.3.1-alpha.83fb82.3

4 years ago

0.3.1-alpha.489533.2

4 years ago

0.3.1-alpha.89824b.1

4 years ago

4 years ago

0.2.5-alpha.9ead35.5

4 years ago

4 years ago

0.2.4-alpha.975d61.2

4 years ago

0.2.4-alpha.dcb2d7.3

4 years ago

0.2.1-alpha.5716e0.3

4 years ago

4 years ago

4 years ago

0.2.2-alpha.1f926f.3

4 years ago

0.2.2-alpha.d08ac6.2

4 years ago

0.2.2-alpha.4e2363.2

4 years ago

4 years ago

0.2.1-alpha.9a3ad3.8

4 years ago

0.1.2-alpha.a32766.1

4 years ago

0.2.1-alpha.c6334e.7

4 years ago

4 years ago

0.1.2-alpha.429dca.10

4 years ago

0.1.2-alpha.7fd720.5

4 years ago

0.1.2-alpha.e60fd6.8

4 years ago

0.1.2-alpha.d599c6.0

4 years ago

0.1.2-alpha.afd728.4

4 years ago

0.1.1-alpha.4aca49.7

4 years ago

0.0.2-alpha.f38f53.1457

4 years ago

0.1.2-alpha.2e7699.2

4 years ago

4 years ago

0.1.1-alpha.b2e0ee.8

4 years ago

0.1.1-alpha.f589b4.23

4 years ago

0.1.1-alpha.f02ffd.22

4 years ago

0.1.1-alpha.4e06d3.4

4 years ago

4 years ago

0.0.2-alpha.54bacf.1458

4 years ago

0.0.2-alpha.794704.1471

4 years ago

0.0.2-alpha.912007.1459

4 years ago

0.0.2-alpha.d871a3.1470

4 years ago

0.0.2-alpha.7b8c95.1469

4 years ago

0.0.2-alpha.472f03.1468

4 years ago

0.0.2-alpha.ad13ed.1465

4 years ago

0.0.2-alpha.ecc983.1465

4 years ago

0.0.2-alpha.a23deb.1462

4 years ago

0.0.2-alpha.42d72b.1461

4 years ago

0.0.2-alpha.56a8e0.1460

4 years ago

0.0.2-alpha.cc05cd.1459

4 years ago

0.0.2-alpha.8e8db9.1458

4 years ago

0.0.2-alpha.1a294c.1457

4 years ago