@legion-ui-kit/react-core
Version:
<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>
1 lines • 6.83 kB
Source Map (JSON)
{"version":3,"sources":["styles.scss"],"names":[],"mappings":"AAAA,qCAYE,QAAS,CACT,SACF,CAEA,EAEE,qBAAsB,CADtB,8CAEF,CAEA,MAKE,+BAAgC,CAChC,uCAA4C,CAC5C,yEAAmF,CACnF,wEAAoF,CACpF,yEAAoF,CACpF,wEAAoF,CACpF,qBAAsB,CACtB,uBAAwB,CACxB,sBAAuB,CACvB,qBAAsB,CACtB,oBAAqB,CACrB,uBAAwB,CAKxB,sCAAuC,CACvC,sCAAuC,CACvC,sCAAuC,CACvC,sCAAuC,CACvC,sCAAuC,CACvC,sCAAuC,CACvC,8CAA+C,CAC/C,8CAA+C,CAC/C,iDAAkD,CAClD,iDAAkD,CAClD,qCAAsC,CACtC,qCAAsC,CACtC,qCAAsC,CACtC,qCAAsC,CACtC,qCAAsC,CACtC,qCAAsC,CACtC,6CAA8C,CAC9C,6CAA8C,CAC9C,gDAAiD,CACjD,gDAAiD,CACjD,wCAAyC,CACzC,wCAAyC,CACzC,wCAAyC,CACzC,wCAAyC,CACzC,wCAAyC,CACzC,wCAAyC,CACzC,gDAAiD,CACjD,gDAAiD,CACjD,mDAAoD,CACpD,mDAAoD,CACpD,uCAAwC,CACxC,uCAAwC,CACxC,uCAAwC,CACxC,uCAAwC,CACxC,uCAAwC,CACxC,uCAAwC,CACxC,+CAAgD,CAChD,+CAAgD,CAChD,kDAAmD,CACnD,kDAAmD,CAKnD,mBAAoB,CACpB,qBAAsB,CACtB,qBAAsB,CACtB,qBAAsB,CACtB,qBAAsB,CACtB,uBAAwB,CACxB,uBAAwB,CACxB,uBAAwB,CACxB,uBAAwB,CACxB,uBAAwB,CACxB,uBAAwB,CACxB,yBAA0B,CAK1B,cAAe,CACf,cAAe,CACf,cAAe,CACf,cAAe,CACf,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,kBAAmB,CACnB,kBAAmB,CACnB,kBAAmB,CACnB,kBAAmB,CACnB,kBAAmB,CACnB,kBAAmB,CACnB,kBAAmB,CACnB,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAChB,eAAgB,CAChB,eAAgB,CAChB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,mBAAoB,CACpB,mBAAoB,CACpB,mBAAoB,CACpB,mBAAoB,CACpB,mBAAoB,CACpB,mBAAoB,CACpB,mBAAoB,CACpB,mBACF","file":"styles.css","sourcesContent":["h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nspan,\na,\ni,\nb,\ninput {\n margin: 0;\n padding: 0;\n}\n\n* {\n font-family: var(--typography-font-family-body);\n box-sizing: border-box;\n}\n\n:root {\n /*\n These elevation styles are taken from Card Figma design\n https://www.figma.com/design/gPUvQ8p3yywqnTcv0tX9wW/Website---UI-Kit-V3-Variable-Legion-Design-System?node-id=13835-34797&p=f&t=Nf4Z8mE7hhHC1g7d-0\n */\n --elevation-0: 0 0 0 2px #EBF0FF;\n --elevation-1: 0 1px 0 0 rgba(0, 0, 0, 0.05);\n --elevation-2: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n --elevation-3: 0 2px 10px 0 rgba(0, 0, 0, 0.10), 0px 0px 2px 0px rgba(0, 0, 0, 0.20);\n --elevation-4: 0 4px 20px 0 rgba(0, 0, 0, 0.15), 0px 0px 3px 0px rgba(0, 0, 0, 0.10);\n --elevation-5: 0 8px 40px 0 rgba(0, 0, 0, 0.20), 0px 0px 4px 0px rgba(0, 0, 0, 0.10);\n --z-index-select: 1000;\n --z-index-dropdown: 1000;\n --z-index-tooltip: 1000;\n --z-index-navbar: 1010;\n --z-index-modal: 1020;\n --z-index-snackbar: 1030;\n /*\n These Typography styles are taken from Figma design\n https://www.figma.com/design/7VSWW1OskGZUFZvSXyYwgg/Multiplatform---Base-Variable-Foundation-UI-Kit-v3-Component?node-id=14830-4381&p=f&t=yPcj7bn5sG9JII2p-0\n */\n --typography-font-size-h1-desktop: 60px;\n --typography-font-size-h2-desktop: 48px;\n --typography-font-size-h3-desktop: 36px;\n --typography-font-size-h4-desktop: 30px;\n --typography-font-size-h5-desktop: 24px;\n --typography-font-size-h6-desktop: 20px;\n --typography-font-size-body-large-desktop: 18px;\n --typography-font-size-body-small-desktop: 16px;\n --typography-font-size-caption-large-desktop: 14px;\n --typography-font-size-caption-small-desktop: 12px;\n --typography-font-size-h1-mobile: 34px;\n --typography-font-size-h2-mobile: 28px;\n --typography-font-size-h3-mobile: 24px;\n --typography-font-size-h4-mobile: 22px;\n --typography-font-size-h5-mobile: 20px;\n --typography-font-size-h6-mobile: 18px;\n --typography-font-size-body-large-mobile: 16px;\n --typography-font-size-body-small-mobile: 14px;\n --typography-font-size-caption-large-mobile: 12px;\n --typography-font-size-caption-small-mobile: 10px;\n --typography-line-height-h1-desktop: 72px;\n --typography-line-height-h2-desktop: 56px;\n --typography-line-height-h3-desktop: 44px;\n --typography-line-height-h4-desktop: 40px;\n --typography-line-height-h5-desktop: 36px;\n --typography-line-height-h6-desktop: 28px;\n --typography-line-height-body-large-desktop: 28px;\n --typography-line-height-body-small-desktop: 24px;\n --typography-line-height-caption-large-desktop: 20px;\n --typography-line-height-caption-small-desktop: 18px;\n --typography-line-height-h1-mobile: 48px;\n --typography-line-height-h2-mobile: 42px;\n --typography-line-height-h3-mobile: 36px;\n --typography-line-height-h4-mobile: 32px;\n --typography-line-height-h5-mobile: 28px;\n --typography-line-height-h6-mobile: 26px;\n --typography-line-height-body-large-mobile: 24px;\n --typography-line-height-body-small-mobile: 20px;\n --typography-line-height-caption-large-mobile: 18px;\n --typography-line-height-caption-small-mobile: 18px;\n /*\n These Border Radius styles are taken from Figma design\n https://www.figma.com/design/7VSWW1OskGZUFZvSXyYwgg/Multiplatform---Base-Variable-Foundation-UI-Kit-v3-Component?node-id=14830-4381&p=f&t=yPcj7bn5sG9JII2p-0\n */\n --border-radius-0: 0;\n --border-radius-2: 2px;\n --border-radius-4: 4px;\n --border-radius-6: 6px;\n --border-radius-8: 8px;\n --border-radius-10: 10px;\n --border-radius-12: 12px;\n --border-radius-14: 14px;\n --border-radius-16: 16px;\n --border-radius-24: 24px;\n --border-radius-32: 32px;\n --border-radius-900: 900px;\n /*\n These Sizing and Spacing styles are taken from Figma design\n https://www.figma.com/design/7VSWW1OskGZUFZvSXyYwgg/Multiplatform---Base-Variable-Foundation-UI-Kit-v3-Component?node-id=14830-4381&p=f&t=yPcj7bn5sG9JII2p-0\n */\n --sizing-0: 0px;\n --sizing-2: 2px;\n --sizing-4: 4px;\n --sizing-8: 8px;\n --sizing-12: 12px;\n --sizing-16: 16px;\n --sizing-20: 20px;\n --sizing-24: 24px;\n --sizing-28: 28px;\n --sizing-32: 32px;\n --sizing-36: 36px;\n --sizing-40: 40px;\n --sizing-44: 44px;\n --sizing-48: 48px;\n --sizing-52: 52px;\n --sizing-56: 56px;\n --sizing-60: 60px;\n --sizing-64: 64px;\n --sizing-144: 144px;\n --sizing-160: 160px;\n --sizing-176: 176px;\n --sizing-192: 192px;\n --sizing-208: 208px;\n --sizing-224: 224px;\n --sizing-240: 240px;\n --sizing-256: 256px;\n --spacing-0: 0px;\n --spacing-2: 2px;\n --spacing-4: 4px;\n --spacing-8: 8px;\n --spacing-12: 12px;\n --spacing-16: 16px;\n --spacing-20: 20px;\n --spacing-24: 24px;\n --spacing-28: 28px;\n --spacing-32: 32px;\n --spacing-36: 36px;\n --spacing-40: 40px;\n --spacing-44: 44px;\n --spacing-48: 48px;\n --spacing-52: 52px;\n --spacing-56: 56px;\n --spacing-60: 60px;\n --spacing-64: 64px;\n --spacing-144: 144px;\n --spacing-160: 160px;\n --spacing-176: 176px;\n --spacing-192: 192px;\n --spacing-208: 208px;\n --spacing-224: 224px;\n --spacing-240: 240px;\n --spacing-256: 256px;\n}"]}