1.0.1 • Published 11 months ago

@pernod-ricard/archipelago-core v1.0.1

Weekly downloads
-
License
-
Repository
-
Last release
11 months ago

Archipelago Core

Foundation

Colors

Semantical palette

Blue / Primary / Transparent

PrefixBaseVariantScaleModeToken nameValue
prcolorblue05--pr-color-blue-05#F2F5FF
prcolorblue10--pr-color-blue-10#D6DEFF
prcolorblue20--pr-color-blue-20#96A8FA
prcolorblue30--pr-color-blue-30#4765FF
prcolorblue40--pr-color-blue-40#2F49F4
prcolorblue50--pr-color-blue-50#0B2BCB
prcolorblue60--pr-color-blue-60#01129C
prcolorblue70--pr-color-blue-70#0C1875
prcolorblueop15--pr-color-blue-op15#4765FF26
prcolorblueop50--pr-color-blue-op50#4765FF80
prcolorblueop70--pr-color-blue-op70#4765FFB3

Green / Success / Transparent

PrefixBaseVariantScaleModeToken nameValue
prcolorgreen05--pr-color-green-05#F2FFF9
prcolorgreen10--pr-color-green-10#CDF7E4
prcolorgreen20--pr-color-green-20#72E4B3
prcolorgreen30--pr-color-green-30#2BD68E
prcolorgreen40--pr-color-green-40#13BF7A
prcolorgreen50--pr-color-green-50#07A669
prcolorgreen60--pr-color-green-60#008756
prcolorgreen70--pr-color-green-70#0A6141
prcolorgreenop15--pr-color-green-op15#2BD68E26
prcolorgreenop50--pr-color-green-op50#2BD68E80

Orange / Warning / Transparent

PrefixBaseVariantScaleModeToken nameValue
prcolororange05--pr-color-orange-05#FFF6F2
prcolororange10--pr-color-orange-10#FFEEE5
prcolororange20--pr-color-orange-20#FFAE85
prcolororange30--pr-color-orange-30#FA854B
prcolororange40--pr-color-orange-40#E56B2E
prcolororange50--pr-color-orange-50#CC5418
prcolororange60--pr-color-orange-60#B23B00
prcolororange70--pr-color-orange-70#8C380E
prcolororangeop15--pr-color-orange-op15#FA854B26
prcolororangeop50--pr-color-orange-op50#FA854B80

Red / Danger / Transparent

PrefixBaseVariantScaleModeToken nameValue
prcolorred05--pr-color-red-05#FFF2F3
prcolorred10--pr-color-red-10#FFE5E6
prcolorred20--pr-color-red-20#FF8585
prcolorred30--pr-color-red-30#FA4B4B
prcolorred40--pr-color-red-40#E5312E
prcolorred50--pr-color-red-50#CC1E18
prcolorred60--pr-color-red-60#B20000
prcolorred70--pr-color-red-70#8C0E0E
prcolorredop15--pr-color-red-op15#FA4B4B26
prcolorredop50--pr-color-red-op50#FA4B4B80

Neutral palette

Grayscale

PrefixBaseVariantScaleModeToken nameValue
prcolorgrayscale10--pr-color-grayscale-10#FAFAFA
prcolorgrayscale15--pr-color-grayscale-15#F2F2F2
prcolorgrayscale20--pr-color-grayscale-20#E6E6E8
prcolorgrayscale30--pr-color-grayscale-30#CCCDD0
prcolorgrayscale40--pr-color-grayscale-40#B3B4B9
prcolorgrayscale50--pr-color-grayscale-50#999AA1
prcolorgrayscale60--pr-color-grayscale-60#80828A
prcolorgrayscale70--pr-color-grayscale-70#666872
prcolorgrayscale80--pr-color-grayscale-80#4D4F5B
prcolorgrayscale90--pr-color-grayscale-90#333643
prcolorgrayscale100--pr-color-grayscale-100#1A1D2C
prcolorgrayscalewhite--pr-color-grayscale-white#FFFFFF

Backgrounds

PrefixBaseVariantScaleModeToken nameValue
prcolorbright--pr-color-background-bright#F5F7F9
prcolordark--pr-color-background-dark#272B3F

Transparencies

Black

PrefixBaseVariantScaleModeToken nameValue
prcolorblack05--pr-color-black-05#0003140D
prcolorblack10--pr-color-black-10#0003141A
prcolorblack20--pr-color-black-20#00031433
prcolorblack80--pr-color-black-80#000314CC
prcolorblack90--pr-color-black-90#000314E6

White

PrefixBaseVariantScaleModeToken nameValue
prcolorwhite05--pr-color-white-05#FFFFFF0D
prcolorwhite10--pr-color-white-10#FFFFFF1A
prcolorwhite20--pr-color-white-20#FFFFFF33
prcolorwhite40--pr-color-white-40#FFFFFF66
prcolorwhite80--pr-color-white-80#FFFFFFCC
prcolorwhite90--pr-color-white-90#FFFFFFE6

Additional palette

