Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@loadsmart/miranda-wc

Package Overview
Dependencies
Maintainers
19
Versions
334
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@loadsmart/miranda-wc - npm Package Compare versions

Comparing version 1.38.1-alpha.1 to 1.39.0

dist/attention-6df31efc.js

23

dist/components/button/button.d.ts

@@ -20,25 +20,2 @@ import type { PropertyValues } from 'lit';

declare const Button_base: import("../../mixins/polymorphic-tag/polymorphic-tag.types").Constructor<import("../../mixins/polymorphic-tag/polymorphic-tag.types").PolymorphicTagInterface> & typeof FormControl;
/**
*
* Buttons drive the user to an action. Their labels should clearly communicate what action will occur when the user interacts with them.
*
* Use it like this:
* ```html
* <m-button>
* <span slot="leading">&clubs;</span>
* Click
* <span slot="trailing">&spades;</span>
* <m-button>
* ```
*
* @tag m-button
*
* @slot leading - Element to be rendered before the main content
* @slot trailing - Element to be rendered after the main content
*
* @cssproperty [--m-button-background-color=color-primary-60] - Controls the button's background-color
*
* @reference Documentation - https://miranda.loadsmart.com/?path=/docs/components-button--playground
*
*/
export declare class Button extends Button_base {

@@ -45,0 +22,0 @@ #private;

2

dist/index.js

@@ -1,2 +0,2 @@

export{BannerActionPrimary}from"./components/banner/banner-action-primary.js";export{BannerActionSecondary}from"./components/banner/banner-action-secondary.js";export{BannerActions}from"./components/banner/banner-actions.js";export{BannerDescription}from"./components/banner/banner-description.js";export{BannerIcon}from"./components/banner/banner-icon.js";export{BannerTitle}from"./components/banner/banner-title.js";export{Banner}from"./components/banner/banner.js";export{Button}from"./components/button/button.js";export{Card}from"./components/card/card.js";export{CardBody}from"./components/card/card-body.js";export{CardSubtitle}from"./components/card/card-subtitle.js";export{CardTitle}from"./components/card/card-title.js";export{Checkbox}from"./components/checkbox/checkbox.js";export{CloseButton}from"./components/close-button/close-button.js";export{Dialog}from"./components/dialog/dialog.js";export{DialogActionPrimary}from"./components/dialog/dialog-action-primary.js";export{DialogActionSecondary}from"./components/dialog/dialog-action-secondary.js";export{DialogActionTertiary}from"./components/dialog/dialog-action-tertiary.js";export{DialogActions}from"./components/dialog/dialog-actions.js";export{DialogBody}from"./components/dialog/dialog-body.js";export{DialogClose}from"./components/dialog/dialog-close.js";export{DialogFooter}from"./components/dialog/dialog-footer.js";export{DialogHeader}from"./components/dialog/dialog-header.js";export{Divider}from"./components/divider/divider.js";export{Field}from"./components/field/field.js";export{FieldHint}from"./components/field/field-hint.js";export{FieldLabel}from"./components/field/field-label.js";export{B as Box,d as defaultBoxProps}from"./box-ab4f9db9.js";export{G as Group,d as defaultGroupProps}from"./group-9bab542e.js";export{S as Stack,d as defaultStackProps}from"./stack-d30d89ee.js";export{G as Grid,d as defaultGridProps}from"./grid-adf2a00f.js";export{S as Sidebar,d as defaultSidebarProps}from"./sidebar-f9847408.js";export{S as Switcher,d as defaultSwitcherProps}from"./switcher-1a5acc6b.js";export{ProgressBar}from"./components/progress-bar/progress-bar.js";export{ProgressBarCountdown}from"./components/progress-bar-countdown/progress-bar-countdown.js";export{Radio}from"./components/radio-group/radio.js";export{RadioGroup}from"./components/radio-group/radio-group.js";export{Tabs}from"./components/tabs/tabs.js";export{Tab}from"./components/tabs/tab.js";export{TabPanel}from"./components/tabs/tab-panel.js";export{Tag}from"./components/tag/tag.js";export{Text}from"./components/text/text.js";export{TextField}from"./components/text-field/text-field.js";export{ToggleGroup}from"./components/toggle-group/toggle-group.js";export{Toggle}from"./components/toggle-group/toggle.js";export{Tooltip}from"./components/tooltip/tooltip.js";import{POPOVER_PLACEMENT_VALUES as o}from"./components/popover/popover.js";import"./lit-element-e27601d4.js";import"./index-f6fbbb6c.js";import"./get-token-0e2fefa7.js";import"./get-color-token-747d7930.js";import"./typography-9325aac2.js";import"./tslib.es6-a1123316.js";import"./class-map-08072625.js";import"./directive-ee0c609c.js";import"./component-5863f9a0.js";import"./components/icon/icon.js";import"./transition-05d2f752.js";import"./to-array-5c3637ca.js";import"./_commonjsHelpers-1fe14821.js";import"./components/icon/available-icons.js";import"./polymorphic-tag-8ac690fa.js";import"./if-defined-cafd9fa4.js";import"./components/form-control/form-control.js";import"./index-7c8f5ea5.js";import"./base-button.styles-824fd93f.js";import"./padding-98a3b04c.js";import"./margin-bfc1a689.js";import"./style-map-6714bc07.js";import"./card.styles-abd38f20.js";import"./to-rem-1d73defe.js";import"./context-provider-5ca9c3fe.js";import"./context-root-3bdf68ba.js";import"./context-request-event-57d48151.js";import"./dialog.context-c948a749.js";import"./create-context-b9182a87.js";import"./context-consumer-4fa4f752.js";import"./field.context-333901c5.js";import"./base-layout.styles-a06722dd.js";import"./radio-group.constants-05c64a58.js";import"./selection.controller-2d35f043.js";import"./tabs.context-a8e519f6.js";import"./tabs.constants-aca5e0b6.js";import"./toggle-group.constants-79414aee.js";const t=["small","medium","large","extra-large"],r=["neutral","success","warning","danger"],e=["center","flex-start","flex-end","stretch"],n=["center","flex-start","flex-end","space-between","space-around","space-evenly"],s=["default","danger"],p=o;export{e as ALIGN_ITEMS_VALUES,t as DIALOG_SIZES,r as DIALOG_VARIANTS,s as FIELD_STATUSES,n as JUSTIFY_CONTENT_VALUES,p as TOOLTIP_PLACEMENT_VALUES};
export{E as ALIGN_ITEMS_VALUES,g as Banner,B as BannerActionPrimary,a as BannerActionSecondary,c as BannerActions,d as BannerDescription,e as BannerIcon,f as BannerTitle,G as Box,h as Button,C as Card,i as CardBody,j as CardSubtitle,k as CardTitle,l as Checkbox,m as CloseButton,n as DIALOG_SIZES,o as DIALOG_VARIANTS,D as Dialog,p as DialogActionPrimary,q as DialogActionSecondary,r as DialogActionTertiary,s as DialogActions,t as DialogBody,u as DialogClose,v as DialogFooter,w as DialogHeader,x as Divider,A as FIELD_STATUSES,F as Field,y as FieldHint,z as FieldLabel,M as Grid,I as Group,J as JUSTIFY_CONTENT_VALUES,T as ProgressBar,U as ProgressBarCountdown,V as Radio,W as RadioGroup,O as Sidebar,S as Stack,Q as Switcher,a4 as TOOLTIP_PLACEMENT_VALUES,Y as Tab,Z as TabPanel,X as Tabs,_ as Tag,$ as Text,a0 as TextField,a2 as Toggle,a1 as ToggleGroup,a3 as Tooltip,H as defaultBoxProps,N as defaultGridProps,K as defaultGroupProps,P as defaultSidebarProps,L as defaultStackProps,R as defaultSwitcherProps}from"./index-e8e0a3cc.js";
//# sourceMappingURL=index.js.map
{
"name": "@loadsmart/miranda-wc",
"version": "1.38.1-alpha.1",
"version": "1.39.0",
"description": "Miranda Web Components component library",

@@ -10,6 +10,5 @@ "main": "dist/index.js",

],
"customElements": "dist/custom-elements.json",
"scripts": {
"build-docs": "node ./scripts/build-storybook.js -o ./docs --modern",
"build": "rollup --config rollup.config.ts --configPlugin typescript --environment BUILD:prod",
"build": "rollup --config rollup.config.ts --configPlugin typescript --environment NODE_ENV:production",
"deploy-storybook": "storybook-to-ghpages --existing-output-dir=docs --ci --host-token-env-variable=GITHUB_TOKEN",

@@ -21,5 +20,3 @@ "cypress": "cypress open --component --browser chrome",

"release": "semantic-release",
"test": "cypress run --component --browser chrome",
"cem": "custom-elements-manifest analyze --outdir dist",
"postbuild": "npm run cem"
"test": "cypress run --component --browser chrome"
},

@@ -34,8 +31,5 @@ "keywords": [

"devDependencies": {
"@custom-elements-manifest/analyzer": "^0.8.3",
"@cypress/mount-utils": "^4.0.0",
"@loadsmart/miranda-tests": "*",
"@rollup/plugin-replace": "^5.0.2",
"camelcase": "^7.0.1",
"cem-plugin-vs-code-custom-data-generator": "^1.4.1",
"cypress": "^12.5.1",

@@ -42,0 +36,0 @@ "ts-lit-plugin": "^1.2.1"

# Miranda WC
Miranda 4all is a web components library that serves as a standard for all Loadsmart products regarding the product's front-end technology. The goal is to offer our users a delightful, unified, and consistent experience.
## Why Miranda?
The name Miranda is inspired by a Brazilian singer, Sula Miranda, the queen of the truckers. Miranda also means "worthy of admiration," and that's what we want when we improve our UI quality; more admirable is our product.
[Hey designers](https://www.figma.com/file/cdzUk4QUXqSvUJMiHNeoJ4/%5BComp.%5D-Miranda-4all?node-id=5%3A310&t=PlJbbrq3FANqt1hC-1), we have an extra Figma documentation that can help you apply the components to your projects.
## Code Editor Integration
This project is using [cem-plugin-vs-code-custom-data-generator](https://github.com/break-stuff/cem-plugin-vs-code-custom-data-generator) to generate
a vscode.html-custom-data.json to be integrated with [Visual Studio Code](https://code.visualstudio.com/).
You can read more about this feature on [Custom Data Format: Evolving HTML and CSS language features](https://code.visualstudio.com/blogs/2020/02/24/custom-data-format).
To enable to enable this integration, you will need to copy and paste the following code into your _.vscode/settings.json_.
```jon
{
"html.customData": [
"./node_modules/@loadsmart/miranda-wc/dist/vscode.html-custom-data.json"
]
// We currently don't have a CSS custom data file
// "css.customData": [
// "./node_modules/my-component-library/vscode.css-custom-data.json"
// ]
}
```
TBD

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc