@bcc-code/design-tokens 0.4.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ (function(t,a){typeof exports=="object"&&typeof module<"u"?a(exports):typeof define=="function"&&define.amd?define(["exports"],a):(t=typeof globalThis<"u"?globalThis:t||self,a(t["bcc-design-system-tokens"]={}))})(this,function(t){"use strict";const a={neutral:{0:"#ffffff",50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},"bcc-brand":{50:"#f5f8f8",100:"#eaeeef",200:"#d2dadb",300:"#acbdbd",400:"#8ea6a6",500:"#437571",600:"#004e48",700:"#023d38",800:"#021f1c",900:"#020a0b"},green:{50:"#eefff4",100:"#d7ffe7",200:"#b2ffd1",300:"#7dffb3",400:"#33f584",500:"#09de62",600:"#01b84e",700:"#059040",800:"#0a7137",900:"#0a5d2f"},lime:{50:"#f7ffe4",100:"#ebffc4",200:"#d8ff90",300:"#bbff50",400:"#a9ff34",500:"#7fe600",600:"#61b800",700:"#498b00",800:"#3b6d07",900:"#335c0b"},teal:{50:"#effefd",100:"#c7fffa",200:"#7dfff4",300:"#50f8ef",400:"#1de4e1",500:"#04c8c7",600:"#009da1",700:"#057d80",800:"#0a6165",900:"#0d5154"},blue:{50:"#eef9ff",100:"#d9f1ff",200:"#bce8ff",300:"#8edbff",400:"#59c5ff",500:"#34a9ff",600:"#1b8af5",700:"#1472e1",800:"#175bb6",900:"#194e8f"},purple:{50:"#f9f4ff",100:"#f0e5ff",200:"#e4d0ff",300:"#d0acff",400:"#b276ff",500:"#9542ff",600:"#8a34ff",700:"#6a0ee2",800:"#5b12b7",900:"#4c1093"},pink:{50:"#fef1f9",100:"#fee5f5",200:"#ffcaed",300:"#ff9fdd",400:"#ff63c4",500:"#ff34a9",600:"#f01287",700:"#d1056b",800:"#ad0758",900:"#8f0c4c"},red:{50:"#fff1f1",100:"#ffe3e3",200:"#ffcccf",300:"#ffa1a7",400:"#ff7d88",500:"#f93a4f",600:"#e71738",700:"#c30d2e",800:"#a30e2e",900:"#8b102f"},orange:{50:"#fff5ed",100:"#ffe9d4",200:"#ffcfa9",300:"#ffb37d",400:"#fe7f39",500:"#fc5c13",600:"#ed4109",700:"#c52e09",800:"#9c2610",900:"#7e2111"},yellow:{50:"#fefde8",100:"#fffdc2",200:"#fff87b",300:"#ffee45",400:"#fcdd13",500:"#ecc406",600:"#cc9902",700:"#a26d06",800:"#86550d",900:"#724611"},"silver-tree":{50:"#f3faf7",100:"#d8efe5",200:"#b1decc",300:"#82c6ad",400:"#5cab91",500:"#3e8e75",600:"#30715e",700:"#2a5b4e",800:"#254a40",900:"#223f37"},gimblet:{50:"#faf9f2",100:"#f3f1e1",200:"#e5e1c3",300:"#d5cd9c",400:"#bdac67",500:"#b6a059",600:"#a98d4d",700:"#8c7142",800:"#725c3a",900:"#5d4b31"},mongoose:{50:"#f9f7f3",100:"#f2ede2",200:"#e4d9c4",300:"#d2bf9f",400:"#bfa178",500:"#b28b5d",600:"#a47852",700:"#896245",800:"#6f4f3d",900:"#5b4233"},"muddy-waters":{50:"#f9f4f1",100:"#eedfd7",200:"#dbbeac",300:"#c89a81",400:"#bd8167",500:"#b06450",600:"#9b4f44",700:"#813d3c",800:"#6b3538",900:"#592e30"},viola:{50:"#faf5f7",100:"#f6edf1",200:"#eedce3",300:"#e2bfcc",400:"#ce97ab",500:"#bc788f",600:"#a75b71",700:"#8e485a",800:"#763e4c",900:"#643742"},"light-wisteria":{50:"#fbf8fc",100:"#f6eef9",200:"#f0e0f4",300:"#e3c7eb",400:"#d0a3dd",500:"#bd7fcd",600:"#aa62bb",700:"#924ea2",800:"#7a4485",900:"#63386b"},"cold-purple":{50:"#f6f6fc",100:"#efeef9",200:"#e1e0f4",300:"#cac6ec",400:"#a69ddc",500:"#9181d1",600:"#7d65c2",700:"#6c53ae",800:"#5b4592",900:"#4b3a78"},"polo-blue":{50:"#f4f6fa",100:"#e6ebf3",200:"#d2dbeb",300:"#b4c4dc",400:"#97abce",500:"#758abc",600:"#6274ae",700:"#57639e",800:"#4b5382",900:"#3f4669"},neptune:{50:"#f2f9f9",100:"#ddeef0",200:"#bfdfe2",300:"#92c7ce",400:"#74b2bc",500:"#438a97",600:"#3a7280",700:"#345e6a",800:"#314f59",900:"#2d444c"},mantis:{50:"#f5faf3",100:"#e7f5e3",200:"#cfeac8",300:"#a9d89d",400:"#78bd67",500:"#57a245",600:"#448534",700:"#37692c",800:"#2f5427",900:"#284522"},isbre:{50:"#FCFDFD",100:"#F6F9F9",200:"#F1F5F5",300:"#ECF1F1",400:"#E6EDED",500:"#E1E8E9",600:"#DCE4E4",700:"#D7DFE0"}};var d={},p={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"cloneDeep",{enumerable:!0,get:()=>n});function n(r){return Array.isArray(r)?r.map(o=>n(o)):typeof r=="object"&&r!==null?Object.fromEntries(Object.entries(r).map(([o,s])=>[o,n(s)])):r}})(p);var x={content:[],presets:[],darkMode:"media",theme:{accentColor:({theme:e})=>({...e("colors"),auto:"auto"}),animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',hidden:'hidden="true"',pressed:'pressed="true"',readonly:'readonly="true"',required:'required="true"',selected:'selected="true"'},aspectRatio:{auto:"auto",square:"1 / 1",video:"16 / 9"},backdropBlur:({theme:e})=>e("blur"),backdropBrightness:({theme:e})=>e("brightness"),backdropContrast:({theme:e})=>e("contrast"),backdropGrayscale:({theme:e})=>e("grayscale"),backdropHueRotate:({theme:e})=>e("hueRotate"),backdropInvert:({theme:e})=>e("invert"),backdropOpacity:({theme:e})=>e("opacity"),backdropSaturate:({theme:e})=>e("saturate"),backdropSepia:({theme:e})=>e("sepia"),backgroundColor:({theme:e})=>e("colors"),backgroundImage:{none:"none","gradient-to-t":"linear-gradient(to top, var(--tw-gradient-stops))","gradient-to-tr":"linear-gradient(to top right, var(--tw-gradient-stops))","gradient-to-r":"linear-gradient(to right, var(--tw-gradient-stops))","gradient-to-br":"linear-gradient(to bottom right, var(--tw-gradient-stops))","gradient-to-b":"linear-gradient(to bottom, var(--tw-gradient-stops))","gradient-to-bl":"linear-gradient(to bottom left, var(--tw-gradient-stops))","gradient-to-l":"linear-gradient(to left, var(--tw-gradient-stops))","gradient-to-tl":"linear-gradient(to top left, var(--tw-gradient-stops))"},backgroundOpacity:({theme:e})=>e("opacity"),backgroundPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{0:"0",none:"0",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},borderColor:({theme:e})=>({...e("colors"),DEFAULT:e("colors.gray.200","currentColor")}),borderOpacity:({theme:e})=>e("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},borderSpacing:({theme:e})=>({...e("spacing")}),borderWidth:{DEFAULT:"1px",0:"0px",2:"2px",4:"4px",8:"8px"},boxShadow:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",DEFAULT:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",none:"none"},boxShadowColor:({theme:e})=>e("colors"),brightness:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5",200:"2"},caretColor:({theme:e})=>e("colors"),colors:({colors:e})=>({inherit:e.inherit,current:e.current,transparent:e.transparent,black:e.black,white:e.white,slate:e.slate,gray:e.gray,zinc:e.zinc,neutral:e.neutral,stone:e.stone,red:e.red,orange:e.orange,amber:e.amber,yellow:e.yellow,lime:e.lime,green:e.green,emerald:e.emerald,teal:e.teal,cyan:e.cyan,sky:e.sky,blue:e.blue,indigo:e.indigo,violet:e.violet,purple:e.purple,fuchsia:e.fuchsia,pink:e.pink,rose:e.rose}),columns:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},container:{},content:{none:"none"},contrast:{0:"0",50:".5",75:".75",100:"1",125:"1.25",150:"1.5",200:"2"},cursor:{auto:"auto",default:"default",pointer:"pointer",wait:"wait",text:"text",move:"move",help:"help","not-allowed":"not-allowed",none:"none","context-menu":"context-menu",progress:"progress",cell:"cell",crosshair:"crosshair","vertical-text":"vertical-text",alias:"alias",copy:"copy","no-drop":"no-drop",grab:"grab",grabbing:"grabbing","all-scroll":"all-scroll","col-resize":"col-resize","row-resize":"row-resize","n-resize":"n-resize","e-resize":"e-resize","s-resize":"s-resize","w-resize":"w-resize","ne-resize":"ne-resize","nw-resize":"nw-resize","se-resize":"se-resize","sw-resize":"sw-resize","ew-resize":"ew-resize","ns-resize":"ns-resize","nesw-resize":"nesw-resize","nwse-resize":"nwse-resize","zoom-in":"zoom-in","zoom-out":"zoom-out"},divideColor:({theme:e})=>e("borderColor"),divideOpacity:({theme:e})=>e("borderOpacity"),divideWidth:({theme:e})=>e("borderWidth"),dropShadow:{sm:"0 1px 1px rgb(0 0 0 / 0.05)",DEFAULT:["0 1px 2px rgb(0 0 0 / 0.1)","0 1px 1px rgb(0 0 0 / 0.06)"],md:["0 4px 3px rgb(0 0 0 / 0.07)","0 2px 2px rgb(0 0 0 / 0.06)"],lg:["0 10px 8px rgb(0 0 0 / 0.04)","0 4px 3px rgb(0 0 0 / 0.1)"],xl:["0 20px 13px rgb(0 0 0 / 0.03)","0 8px 5px rgb(0 0 0 / 0.08)"],"2xl":"0 25px 25px rgb(0 0 0 / 0.15)",none:"0 0 #0000"},fill:({theme:e})=>({none:"none",...e("colors")}),flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%"}),flexGrow:{0:"0",DEFAULT:"1"},flexShrink:{0:"0",DEFAULT:"1"},fontFamily:{sans:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas",'"Liberation Mono"','"Courier New"',"monospace"]},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:({theme:e})=>e("spacing"),gradientColorStops:({theme:e})=>e("colors"),grayscale:{0:"0",DEFAULT:"100%"},gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridColumn:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridColumnEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridColumnStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRow:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-full":"1 / -1"},gridRowEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7"},gridRowStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7"},gridTemplateColumns:{none:"none",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},gridTemplateRows:{none:"none",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))"},height:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"}),hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},inset:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),invert:{0:"0",DEFAULT:"100%"},keyframes:{spin:{to:{transform:"rotate(360deg)"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},pulse:{"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},listStyleType:{none:"none",disc:"disc",decimal:"decimal"},margin:({theme:e})=>({auto:"auto",...e("spacing")}),maxHeight:({theme:e})=>({...e("spacing"),none:"none",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"}),maxWidth:({theme:e,breakpoints:n})=>({none:"none",0:"0rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch",...n(e("screens"))}),minHeight:{0:"0px",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"},minWidth:{0:"0px",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"},objectPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},opacity:{0:"0",5:"0.05",10:"0.1",20:"0.2",25:"0.25",30:"0.3",40:"0.4",50:"0.5",60:"0.6",70:"0.7",75:"0.75",80:"0.8",90:"0.9",95:"0.95",100:"1"},order:{first:"-9999",last:"9999",none:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12"},outlineColor:({theme:e})=>e("colors"),outlineOffset:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},outlineWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},padding:({theme:e})=>e("spacing"),placeholderColor:({theme:e})=>e("colors"),placeholderOpacity:({theme:e})=>e("opacity"),ringColor:({theme:e})=>({DEFAULT:e("colors.blue.500","#3b82f6"),...e("colors")}),ringOffsetColor:({theme:e})=>e("colors"),ringOffsetWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},ringOpacity:({theme:e})=>({DEFAULT:"0.5",...e("opacity")}),ringWidth:{DEFAULT:"3px",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},rotate:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg",45:"45deg",90:"90deg",180:"180deg"},saturate:{0:"0",50:".5",100:"1",150:"1.5",200:"2"},scale:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},scrollMargin:({theme:e})=>({...e("spacing")}),scrollPadding:({theme:e})=>e("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg"},space:({theme:e})=>({...e("spacing")}),spacing:{px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},stroke:({theme:e})=>({none:"none",...e("colors")}),strokeWidth:{0:"0",1:"1",2:"2"},supports:{},data:{},textColor:({theme:e})=>e("colors"),textDecorationColor:({theme:e})=>e("colors"),textDecorationThickness:{auto:"auto","from-font":"from-font",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},textIndent:({theme:e})=>({...e("spacing")}),textOpacity:({theme:e})=>e("opacity"),textUnderlineOffset:{auto:"auto",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},transformOrigin:{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"},transitionDelay:{75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionDuration:{DEFAULT:"150ms",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionProperty:{none:"none",all:"all",DEFAULT:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",colors:"color, background-color, border-color, text-decoration-color, fill, stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4, 0, 0.2, 1)",linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)","in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},translate:({theme:e})=>({...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),width:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screen:"100vw",min:"min-content",max:"max-content",fit:"fit-content"}),willChange:{auto:"auto",scroll:"scroll-position",contents:"contents",transform:"transform"},zIndex:{auto:"auto",0:"0",10:"10",20:"20",30:"30",40:"40",50:"50"}},plugins:[]};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:()=>s});const n=p,r=o(x);function o(i){return i&&i.__esModule?i:{default:i}}const s=(0,n.cloneDeep)(r.default.theme)})(d);let f=d;var l=(f.__esModule?f:{default:f}).default;const c={sans:["Archivo",...l.fontFamily.sans],serif:["IBM Plex Serif",...l.fontFamily.serif]},m={primary:"#111827",secondary:"#4b5563",tertiary:"#9ca3af",warning:"#724611",danger:"#8b102f",success:"#0a5d2f",info:"#194e8f",system:"#0d5154",brand:"#004e48",button:{primary:{DEFAULT:"#ffffff",disabled:"#6b7280"},secondary:{DEFAULT:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#6b7280",focused:"#30715e"},tertiary:{DEFAULT:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#6b7280",focused:"#30715e"}}},b={"on-primary":"#e5e7eb","on-secondary":"#d1d5db","on-tertiary":"#9ca3af",system:"#0d505466",info:"#194e8f66",success:"#0a5d2f66",warning:"#72461166",danger:"#8b102f66",brand:"#004e48",focused:"#111827",button:{primary:{DEFAULT:"#30715e",hover:"#30715e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#223f37"},secondary:{DEFAULT:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#223f37"}}},g={page:{primary:"#F9FAFB",secondary:"#FFFFFF"},primary:{DEFAULT:"#FFFFFF"},secondary:{DEFAULT:"#ECF1F1"},tertiary:{DEFAULT:"#E6EDED",hover:"#E1E8E9",active:"#DCE4E4"},danger:{DEFAULT:"#fff1f1",hover:"#ffe3e3",pressed:"#FFD8D6"},success:{DEFAULT:"#eefff4",hover:"#d7ffe7",pressed:"#CCFFE0"},warning:{DEFAULT:"#fefde8",hover:"#fffdc2",pressed:"#FFFC99"},info:{DEFAULT:"#eef9ff",hover:"#d9f1ff",pressed:"#CCECFF"},system:{DEFAULT:"#effefd",hover:"#c7fffa",pressed:"#BDFFF9"},button:{primary:{DEFAULT:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#30715e"},secondary:{DEFAULT:"#ffffff",hover:"#f3faf7",pressed:"#f3faf7",disabled:"#f9fafb",focused:"#f3faf7"},tertiary:{DEFAULT:"#ffffff",hover:"#f3faf7",pressed:"#f3faf7",disabled:"#ffffff",focused:"#ffffff"}}},u={"on-primary":"#e5e7eb","on-secondary":"#d1d5db","on-tertiary":"#9ca3af",system:"#0d505466",info:"#194e8f66",success:"#0a5d2f66",warning:"#72461166",danger:"#8b102f66",brand:"#004e48",focused:"#111827",button:{primary:{DEFAULT:"#30715e",hover:"#30715e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#223f37"},secondary:{DEFAULT:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#223f37"}}},h={theme:{extend:{fontFamily:c,colors:a,textColor:m,borderColor:b,backgroundColor:g,outlineColor:u}}}.theme;t.backgroundColor=g,t.bccForbundetTheme=h,t.borderColor=b,t.colors=a,t.fontFamily=c,t.outlineColor=u,t.textColor=m,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
@@ -0,0 +1,7 @@
1
+ export { default as bccForbundetTheme } from "./tailwind/bccForbundetTheme";
2
+ export { fontFamily } from "./tailwind/fontFamily";
3
+ export { colors } from "./tailwind/colors";
4
+ export { backgroundColor } from "./tailwind/backgroundColor";
5
+ export { borderColor } from "./tailwind/borderColor";
6
+ export { outlineColor } from "./tailwind/outlineColor";
7
+ export { textColor } from "./tailwind/textColor";
@@ -0,0 +1,65 @@
1
+ export declare const backgroundColor: {
2
+ page: {
3
+ primary: string;
4
+ secondary: string;
5
+ };
6
+ primary: {
7
+ DEFAULT: string;
8
+ };
9
+ secondary: {
10
+ DEFAULT: string;
11
+ };
12
+ tertiary: {
13
+ DEFAULT: string;
14
+ hover: string;
15
+ active: string;
16
+ };
17
+ danger: {
18
+ DEFAULT: string;
19
+ hover: string;
20
+ pressed: string;
21
+ };
22
+ success: {
23
+ DEFAULT: string;
24
+ hover: string;
25
+ pressed: string;
26
+ };
27
+ warning: {
28
+ DEFAULT: string;
29
+ hover: string;
30
+ pressed: string;
31
+ };
32
+ info: {
33
+ DEFAULT: string;
34
+ hover: string;
35
+ pressed: string;
36
+ };
37
+ system: {
38
+ DEFAULT: string;
39
+ hover: string;
40
+ pressed: string;
41
+ };
42
+ button: {
43
+ primary: {
44
+ DEFAULT: string;
45
+ hover: string;
46
+ pressed: string;
47
+ disabled: string;
48
+ focused: string;
49
+ };
50
+ secondary: {
51
+ DEFAULT: string;
52
+ hover: string;
53
+ pressed: string;
54
+ disabled: string;
55
+ focused: string;
56
+ };
57
+ tertiary: {
58
+ DEFAULT: string;
59
+ hover: string;
60
+ pressed: string;
61
+ disabled: string;
62
+ focused: string;
63
+ };
64
+ };
65
+ };
@@ -0,0 +1,4 @@
1
+ declare const _default: Partial<import("tailwindcss/types/config").ThemeConfig & {
2
+ extend: Partial<import("tailwindcss/types/config").ThemeConfig>;
3
+ }> | undefined;
4
+ export default _default;
@@ -0,0 +1,28 @@
1
+ export declare const borderColor: {
2
+ "on-primary": string;
3
+ "on-secondary": string;
4
+ "on-tertiary": string;
5
+ system: string;
6
+ info: string;
7
+ success: string;
8
+ warning: string;
9
+ danger: string;
10
+ brand: string;
11
+ focused: string;
12
+ button: {
13
+ primary: {
14
+ DEFAULT: string;
15
+ hover: string;
16
+ pressed: string;
17
+ disabled: string;
18
+ focused: string;
19
+ };
20
+ secondary: {
21
+ DEFAULT: string;
22
+ hover: string;
23
+ pressed: string;
24
+ disabled: string;
25
+ focused: string;
26
+ };
27
+ };
28
+ };
@@ -0,0 +1,265 @@
1
+ export declare const colors: {
2
+ neutral: {
3
+ "0": string;
4
+ "50": string;
5
+ "100": string;
6
+ "200": string;
7
+ "300": string;
8
+ "400": string;
9
+ "500": string;
10
+ "600": string;
11
+ "700": string;
12
+ "800": string;
13
+ "900": string;
14
+ };
15
+ "bcc-brand": {
16
+ "50": string;
17
+ "100": string;
18
+ "200": string;
19
+ "300": string;
20
+ "400": string;
21
+ "500": string;
22
+ "600": string;
23
+ "700": string;
24
+ "800": string;
25
+ "900": string;
26
+ };
27
+ green: {
28
+ "50": string;
29
+ "100": string;
30
+ "200": string;
31
+ "300": string;
32
+ "400": string;
33
+ "500": string;
34
+ "600": string;
35
+ "700": string;
36
+ "800": string;
37
+ "900": string;
38
+ };
39
+ lime: {
40
+ "50": string;
41
+ "100": string;
42
+ "200": string;
43
+ "300": string;
44
+ "400": string;
45
+ "500": string;
46
+ "600": string;
47
+ "700": string;
48
+ "800": string;
49
+ "900": string;
50
+ };
51
+ teal: {
52
+ "50": string;
53
+ "100": string;
54
+ "200": string;
55
+ "300": string;
56
+ "400": string;
57
+ "500": string;
58
+ "600": string;
59
+ "700": string;
60
+ "800": string;
61
+ "900": string;
62
+ };
63
+ blue: {
64
+ "50": string;
65
+ "100": string;
66
+ "200": string;
67
+ "300": string;
68
+ "400": string;
69
+ "500": string;
70
+ "600": string;
71
+ "700": string;
72
+ "800": string;
73
+ "900": string;
74
+ };
75
+ purple: {
76
+ "50": string;
77
+ "100": string;
78
+ "200": string;
79
+ "300": string;
80
+ "400": string;
81
+ "500": string;
82
+ "600": string;
83
+ "700": string;
84
+ "800": string;
85
+ "900": string;
86
+ };
87
+ pink: {
88
+ "50": string;
89
+ "100": string;
90
+ "200": string;
91
+ "300": string;
92
+ "400": string;
93
+ "500": string;
94
+ "600": string;
95
+ "700": string;
96
+ "800": string;
97
+ "900": string;
98
+ };
99
+ red: {
100
+ "50": string;
101
+ "100": string;
102
+ "200": string;
103
+ "300": string;
104
+ "400": string;
105
+ "500": string;
106
+ "600": string;
107
+ "700": string;
108
+ "800": string;
109
+ "900": string;
110
+ };
111
+ orange: {
112
+ "50": string;
113
+ "100": string;
114
+ "200": string;
115
+ "300": string;
116
+ "400": string;
117
+ "500": string;
118
+ "600": string;
119
+ "700": string;
120
+ "800": string;
121
+ "900": string;
122
+ };
123
+ yellow: {
124
+ "50": string;
125
+ "100": string;
126
+ "200": string;
127
+ "300": string;
128
+ "400": string;
129
+ "500": string;
130
+ "600": string;
131
+ "700": string;
132
+ "800": string;
133
+ "900": string;
134
+ };
135
+ "silver-tree": {
136
+ "50": string;
137
+ "100": string;
138
+ "200": string;
139
+ "300": string;
140
+ "400": string;
141
+ "500": string;
142
+ "600": string;
143
+ "700": string;
144
+ "800": string;
145
+ "900": string;
146
+ };
147
+ gimblet: {
148
+ "50": string;
149
+ "100": string;
150
+ "200": string;
151
+ "300": string;
152
+ "400": string;
153
+ "500": string;
154
+ "600": string;
155
+ "700": string;
156
+ "800": string;
157
+ "900": string;
158
+ };
159
+ mongoose: {
160
+ "50": string;
161
+ "100": string;
162
+ "200": string;
163
+ "300": string;
164
+ "400": string;
165
+ "500": string;
166
+ "600": string;
167
+ "700": string;
168
+ "800": string;
169
+ "900": string;
170
+ };
171
+ "muddy-waters": {
172
+ "50": string;
173
+ "100": string;
174
+ "200": string;
175
+ "300": string;
176
+ "400": string;
177
+ "500": string;
178
+ "600": string;
179
+ "700": string;
180
+ "800": string;
181
+ "900": string;
182
+ };
183
+ viola: {
184
+ "50": string;
185
+ "100": string;
186
+ "200": string;
187
+ "300": string;
188
+ "400": string;
189
+ "500": string;
190
+ "600": string;
191
+ "700": string;
192
+ "800": string;
193
+ "900": string;
194
+ };
195
+ "light-wisteria": {
196
+ "50": string;
197
+ "100": string;
198
+ "200": string;
199
+ "300": string;
200
+ "400": string;
201
+ "500": string;
202
+ "600": string;
203
+ "700": string;
204
+ "800": string;
205
+ "900": string;
206
+ };
207
+ "cold-purple": {
208
+ "50": string;
209
+ "100": string;
210
+ "200": string;
211
+ "300": string;
212
+ "400": string;
213
+ "500": string;
214
+ "600": string;
215
+ "700": string;
216
+ "800": string;
217
+ "900": string;
218
+ };
219
+ "polo-blue": {
220
+ "50": string;
221
+ "100": string;
222
+ "200": string;
223
+ "300": string;
224
+ "400": string;
225
+ "500": string;
226
+ "600": string;
227
+ "700": string;
228
+ "800": string;
229
+ "900": string;
230
+ };
231
+ neptune: {
232
+ "50": string;
233
+ "100": string;
234
+ "200": string;
235
+ "300": string;
236
+ "400": string;
237
+ "500": string;
238
+ "600": string;
239
+ "700": string;
240
+ "800": string;
241
+ "900": string;
242
+ };
243
+ mantis: {
244
+ "50": string;
245
+ "100": string;
246
+ "200": string;
247
+ "300": string;
248
+ "400": string;
249
+ "500": string;
250
+ "600": string;
251
+ "700": string;
252
+ "800": string;
253
+ "900": string;
254
+ };
255
+ isbre: {
256
+ "50": string;
257
+ "100": string;
258
+ "200": string;
259
+ "300": string;
260
+ "400": string;
261
+ "500": string;
262
+ "600": string;
263
+ "700": string;
264
+ };
265
+ };
@@ -0,0 +1,4 @@
1
+ export declare const fontFamily: {
2
+ sans: string[];
3
+ serif: string[];
4
+ };
@@ -0,0 +1,28 @@
1
+ export declare const outlineColor: {
2
+ "on-primary": string;
3
+ "on-secondary": string;
4
+ "on-tertiary": string;
5
+ system: string;
6
+ info: string;
7
+ success: string;
8
+ warning: string;
9
+ danger: string;
10
+ brand: string;
11
+ focused: string;
12
+ button: {
13
+ primary: {
14
+ DEFAULT: string;
15
+ hover: string;
16
+ pressed: string;
17
+ disabled: string;
18
+ focused: string;
19
+ };
20
+ secondary: {
21
+ DEFAULT: string;
22
+ hover: string;
23
+ pressed: string;
24
+ disabled: string;
25
+ focused: string;
26
+ };
27
+ };
28
+ };
@@ -0,0 +1,31 @@
1
+ export declare const textColor: {
2
+ primary: string;
3
+ secondary: string;
4
+ tertiary: string;
5
+ warning: string;
6
+ danger: string;
7
+ success: string;
8
+ info: string;
9
+ system: string;
10
+ brand: string;
11
+ button: {
12
+ primary: {
13
+ DEFAULT: string;
14
+ disabled: string;
15
+ };
16
+ secondary: {
17
+ DEFAULT: string;
18
+ hover: string;
19
+ pressed: string;
20
+ disabled: string;
21
+ focused: string;
22
+ };
23
+ tertiary: {
24
+ DEFAULT: string;
25
+ hover: string;
26
+ pressed: string;
27
+ disabled: string;
28
+ focused: string;
29
+ };
30
+ };
31
+ };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@bcc-code/design-tokens",
3
3
  "repository": "https://github.com/bcc-code/bcc-design-tokens.git",
4
4
  "homepage": "https://developer.bcc.no/bcc-design/tokens",
5
- "version": "0.4.0",
5
+ "version": "0.4.1",
6
6
  "type": "module",
7
7
  "license": "Apache-2.0",
8
8
  "files": [
@@ -18,9 +18,10 @@
18
18
  },
19
19
  "scripts": {
20
20
  "dev": "vite",
21
- "build": "npm run build:tokens && npm run build:tailwind",
21
+ "build": "npm run build:tokens && npm run build:tailwind && npm run build:package",
22
22
  "build:tokens": "token-transformer src/input/figma.json temp/figma-transformed.json",
23
23
  "build:tailwind": "node ./src/scripts/convertToTailwind.cjs",
24
+ "build:package": "tsc --declaration --emitDeclarationOnly -p tsconfig.compile.json && vite build",
24
25
  "preview": "vite preview"
25
26
  },
26
27
  "peerDependencies": {