PrefixBaseVariantScaleModeToken nameValue
prcolorbeet10--pr-color-beet-10#F7DEFF
prcolorbeet20--pr-color-beet-20#E68AFF
prcolorbeet30--pr-color-beet-30#D754F7
prcolorbeet40--pr-color-beet-40#CA38EB
prcolorbeet50--pr-color-beet-50#B31FD1
prcolorbeet60--pr-color-beet-60#9C0EB5
prcolorblueberry10--pr-color-blueberry-10#E4DEFF
prcolorblueberry20--pr-color-blueberry-20#B39EFF
prcolorblueberry30--pr-color-blueberry-30#9072F2
prcolorblueberry40--pr-color-blueberry-40#7048E8
prcolorblueberry50--pr-color-blueberry-50#5224D1
prcolorblueberry60--pr-color-blueberry-60#4012B5
prcolorcuracao10--pr-color-curacao-10#CAE3FC
prcolorcuracao20--pr-color-curacao-20#79B9FC
prcolorcuracao30--pr-color-curacao-30#65AAF7
prcolorcuracao40--pr-color-curacao-40#468FE8
prcolorcuracao50--pr-color-curacao-50#1F6ACC
prcolorcuracao60--pr-color-curacao-60#0048AD
prcolorice10--pr-color-ice-10#ACF3EA
prcolorice20--pr-color-ice-20#5CE5DC
prcolorice30--pr-color-ice-30#1DC3B5
prcolorice40--pr-color-ice-40#10A399
prcolorice50--pr-color-ice-50#0B827C
prcolorice60--pr-color-ice-60#03615E
prcolorrose10--pr-color-rose-10#FFDEF1
prcolorrose20--pr-color-rose-20#F084BF
prcolorrose30--pr-color-rose-30#F059A9
prcolorrose40--pr-color-rose-40#E5328F
prcolorrose50--pr-color-rose-50#CC1470
prcolorrose60--pr-color-rose-60#B20056
prcolorsafran10--pr-color-safran-10#FFE3D4
prcolorsafran20--pr-color-safran-20#FCB890
prcolorsafran30--pr-color-safran-30#F2813A
prcolorsafran40--pr-color-safran-40#E56C1C
prcolorsafran50--pr-color-safran-50#CC5B0A
prcolorsafran60--pr-color-safran-60#B24D00

Data visualizations

Categorical palette

PrefixBaseVariantScaleModeToken nameValue
prcolordata01on-dark--pr-color-data-01-on-dark#B39EFF
prcolordata01on-light--pr-color-data-01-on-light#7048E8
prcolordata02on-dark--pr-color-data-02-on-dark#E56C1C
prcolordata02on-light--pr-color-data-02-on-light#B24D00
prcolordata03on-dark--pr-color-data-03-on-dark#5CE5D8
prcolordata03on-light--pr-color-data-03-on-light#10A399
prcolordata04on-dark--pr-color-data-04-on-dark#CA38EB
prcolordata04on-light--pr-color-data-04-on-light#9C0EB5
prcolordata05on-dark--pr-color-data-05-on-dark#F084BF
prcolordata05on-light--pr-color-data-05-on-light#E5328F
prcolordata06on-dark--pr-color-data-06-on-dark#7048E8
prcolordata06on-light--pr-color-data-06-on-light#4012B5
prcolordata07on-dark--pr-color-data-07-on-dark#F2813A
prcolordata07on-light--pr-color-data-07-on-light#E56C1C
prcolordata08on-dark--pr-color-data-08-on-dark#10A399
prcolordata08on-light--pr-color-data-08-on-light#03615E
prcolordata09on-dark--pr-color-data-09-on-dark#E58AFF
prcolordata09on-light--pr-color-data-09-on-light#B20056
prcolordata10on-dark--pr-color-data-10-on-dark#E5328F
prcolordata10on-light--pr-color-data-10-on-light#CA38EB
prcolordata11on-dark--pr-color-data-11-on-dark#FCB890
prcolordata11on-light--pr-color-data-11-on-light#CC5B0A
prcolordata12on-dark--pr-color-data-12-on-dark#1DC3B5
prcolordata12on-light--pr-color-data-12-on-light#0B827C
prcolordata13on-dark--pr-color-data-13-on-dark#D754F7
prcolordata13on-light--pr-color-data-13-on-light#5224D1
prcolordata14on-dark--pr-color-data-14-on-dark#9072F2
prcolordata14on-light--pr-color-data-14-on-light#CC1470
prcolordata15on-dark--pr-color-data-15-on-dark#F059A9
prcolordata15on-light--pr-color-data-15-on-light#B31FD1

Typography

Font family

PrefixBaseVariantScaleModeToken nameValue
prfontfamily--pr-font-familyManrope

Font weight

PrefixBaseVariantScaleModeToken nameValue
prfontweightbold--pr-font-weight-boldfont-weight: 700
prfontweightextrabold--pr-font-weight-extraboldfont-weight: 800
prfontweightmedium--pr-font-weight-mediumfont-weight: 500
prfontweightsemibold--pr-font-weight-semiboldfont-weight: 600

