New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@beisen-phoenix/mobile-style-token

Package Overview
Dependencies
Maintainers
1
Versions
40
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@beisen-phoenix/mobile-style-token - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

28

lib/index.js

@@ -29,18 +29,18 @@ export var skinBgS1 = 'skin-bg-s1';

export var $S1 = 'rgb(19,129,240);';
export var $S2 = 'rgb(50,150,250);';
export var $S3 = 'rgb(102,179,255);';
export var $S4 = 'rgb(189,222,255);';
export var $S1 = 'rgb(19,129,240)';
export var $S2 = 'rgb(50,150,250)';
export var $S3 = 'rgb(102,179,255)';
export var $S4 = 'rgb(189,222,255)';
/*字体颜色 */
export var $M1 = 'rgb(37,44,51);';
export var $M2 = 'rgb(99,108,117);';
export var $M3 = 'rgb(130,139,148);';
export var $M4 = 'rgb(153,163,173);';
export var $M5 = 'rgb(192,201,209);';
export var $M6 = 'rgb(225,230,235);';
export var $M7 = 'rgb(40,41,41);';
export var $M8 = 'rgb(245,245,245);';
export var $M9 = 'rgb(255,255,255);';
export var $M10 = 'rgb(0,0,0);';
export var $M1 = 'rgb(37,44,51)';
export var $M2 = 'rgb(99,108,117)';
export var $M3 = 'rgb(130,139,148)';
export var $M4 = 'rgb(153,163,173)';
export var $M5 = 'rgb(192,201,209)';
export var $M6 = 'rgb(225,230,235)';
export var $M7 = 'rgb(40,41,41)';
export var $M8 = 'rgb(245,245,245)';
export var $M9 = 'rgb(255,255,255)';
export var $M10 = 'rgb(0,0,0)';
/* 间距 设计单位pt*/

@@ -47,0 +47,0 @@

{
"name": "@beisen-phoenix/mobile-style-token",
"version": "0.0.2",
"version": "0.0.3",
"description": "平台移动端UI组件的原子设计",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

@@ -39,3 +39,3 @@ #### 组件说明

```
"ux-m-base-style": "0.0.1",
"@beisen-phoenix/mobile-style-token": "0.0.2"
```

@@ -46,3 +46,3 @@

```
import * as skin from 'ux-m-base-style';
import * as skin from '@beisen-phoenix/mobile-style-token';
export default class A extends Component {

@@ -67,4 +67,4 @@ render() {

```
import 'ux-m-base-style/css/reset.css';
import 'ux-m-base-style/css/example.css';
import '@beisen-phoenix/mobile-style-token/css/reset.css';
import '@beisen-phoenix/mobile-style-token/css/default.css';

@@ -74,2 +74,2 @@ ```

#### 结合 Styled-components 完成样式的定义
##### 参照[示例](http://gitlab.beisencorp.com/ux-share-platform/change-theme-example)
##### 参照[示例](http://gitlab.beisencorp.com/ux-share-platform/change-theme-example/tree/master)

@@ -28,17 +28,17 @@ export const skinBgS1 = 'skin-bg-s1';

/*背景色*/
export const $S1 = 'rgb(19,129,240);';
export const $S2 = 'rgb(50,150,250);';
export const $S3 = 'rgb(102,179,255);';
export const $S4 = 'rgb(189,222,255);';
export const $S1 = 'rgb(19,129,240)';
export const $S2 = 'rgb(50,150,250)';
export const $S3 = 'rgb(102,179,255)';
export const $S4 = 'rgb(189,222,255)';
/*字体颜色 */
export const $M1 = 'rgb(37,44,51);';
export const $M2 = 'rgb(99,108,117);';
export const $M3 = 'rgb(130,139,148);';
export const $M4 = 'rgb(153,163,173);';
export const $M5 = 'rgb(192,201,209);';
export const $M6 = 'rgb(225,230,235);';
export const $M7 = 'rgb(40,41,41);';
export const $M8 = 'rgb(245,245,245);';
export const $M9 = 'rgb(255,255,255);';
export const $M10 = 'rgb(0,0,0);';
export const $M1 = 'rgb(37,44,51)';
export const $M2 = 'rgb(99,108,117)';
export const $M3 = 'rgb(130,139,148)';
export const $M4 = 'rgb(153,163,173)';
export const $M5 = 'rgb(192,201,209)';
export const $M6 = 'rgb(225,230,235)';
export const $M7 = 'rgb(40,41,41)';
export const $M8 = 'rgb(245,245,245)';
export const $M9 = 'rgb(255,255,255)';
export const $M10 = 'rgb(0,0,0)';
/* 间距 设计单位pt*/

@@ -45,0 +45,0 @@ export const $Sp0 = '0px';

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