Socket
Socket
Sign inDemoInstall

@betty-blocks/option-helpers

Package Overview
Dependencies
Maintainers
25
Versions
28
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@betty-blocks/option-helpers - npm Package Compare versions

Comparing version 22.6.1 to 22.6.2

8

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log

## [22.6.2](https://gitlab.betty.services/code/js-mono/compare/v22.6.1...v22.6.2) (2019-09-12)
**Note:** Version bump only for package @betty-blocks/option-helpers
## [22.6.1](https://gitlab.betty.services/code/js-mono/compare/v22.6.0...v22.6.1) (2019-09-12)

@@ -8,0 +16,0 @@

205

dist/bundle.cjs.js

@@ -5,2 +5,135 @@ 'use strict';

const XS = 'XS';
const S = 'S';
const M = 'M';
const L = 'L';
const XL = 'XL';
const White = 'White';
const Light = 'Light';
const Medium = 'Medium';
const Dark = 'Dark';
const Black = 'Black';
const Primary = 'Primary';
const Secondary = 'Secondary';
const Tertiary = 'Tertiary';
const Success = 'Success';
const Info = 'Info';
const Warning = 'Warning';
const Danger = 'Danger';
const Accent1 = 'Accent1';
const Accent2 = 'Accent2';
const Accent3 = 'Accent3';
const Title1 = 'Title1';
const Title2 = 'Title2';
const Title3 = 'Title3';
const Title4 = 'Title4';
const Title5 = 'Title5';
const Title6 = 'Title6';
const Subtitle1 = 'subtitle1';
const Subtitle2 = 'subtitle2';
const Body1 = 'Body1';
const Body2 = 'Body2';
const Caption1 = 'Caption1';
const Caption2 = 'Caption2';
const Button = 'Button';
const Mobile = 'Mobile';
const Portrait = 'Portrait';
const Landscape = 'Landscape';
const Desktop = 'Desktop';
const sizes = [{
name: 'S',
value: S
}, {
name: 'M',
value: M
}, {
name: 'L',
value: L
}, {
name: 'XL',
value: XL
}];
const colors = [{
name: 'White',
value: White
}, {
name: 'Light',
value: Light
}, {
name: 'Medium',
value: Medium
}, {
name: 'Dark',
value: Dark
}, {
name: 'Black',
value: Black
}, {
name: 'Primary',
value: Primary
}, {
name: 'Secondary',
value: Secondary
}, {
name: 'Success',
value: Success
}, {
name: 'Info',
value: Info
}, {
name: 'Warning',
value: Warning
}, {
name: 'Danger',
value: Danger
}, {
name: 'Accent 1',
value: Accent1
}, {
name: 'Accent 2',
value: Accent2
}, {
name: 'Accent 3',
value: Accent3
}];
const fonts = [{
name: 'Title 1',
value: Title1
}, {
name: 'Title 2',
value: Title2
}, {
name: 'Title 3',
value: Title3
}, {
name: 'Title 4',
value: Title4
}, {
name: 'Title 5',
value: Title5
}, {
name: 'Title 6',
value: Title6
}, {
name: 'Body 1',
value: Body1
}, {
name: 'Body 2',
value: Body2
}];
const viewport = [{
name: 'Mobile',
value: Mobile
}, {
name: 'Portrait',
value: Portrait
}, {
name: 'Landscape',
value: Landscape
}, {
name: 'Desktop',
value: Desktop
}];
const isMagnitude = size => /^(XS|S|M|L|XL)$/gim.test(size);

@@ -55,8 +188,3 @@ const isStyle = color => /^(White|Light|Medium|Dark|Black|Primary|Secondary|Tertiary|Success|Info|Warning|Danger|Accent1|Accent2|Accent3)$/gim.test(color);