Font size

PrefixBaseVariantScaleModeToken nameValue
prfontsize2xl--pr-font-size-2xlfont-size: 40px / 2.5rem
prfontsize2xs--pr-font-size-2xsfont-size: 11px / 0.6875rem
prfontsizebase--pr-font-size-basefont-size: 16px / 1rem
prfontsizelg--pr-font-size-lgfont-size: 20px / 1.25rem
prfontsizesm--pr-font-size-smfont-size: 14px / 0.875rem
prfontsizexl--pr-font-size-xlfont-size: 28px / 1.75rem
prfontsizexs--pr-font-size-xsfont-size: 12px / 0.75rem

Line Height

PrefixBaseVariantScaleModeToken nameValue
prlineheight1--pr-line-height-1line-height: 14px / 0.875rem
prlineheight2--pr-line-height-2line-height: 16px / 1rem
prlineheight3--pr-line-height-3line-height: 20px / 1.25rem
prlineheight4--pr-line-height-4line-height: 24px / 1.5rem
prlineheight5--pr-line-height-5line-height: 28px / 1.75rem
prlineheight6--pr-line-height-6line-height: 36px / 2.25rem
prlineheight7--pr-line-height-7line-height: 56px / 3.5rem

Letter Spacing

PrefixBaseVariantScaleModeToken nameValue
prletterspacing0--pr-letter-spacing-0letter-spacing: -0.04em
prletterspacing1--pr-letter-spacing-1letter-spacing: 0
prletterspacing2--pr-letter-spacing-2letter-spacing: 1px
prletterspacing3--pr-letter-spacing-3letter-spacing: 1.5px
prletterspacing4--pr-letter-spacing-4letter-spacing: 2px

Grid and spacing

Breakpoints

PrefixBaseVariantScaleModeToken nameValue
prscreenlg--pr-screen-lg1280px
prscreenmd--pr-screen-md768px
prscreensm--pr-screen-sm480px
prscreenxl--pr-screen-xl1600px
prscreenxs--pr-screen-xs0px

Spacing

PrefixBaseVariantScaleModeToken nameValue
prspacing2xl--pr-spacing-2xl40px
prspacing2xs--pr-spacing-2xs2px
prspacing3xl--pr-spacing-3xl48px
prspacing4xl--pr-spacing-4xl64px
prspacing5xl--pr-spacing-5xl80px
prspacing6xl--pr-spacing-6xl96px
prspacing7xl--pr-spacing-7xl160px
prspacinglg--pr-spacing-lg24px
prspacingmd--pr-spacing-md16px
prspacingsm--pr-spacing-sm8px
prspacingxl--pr-spacing-xl32px
prspacingxs--pr-spacing-xs4px

Radius

PrefixBaseVariantScaleModeToken nameValue
prborderradiuslg--pr-border-radius-lgborder-radius: 8px
prborderradiusmd--pr-border-radius-mdborder-radius: 4px
prborderradiussm--pr-border-radius-smborder-radius: 2px
prborderradiusxl--pr-border-radius-xlborder-radius: 12px

Shadow & Blur

Shadow

PrefixBaseVariantScaleModeToken nameValue
prshadowlgon-light--pr-shadow-lg-on-lightbox-shadow: 0px 16px 60px rgba(0, 3, 20, 0.2);
prshadowmdon-dark--pr-shadow-md-on-darkbox-shadow: 0px 10px 16px rgba(0, 3, 20, 0.24);
prshadowmdon-light--pr-shadow-md-on-lightbox-shadow: 0px 10px 16px rgba(0, 3, 20, 0.1);
prshadowsmon-dark--pr-shadow-sm-on-darkbox-shadow: 0px 2px 10px rgba(0, 3, 20, 0.25);
prshadowsmon-light--pr-shadow-sm-on-lightbox-shadow: 0px 2px 10px rgba(0, 3, 20, 0.15);

Development

Project Setup

npm install

Type-Check, Compile and Minify for Production

npm run build
1.0.1

11 months ago

1.0.0

11 months ago

1.0.0-beta.22

2 years ago

1.0.0-beta.21

2 years ago

1.0.0-beta.20

2 years ago

1.0.0-beta.19

2 years ago

1.0.0-beta.17

2 years ago

1.0.0-beta.18

2 years ago

1.0.0-beta.16

2 years ago

1.0.0-beta.15

2 years ago

1.0.0-beta.14

2 years ago

1.0.0-beta.13

2 years ago

1.0.0-beta.12

2 years ago

1.0.0-beta.11

2 years ago

1.0.0-beta.10

2 years ago

1.0.0-beta.9

2 years ago

1.0.0-beta.8

2 years ago

1.0.0-beta.7

2 years ago

1.0.0-beta.6

2 years ago

1.0.0-beta.5

2 years ago

1.0.0-beta.4

2 years ago

1.0.0-beta.3

2 years ago

1.0.0-beta.2

2 years ago

1.0.0-beta.1

2 years ago