Build 533169stable
Module 987274
4,251 characters · in 8ca8e75ac844d6c8.jsDependencies
Source Raw
function(e,t,l){l.d(t,{I7:()=>m});var a=l(627968);l(64700);var n=l(397927),r=l(706276),i=l(808411),o=l(919470),s=l(624716),d=l(872725),c=l(985018);let u={name:"Expressive Progress",component:i.A,id:"expressive-progress",controls:{}},p={name:"Tab Tooltip",component:s.A,id:"tab-tooltip",controls:{}},m={title:"Nitro Components",stories:[{name:"AnimatedBorderCard",component:function(e){return(0,a.jsx)("div",{style:{maxWidth:400},children:(0,a.jsx)(d.A,{artboard:e.artboard,fit:e.fit,glowAmount:e.glowAmount,blurAmount:e.blurAmount,hueRotate:e.hueRotate,cardType:n.sl2.PRIMARY,glowing:!0,children:(0,a.jsxs)("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:8},children:[(0,a.jsx)(n.Heading,{variant:"heading-lg/semibold",children:"Card Title"}),(0,a.jsx)(n.Text,{variant:"text-sm/normal",color:"text-default",children:"This is sample card content using design system tokens."}),(0,a.jsx)(n.Text,{variant:"text-sm/normal",color:"text-muted",children:"This is more sample content."})]})},`${e.artboard}-${e.fit}`)})},id:"animated-border-card",controls:{artboard:{label:"Artboard",type:"select",defaultValue:"BaseGlowRemapped",options:[{label:"BaseGlow",value:"BaseGlow"},{label:"BaseGlowRemapped",value:"BaseGlowRemapped"},{label:"HoverLightmode",value:"HoverLightmode"},{label:"HoverDarkmode",value:"HoverDarkmode"},{label:"ButtonFillLightmode",value:"ButtonFillLightmode"},{label:"ButtonFillDarkmode",value:"ButtonFillDarkmode"}]},fit:{label:"Fit",type:"select",defaultValue:"layout",options:[{label:"Contain",value:"contain"},{label:"Cover",value:"cover"},{label:"Fill",value:"fill"},{label:"Fit Width",value:"fit-width"},{label:"Fit Height",value:"fit-height"},{label:"None",value:"none"},{label:"Scale Down",value:"scale-down"},{label:"Layout",value:"layout"}]},glowAmount:{label:"Glow Amount (px)",type:"slider",defaultValue:8,minValue:0,maxValue:50},blurAmount:{label:"Blur Amount (px)",type:"slider",defaultValue:30,minValue:0,maxValue:100},hueRotate:{label:"Hue Rotate (deg)",type:"slider",defaultValue:0,minValue:0,maxValue:360}}},{name:"Cancellation Flow",component:()=>(0,a.jsx)(r.o,{}),id:"cancellation-flow",controls:{}},u,{name:"Premium Tooltip",component:o.A,id:"premium-tooltip",controls:{title:{label:"Title",type:"text",defaultValue:c.intl.string(c.t.lG6a5x).toUpperCase()},body:{label:"Body",type:"text",defaultValue:"This is an example of a premium tooltip (poptip?) with customizable content."},showGraphic:{label:"Show Graphic",type:"boolean",defaultValue:!0},showActions:{label:"Show Actions",type:"boolean",defaultValue:!1},badgeId:{label:"Badge",type:"select",defaultValue:"gold",options:[{label:"Bronze (1 Month)",value:"bronze"},{label:"Silver (3 Month)",value:"silver"},{label:"Gold (6 Month)",value:"gold"},{label:"Platinum (12 Month)",value:"platinum"},{label:"Diamond (24 Month)",value:"diamond"},{label:"Emerald (36 Month)",value:"emerald"},{label:"Ruby (60 Month)",value:"ruby"},{label:"Opal (72 Month)",value:"opal"}]},gradientColor:{label:"Gradient Color",type:"select",defaultValue:"gold",options:[{label:"Nitro Pink",value:"nitro-pink"},{label:"Nitro Green",value:"nitro-green"},{label:"Green",value:"green"},{label:"Purple",value:"purple"},{label:"Bronze (1 Month)",value:"bronze"},{label:"Silver (3 Month)",value:"silver"},{label:"Gold (6 Month)",value:"gold"},{label:"Platinum (12 Month)",value:"platinum"},{label:"Diamond (24 Month)",value:"diamond"},{label:"Emerald (36 Month)",value:"emerald"},{label:"Ruby (60 Month)",value:"ruby"},{label:"Opal (72 Month)",value:"opal"}]},size:{label:"Size",type:"select",defaultValue:"lg",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"},{label:"Video",value:"video"}]},showProgress:{label:"Show Progress",type:"boolean",defaultValue:!0},progressCircleText:{label:"Progress Text",type:"text",defaultValue:"15"},progressCirclePercent:{label:"Progress Percent",type:"number",defaultValue:50},progressCircleUrgency:{label:"Progress Urgency",type:"select",defaultValue:"warning",options:[{label:"Warning",value:"warning"},{label:"Critical",value:"critical"}]},delay:{label:"Delay (ms)",type:"number",defaultValue:300},estimatedTooltipHeight:{label:"Estimated Tooltip Height (px)",type:"number",defaultValue:300}}},p]}}