const Mobile = 'Mobile';
const Portrait = 'Portrait';
const Landscape = 'Landscape';
const Desktop = 'Desktop';
const fallbackSize = '1rem';
const sizes = {
const sizes$1 = {
XS: 'xSmall',

@@ -85,3 +213,3 @@ S: 'small',

};
const fonts = {
const fonts$1 = {
Title1: 'title1',

@@ -146,10 +274,11 @@ Title2: 'title2',

icons: rename(swap(icons), i),
spacing: map(x => rename(swap(deviceSpacing), x), rename(swap(sizes), s)),
typography: map(x => rename(swap(deviceSize), x), rename(swap(fonts), t)),
spacing: map(x => rename(swap(deviceSpacing), x), rename(swap(sizes$1), s)),
typography: map(x => rename(swap(deviceSize), x), rename(swap(fonts$1), t)),
borders: map((v, k) => ({
size: b[sizes[k]],
radius: r[sizes[k]]
}), sizes)
size: b[sizes$1[k]],
radius: r[sizes$1[k]]
}), sizes$1)
};
};
class Styling {

@@ -238,2 +367,43 @@ constructor(theme) {

exports.XS = XS;
exports.S = S;
exports.M = M;
exports.L = L;
exports.XL = XL;
exports.White = White;
exports.Light = Light;
exports.Medium = Medium;
exports.Dark = Dark;
exports.Black = Black;
exports.Primary = Primary;
exports.Secondary = Secondary;
exports.Tertiary = Tertiary;
exports.Success = Success;
exports.Info = Info;
exports.Warning = Warning;
exports.Danger = Danger;
exports.Accent1 = Accent1;
exports.Accent2 = Accent2;
exports.Accent3 = Accent3;
exports.Title1 = Title1;
exports.Title2 = Title2;
exports.Title3 = Title3;
exports.Title4 = Title4;
exports.Title5 = Title5;
exports.Title6 = Title6;
exports.Subtitle1 = Subtitle1;
exports.Subtitle2 = Subtitle2;
exports.Body1 = Body1;
exports.Body2 = Body2;
exports.Caption1 = Caption1;
exports.Caption2 = Caption2;
exports.Button = Button;
exports.Mobile = Mobile;
exports.Portrait = Portrait;
exports.Landscape = Landscape;
exports.Desktop = Desktop;
exports.sizes = sizes;
exports.colors = colors;
exports.fonts = fonts;
exports.viewport = viewport;
exports.isMagnitude = isMagnitude;

@@ -254,13 +424,2 @@ exports.isStyle = isStyle;

exports.convertViewport = convertViewport;
exports.Mobile = Mobile;
exports.Portrait = Portrait;
exports.Landscape = Landscape;
exports.Desktop = Desktop;
exports.fallbackSize = fallbackSize;
exports.sizes = sizes;
exports.styles = styles;
exports.fonts = fonts;
exports.icons = icons;
exports.deviceSize = deviceSize;
exports.deviceSpacing = deviceSpacing;
exports.map = map;

@@ -267,0 +426,0 @@ exports.swap = swap;

155

dist/bundle.esm.js

@@ -0,1 +1,134 @@

const XS = 'XS';
const S = 'S';
const M = 'M';
const L = 'L';
const XL = 'XL';
const White = 'White';
const Light = 'Light';
const Medium = 'Medium';
const Dark = 'Dark';
const Black = 'Black';
const Primary = 'Primary';
const Secondary = 'Secondary';
const Tertiary = 'Tertiary';
const Success = 'Success';
const Info = 'Info';
const Warning = 'Warning';
const Danger = 'Danger';
const Accent1 = 'Accent1';
const Accent2 = 'Accent2';
const Accent3 = 'Accent3';
const Title1 = 'Title1';
const Title2 = 'Title2';
const Title3 = 'Title3';
const Title4 = 'Title4';
const Title5 = 'Title5';
const Title6 = 'Title6';
const Subtitle1 = 'subtitle1';
const Subtitle2 = 'subtitle2';
const Body1 = 'Body1';
const Body2 = 'Body2';
const Caption1 = 'Caption1';
const Caption2 = 'Caption2';
const Button = 'Button';
const Mobile = 'Mobile';
const Portrait = 'Portrait';
const Landscape = 'Landscape';
const Desktop = 'Desktop';
const sizes = [{
name: 'S',
value: S
}, {
name: 'M',
value: M
}, {
name: 'L',
value: L
}, {
name: 'XL',
value: XL
}];
const colors = [{
name: 'White',
value: White
}, {
name: 'Light',
value: Light
}, {
name: 'Medium',
value: Medium
}, {
name: 'Dark',
value: Dark
}, {
name: 'Black',
value: Black
}, {
name: 'Primary',
value: Primary
}, {
name: 'Secondary',
value: Secondary
}, {
name: 'Success',
value: Success
}, {
name: 'Info',
value: Info
}, {
name: 'Warning',
value: Warning
}, {
name: 'Danger',
value: Danger
}, {
name: 'Accent 1',
value: Accent1
}, {
name: 'Accent 2',
value: Accent2
}, {
name: 'Accent 3',
value: Accent3
}];
const fonts = [{
name: 'Title 1',
value: Title1
}, {
name: 'Title 2',
value: Title2
}, {
name: 'Title 3',
value: Title3
}, {
name: 'Title 4',
value: Title4
}, {
name: 'Title 5',
value: Title5
}, {
name: 'Title 6',
value: Title6
}, {
name: 'Body 1',
value: Body1
}, {
name: 'Body 2',
value: Body2
}];
const viewport = [{
name: 'Mobile',
value: Mobile
}, {
name: 'Portrait',
value: Portrait
}, {
name: 'Landscape',
value: Landscape
}, {
name: 'Desktop',
value: Desktop
}];
const isMagnitude = size => /^(XS|S|M|L|XL)$/gim.test(size);

@@ -50,8 +183,3 @@ const isStyle = color => /^(White|Light|Medium|Dark|Black|Primary|Secondary|Tertiary|Success|Info|Warning|Danger|Accent1|Accent2|Accent3)$/gim.test(color);

const Mobile = 'Mobile';
const Portrait = 'Portrait';
const Landscape = 'Landscape';
const Desktop = 'Desktop';
const fallbackSize = '1rem';
const sizes = {
const sizes$1 = {
XS: 'xSmall',

@@ -80,3 +208,3 @@ S: 'small',

};
const fonts = {
const fonts$1 = {
Title1: 'title1',

@@ -141,10 +269,11 @@ Title2: 'title2',

icons: rename(swap(icons), i),
spacing: map(x => rename(swap(deviceSpacing), x), rename(swap(sizes), s)),
typography: map(x => rename(swap(deviceSize), x), rename(swap(fonts), t)),
spacing: map(x => rename(swap(deviceSpacing), x), rename(swap(sizes$1), s)),
typography: map(x => rename(swap(deviceSize), x), rename(swap(fonts$1), t)),
borders: map((v, k) => ({
size: b[sizes[k]],
radius: r[sizes[k]]
}), sizes)
size: b[sizes$1[k]],
radius: r[sizes$1[k]]
}), sizes$1)
};
};
class Styling {

@@ -233,2 +362,2 @@ constructor(theme) {

export { isMagnitude, isStyle, isFont, isViewport, isUnit, isHex, isRGB, isRGBA, isHSL, isHSLA, isColor, convertSize, convertColor, convertFont, convertViewport, Mobile, Portrait, Landscape, Desktop, fallbackSize, sizes, styles, fonts, icons, deviceSize, deviceSpacing, map, swap, rename, convertTheme, Styling };
export { XS, S, M, L, XL, White, Light, Medium, Dark, Black, Primary, Secondary, Tertiary, Success, Info, Warning, Danger, Accent1, Accent2, Accent3, Title1, Title2, Title3, Title4, Title5, Title6, Subtitle1, Subtitle2, Body1, Body2, Caption1, Caption2, Button, Mobile, Portrait, Landscape, Desktop, sizes, colors, fonts, viewport, isMagnitude, isStyle, isFont, isViewport, isUnit, isHex, isRGB, isRGBA, isHSL, isHSLA, isColor, convertSize, convertColor, convertFont, convertViewport, map, swap, rename, convertTheme, Styling };

4

package.json
{
"name": "@betty-blocks/option-helpers",
"version": "22.6.1",
"version": "22.6.2",
"main": "dist/bundle.cjs.js",

@@ -42,3 +42,3 @@ "module": "dist/bundle.esm.js",

},
"gitHead": "bcb403892e162f1b5c8c3e9031affffa3089b608"
"gitHead": "2b67d086edb829513106c77982ce17cb7a55e4c8"
}
SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc