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

@atb-as/theme

Package Overview
Dependencies
Maintainers
0
Versions
122
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atb-as/theme - npm Package Compare versions

Comparing version 10.4.1 to 11.0.0-alpha.1

lib/themes/atb-theme/dark.d.ts
lib/themes/atb-theme/dark.js
lib/themes/atb-theme/dark.js.map
lib/themes/atb-theme/light.d.ts
lib/themes/atb-theme/light.js
lib/themes/atb-theme/light.js.map

1

lib/index.d.ts

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

export * from './sizes';
export * from './theme';
export * from './typography';

17

lib/index.js

@@ -1,16 +0,3 @@

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
Object.defineProperty(exports, "__esModule", { value: true });
__exportStar(require("./sizes"), exports);
__exportStar(require("./theme"), exports);
__exportStar(require("./typography"), exports);
export * from './theme';
export * from './typography';
//# sourceMappingURL=index.js.map

10

lib/sizes.d.ts

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

export declare const spacings: {
export declare const Spacing: {
xLarge: number;

@@ -8,3 +8,3 @@ large: number;

};
export declare const iconSizes: {
export declare const IconSizes: {
large: number;

@@ -15,3 +15,3 @@ normal: number;

};
export declare const borderRadius: {
export declare const BorderRadius: {
readonly circle: 20;

@@ -21,6 +21,6 @@ readonly regular: 8;

};
export declare const borderWidth: {
export declare const BorderWidth: {
slim: number;
medium: number;
};
export declare type RadiusSizes = keyof typeof borderRadius;
export declare type RadiusSizes = keyof typeof BorderRadius;

11

lib/sizes.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.borderWidth = exports.borderRadius = exports.iconSizes = exports.spacings = void 0;
exports.spacings = {
export const Spacing = {
xLarge: 24,

@@ -11,3 +8,3 @@ large: 20,

};
exports.iconSizes = {
export const IconSizes = {
large: 28,

@@ -18,3 +15,3 @@ normal: 20,

};
exports.borderRadius = {
export const BorderRadius = {
circle: 20,

@@ -24,3 +21,3 @@ regular: 8,

};
exports.borderWidth = {
export const BorderWidth = {
slim: 1,

@@ -27,0 +24,0 @@ medium: 2,

1602

lib/theme.d.ts

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

import { borderRadius, borderWidth, iconSizes, spacings } from './sizes';
import { ConfigurationOverride } from './utils/override-config';

@@ -8,8 +7,12 @@ export declare type Themes = {

export declare type Mode = keyof Themes;
export declare type TextColor = 'primary' | 'secondary' | 'disabled';
export declare type TextColorType = 'dark' | 'light';
export declare type ContrastColor = {
background: string;
text: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
export declare type TextColor = keyof ContrastColor["foreground"];
export declare type TransportColor = {

@@ -32,6 +35,6 @@ primary: ContrastColor;

export declare enum GeofencingZoneCodes {
Allowed = "Allowed",
Slow = "Slow",
NoParking = "NoParking",
NoEntry = "NoEntry"
allowed = "Allowed",
slow = "Slow",
noParking = "NoParking",
noEntry = "NoEntry"
}

@@ -49,66 +52,92 @@ export declare type GeofencingZoneKeys = keyof typeof GeofencingZoneCodes;

export interface Theme {
spacings: typeof spacings;
interactive: {
interactive_0: InteractiveColor;
interactive_1: InteractiveColor;
interactive_2: InteractiveColor;
interactive_3: InteractiveColor;
interactive_destructive: InteractiveColor;
};
transport: {
transport_city: TransportColor;
transport_region: TransportColor;
transport_airport_express: TransportColor;
transport_boat: TransportColor;
transport_train: TransportColor;
transport_airport: TransportColor;
transport_plane: TransportColor;
transport_flexible: TransportColor;
transport_scooter: TransportColor;
transport_bike: TransportColor;
transport_car: TransportColor;
transport_other: TransportColor;
};
status: {
valid: StatusColor;
info: StatusColor;
warning: StatusColor;
error: StatusColor;
};
static: {
color: {
interactive: {
0: InteractiveColor;
1: InteractiveColor;
2: InteractiveColor;
3: InteractiveColor;
destructive: InteractiveColor;
};
transport: {
city: TransportColor;
region: TransportColor;
airportExpress: TransportColor;
boat: TransportColor;
train: TransportColor;
flexible: TransportColor;
scooter: TransportColor;
bike: TransportColor;
car: TransportColor;
other: TransportColor;
};
status: {
success: StatusColor;
info: StatusColor;
warning: StatusColor;
error: StatusColor;
};
background: {
background_0: ContrastColor;
background_1: ContrastColor;
background_2: ContrastColor;
background_3: ContrastColor;
background_accent_0: ContrastColor;
background_accent_1: ContrastColor;
background_accent_2: ContrastColor;
background_accent_3: ContrastColor;
background_accent_4: ContrastColor;
background_accent_5: ContrastColor;
neutral: {
0: ContrastColor;
1: ContrastColor;
2: ContrastColor;
3: ContrastColor;
};
accent: {
0: ContrastColor;
1: ContrastColor;
2: ContrastColor;
3: ContrastColor;
4: ContrastColor;
5: ContrastColor;
};
};
zone_selection: {
zone: {
from: ContrastColor;
to: ContrastColor;
};
geofencingZone: GeofencingZoneStyles;
};
text: {
colors: {
[key in TextColor]: string;
border: {
radius: {
small: number;
medium: number;
circle: number;
};
width: {
slim: number;
medium: number;
};
};
border: {
primary: string;
secondary: string;
focus: string;
radius: typeof borderRadius;
width: typeof borderWidth;
};
icon: {
size: typeof iconSizes;
size: {
xSmall: number;
small: number;
medium: number;
large: number;
};
};
geofencingZones: GeofencingZoneStyles;
spacing: {
xSmall: number;
small: number;
medium: number;
large: number;
xLarge: number;
};
typography: {
ios: {
font: string;
number: number;
};
android: {
font: string;
number: number;
};
web: {
font: string;
number: number;
};
};
}
export declare type Statuses = keyof Theme['status'];
export declare type Statuses = keyof Theme['color']['status'];
export declare enum ThemeVariant {

@@ -121,3 +150,1448 @@ AtB = 0,

}
export declare function createThemesFor(themeVariant: ThemeVariant): Themes;
export declare function createThemesFor(themeVariant: ThemeVariant): {
light: {
color: {
foreground: {
light: {
primary: string;
secondary: string;
disabled: string;
};
dark: {
primary: string;
secondary: string;
disabled: string;
};
};
background: {
neutral: {
0: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
1: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
2: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
3: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
accent: {
0: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
1: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
2: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
3: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
4: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
5: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
status: {
success: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
info: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
warning: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
error: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
interactive: {
0: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
1: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
2: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
3: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
destructive: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
transport: {
city: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
region: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
airportExpress: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
flexible: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
boat: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
train: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
scooter: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
car: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
bike: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
other: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
zone: {
from: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
to: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
geofencingZone: {
allowed: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
slow: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
noParking: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
noEntry: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
};
};
border: {
radius: {
small: number;
medium: number;
circle: number;
};
width: {
slim: number;
medium: number;
};
};
typography: {
ios: {
font: string;
number: number;
};
android: {
font: string;
number: number;
};
web: {
font: string;
number: number;
};
};
spacing: {
xSmall: number;
small: number;
medium: number;
large: number;
xLarge: number;
};
icon: {
size: {
xSmall: number;
small: number;
medium: number;
large: number;
};
};
};
dark: {
color: {
foreground: {
light: {
primary: string;
secondary: string;
disabled: string;
};
dark: {
primary: string;
secondary: string;
disabled: string;
};
};
background: {
neutral: {
0: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
1: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
2: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
3: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
accent: {
0: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
1: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
2: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
3: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
4: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
5: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
status: {
success: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
info: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
warning: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
error: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
interactive: {
0: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
1: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
2: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
3: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
destructive: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
transport: {
city: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
region: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
airportExpress: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
flexible: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
boat: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
train: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
scooter: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
car: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
bike: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
other: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
zone: {
from: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
to: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
geofencingZone: {
allowed: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
slow: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
noParking: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
noEntry: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
};
};
border: {
radius: {
small: number;
medium: number;
circle: number;
};
width: {
slim: number;
medium: number;
};
};
typography: {
ios: {
font: string;
number: number;
};
android: {
font: string;
number: number;
};
web: {
font: string;
number: number;
};
};
spacing: {
xSmall: number;
small: number;
medium: number;
large: number;
xLarge: number;
};
icon: {
size: {
xSmall: number;
small: number;
medium: number;
large: number;
};
};
};
};
/**

@@ -165,8 +1639,8 @@ * Create new themes (light/dark) with optinally overriden defaults.

*/
export declare function createExtendedThemes<T>(themes: Themes, extension: {
export declare function createExtendedThemes<T extends {}>(themes: Themes, extension: {
light: T;
dark: T;
}): {
light: ((k: Theme) => void) | (T extends any ? (k: T) => void : never) extends (k: infer I) => void ? I : never;
dark: ((k: Theme) => void) | (T extends any ? (k: T) => void : never) extends (k: infer I) => void ? I : never;
light: Themes['light'] & T;
dark: Themes['dark'] & T;
};

67

lib/theme.js

@@ -1,19 +0,19 @@

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.createExtendedThemes = exports.createThemes = exports.createThemesFor = exports.ThemeVariant = exports.GeofencingZoneCodes = void 0;
var ts_deepmerge_1 = __importDefault(require("ts-deepmerge"));
var override_config_1 = require("./utils/override-config");
var themes_1 = require("./themes");
import merge from 'ts-deepmerge';
import { overrideConfig } from './utils/override-config';
import { AtBThemes,
// NfkThemes,
// FRAMThemes,
// TromsThemes,
// InnlandetThemes,
} from './themes';
// The colors can be changed, but should follow standard practice as commented:
var GeofencingZoneCodes;
export var GeofencingZoneCodes;
(function (GeofencingZoneCodes) {
GeofencingZoneCodes["Allowed"] = "Allowed";
GeofencingZoneCodes["Slow"] = "Slow";
GeofencingZoneCodes["NoParking"] = "NoParking";
GeofencingZoneCodes["NoEntry"] = "NoEntry";
})(GeofencingZoneCodes = exports.GeofencingZoneCodes || (exports.GeofencingZoneCodes = {}));
var ThemeVariant;
GeofencingZoneCodes["allowed"] = "Allowed";
GeofencingZoneCodes["slow"] = "Slow";
GeofencingZoneCodes["noParking"] = "NoParking";
GeofencingZoneCodes["noEntry"] = "NoEntry";
})(GeofencingZoneCodes || (GeofencingZoneCodes = {}));
;
export var ThemeVariant;
(function (ThemeVariant) {

@@ -25,15 +25,15 @@ ThemeVariant[ThemeVariant["AtB"] = 0] = "AtB";

ThemeVariant[ThemeVariant["Innlandet"] = 4] = "Innlandet";
})(ThemeVariant = exports.ThemeVariant || (exports.ThemeVariant = {}));
function createThemesFor(themeVariant) {
})(ThemeVariant || (ThemeVariant = {}));
export function createThemesFor(themeVariant) {
switch (themeVariant) {
case ThemeVariant.AtB:
return themes_1.AtBThemes;
case ThemeVariant.Nfk:
return themes_1.NfkThemes;
case ThemeVariant.FRAM:
return themes_1.FRAMThemes;
case ThemeVariant.Troms:
return themes_1.TromsThemes;
case ThemeVariant.Innlandet:
return themes_1.InnlandetThemes;
return AtBThemes;
// case ThemeVariant.Nfk:
// return NfkThemes;
// case ThemeVariant.FRAM:
// return FRAMThemes;
// case ThemeVariant.Troms:
// return TromsThemes;
// case ThemeVariant.Innlandet:
// return InnlandetThemes;
default:

@@ -43,3 +43,2 @@ throw Error('A valid ThemeVariant must be provided');

}
exports.createThemesFor = createThemesFor;
/**

@@ -65,8 +64,7 @@ * Create new themes (light/dark) with optinally overriden defaults.

*/
function createThemes(themes, overrides) {
export function createThemes(themes, overrides) {
if (!overrides)
return themes;
return (0, override_config_1.overrideConfig)(themes, overrides);
return overrideConfig(themes, overrides);
}
exports.createThemes = createThemes;
/**

@@ -93,9 +91,8 @@ * Use Theme as base and extend with new properties. Properties

*/
function createExtendedThemes(themes, extension) {
export function createExtendedThemes(themes, extension) {
return {
light: (0, ts_deepmerge_1.default)(themes.light, extension.light),
dark: (0, ts_deepmerge_1.default)(themes.dark, extension.dark),
light: merge(themes.light, extension.light),
dark: merge(themes.dark, extension.dark),
};
}
exports.createExtendedThemes = createExtendedThemes;
//# sourceMappingURL=theme.js.map

1551

lib/themes/atb-theme/theme.d.ts

@@ -1,113 +0,1450 @@

import { ContrastColor, Themes } from '../../theme';
export declare const textColors: {
light: string;
dark: string;
};
export declare const baseColors: {
gray_0: ContrastColor;
gray_50: ContrastColor;
gray_100: ContrastColor;
gray_150: ContrastColor;
gray_200: ContrastColor;
gray_300: ContrastColor;
gray_400: ContrastColor;
gray_500: ContrastColor;
gray_600: ContrastColor;
gray_700: ContrastColor;
gray_800: ContrastColor;
gray_850: ContrastColor;
gray_900: ContrastColor;
gray_950: ContrastColor;
gray_1000: ContrastColor;
green_100: ContrastColor;
green_200: ContrastColor;
green_300: ContrastColor;
green_400: ContrastColor;
green_500: ContrastColor;
green_600: ContrastColor;
green_700: ContrastColor;
green_800: ContrastColor;
green_900: ContrastColor;
blue_50: ContrastColor;
blue_100: ContrastColor;
blue_200: ContrastColor;
blue_300: ContrastColor;
blue_400: ContrastColor;
blue_500: ContrastColor;
blue_600: ContrastColor;
blue_700: ContrastColor;
blue_800: ContrastColor;
blue_900: ContrastColor;
cyan_50: ContrastColor;
cyan_100: ContrastColor;
cyan_200: ContrastColor;
cyan_300: ContrastColor;
cyan_400: ContrastColor;
cyan_500: ContrastColor;
cyan_600: ContrastColor;
cyan_700: ContrastColor;
cyan_800: ContrastColor;
cyan_900: ContrastColor;
burgundy_100: ContrastColor;
burgundy_200: ContrastColor;
burgundy_300: ContrastColor;
burgundy_400: ContrastColor;
burgundy_500: ContrastColor;
burgundy_600: ContrastColor;
burgundy_700: ContrastColor;
burgundy_800: ContrastColor;
burgundy_900: ContrastColor;
orange_100: ContrastColor;
orange_200: ContrastColor;
orange_300: ContrastColor;
orange_400: ContrastColor;
orange_500: ContrastColor;
orange_600: ContrastColor;
orange_700: ContrastColor;
orange_800: ContrastColor;
orange_900: ContrastColor;
yellow_50: ContrastColor;
yellow_100: ContrastColor;
yellow_200: ContrastColor;
yellow_300: ContrastColor;
yellow_400: ContrastColor;
yellow_500: ContrastColor;
yellow_600: ContrastColor;
yellow_700: ContrastColor;
yellow_800: ContrastColor;
yellow_900: ContrastColor;
red_50: ContrastColor;
red_100: ContrastColor;
red_200: ContrastColor;
red_300: ContrastColor;
red_400: ContrastColor;
red_500: ContrastColor;
red_600: ContrastColor;
red_700: ContrastColor;
red_800: ContrastColor;
red_900: ContrastColor;
};
export declare const colors: {
white: string;
black: string;
text: {
light: string;
dark: string;
};
};
export declare const backgrounds: {
/**
* Do not edit directly, this file was auto-generated.
*/
declare const themes: {
light: {
level0: ContrastColor;
level1: ContrastColor;
level2: ContrastColor;
level3: ContrastColor;
color: {
foreground: {
light: {
primary: string;
secondary: string;
disabled: string;
};
dark: {
primary: string;
secondary: string;
disabled: string;
};
};
background: {
neutral: {
0: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
1: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
2: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
3: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
accent: {
0: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
1: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
2: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
3: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
4: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
5: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
status: {
success: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
info: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
warning: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
error: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
interactive: {
0: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
1: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
2: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
3: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
destructive: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
transport: {
city: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
region: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
airportExpress: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
flexible: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
boat: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
train: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
scooter: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
car: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
bike: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
other: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
zone: {
from: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
to: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
geofencingZone: {
allowed: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
slow: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
noParking: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
noEntry: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
};
};
border: {
radius: {
small: number;
medium: number;
circle: number;
};
width: {
slim: number;
medium: number;
};
};
typography: {
ios: {
font: string;
number: number;
};
android: {
font: string;
number: number;
};
web: {
font: string;
number: number;
};
};
spacing: {
xSmall: number;
small: number;
medium: number;
large: number;
xLarge: number;
};
icon: {
size: {
xSmall: number;
small: number;
medium: number;
large: number;
};
};
};
dark: {
level0: ContrastColor;
level1: ContrastColor;
level2: ContrastColor;
level3: ContrastColor;
color: {
foreground: {
light: {
primary: string;
secondary: string;
disabled: string;
};
dark: {
primary: string;
secondary: string;
disabled: string;
};
};
background: {
neutral: {
0: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
1: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
2: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
3: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
accent: {
0: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
1: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
2: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
3: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
4: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
5: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
status: {
success: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
info: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
warning: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
error: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
interactive: {
0: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
1: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
2: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
3: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
destructive: {
default: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
hover: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
active: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
disabled: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
outline: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
destructive: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
transport: {
city: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
region: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
airportExpress: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
flexible: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
boat: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
train: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
scooter: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
car: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
bike: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
other: {
primary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
secondary: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
};
zone: {
from: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
to: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
};
geofencingZone: {
allowed: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
slow: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
noParking: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
noEntry: {
color: {
background: string;
foreground: {
primary: string;
secondary: string;
disabled: string;
};
};
fillOpacity: number;
strokeOpacity: number;
layerIndexWeight: number;
};
};
};
border: {
radius: {
small: number;
medium: number;
circle: number;
};
width: {
slim: number;
medium: number;
};
};
typography: {
ios: {
font: string;
number: number;
};
android: {
font: string;
number: number;
};
web: {
font: string;
number: number;
};
};
spacing: {
xSmall: number;
small: number;
medium: number;
large: number;
xLarge: number;
};
icon: {
size: {
xSmall: number;
small: number;
medium: number;
large: number;
};
};
};
};
declare const themes: Themes;
export default themes;

490

lib/themes/atb-theme/theme.js

@@ -1,483 +0,11 @@

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.backgrounds = exports.colors = exports.baseColors = exports.textColors = void 0;
var sizes_1 = require("../../sizes");
exports.textColors = {
light: '#FFFFFF',
dark: '#000000',
// secondary: '#00000060',
// disabled: '#00000020',
/**
* Do not edit directly, this file was auto-generated.
*/
import light from "./light";
import dark from "./dark";
const themes = {
light,
dark
};
var contrastColor = function (background, textColorType) {
if (textColorType === void 0) { textColorType = 'dark'; }
return {
background: background,
text: exports.textColors[textColorType],
};
};
exports.baseColors = {
// gray
gray_0: contrastColor('#FFFFFF', 'dark'),
gray_50: contrastColor('#EEF3F6', 'dark'),
gray_100: contrastColor('#E1E7EB', 'dark'),
gray_150: contrastColor('#D5DCE0', 'dark'),
gray_200: contrastColor('#C7CACC', 'dark'),
gray_300: contrastColor('#A9AEB1', 'dark'),
gray_400: contrastColor('#8D9398', 'dark'),
gray_500: contrastColor('#6F777D', 'dark'),
gray_600: contrastColor('#555E65', 'light'),
gray_700: contrastColor('#37424A', 'light'),
gray_800: contrastColor('#2B343A', 'light'),
gray_850: contrastColor('#242B30', 'light'),
gray_900: contrastColor('#1A2024', 'light'),
gray_950: contrastColor('#101315', 'light'),
gray_1000: contrastColor('#000000', 'light'),
// green
green_100: contrastColor('#E5E8B8', 'dark'),
green_200: contrastColor('#C9CF6B', 'dark'),
green_300: contrastColor('#A2AD00', 'dark'),
green_400: contrastColor('#909A00', 'dark'),
green_500: contrastColor('#757D00', 'dark'),
green_600: contrastColor('#5B6100', 'light'),
green_700: contrastColor('#464A00', 'light'),
green_800: contrastColor('#323600', 'light'),
green_900: contrastColor('#1F2100', 'light'),
// blue
blue_50: contrastColor('#DEF5F8', 'dark'),
blue_100: contrastColor('#D4E9EC', 'dark'),
blue_200: contrastColor('#A6D1D9', 'dark'),
blue_300: contrastColor('#75B8C4', 'dark'),
blue_400: contrastColor('#429EAE', 'dark'),
blue_500: contrastColor('#007C92', 'light'),
blue_600: contrastColor('#006678', 'light'),
blue_700: contrastColor('#004E5C', 'light'),
blue_800: contrastColor('#003943', 'light'),
blue_900: contrastColor('#002329', 'light'),
// cyan
cyan_50: contrastColor('#DEF5F8', 'dark'),
cyan_100: contrastColor('#BFEDF1', 'dark'),
cyan_200: contrastColor('#71D6E0', 'dark'),
cyan_300: contrastColor('#62BAC3', 'dark'),
cyan_400: contrastColor('#539CA4', 'dark'),
cyan_500: contrastColor('#448086', 'dark'),
cyan_600: contrastColor('#356569', 'light'),
cyan_700: contrastColor('#294D51', 'light'),
cyan_800: contrastColor('#1D383A', 'light'),
cyan_900: contrastColor('#122224', 'light'),
// burgundy
burgundy_100: contrastColor('#E8E3E6', 'dark'),
burgundy_200: contrastColor('#D0C7CE', 'dark'),
burgundy_300: contrastColor('#B7A9B3', 'dark'),
burgundy_400: contrastColor('#A08E9B', 'dark'),
burgundy_500: contrastColor('#867080', 'dark'),
burgundy_600: contrastColor('#6F5468', 'light'),
burgundy_700: contrastColor('#5B3C53', 'light'),
burgundy_800: contrastColor('#4B2942', 'light'),
burgundy_900: contrastColor('#2C1827', 'light'),
// orange
orange_100: contrastColor('#F5E1D4', 'dark'),
orange_200: contrastColor('#EAC1A5', 'dark'),
orange_300: contrastColor('#DEA076', 'dark'),
orange_400: contrastColor('#D27C41', 'dark'),
orange_500: contrastColor('#C75B12', 'dark'),
orange_600: contrastColor('#97450E', 'light'),
orange_700: contrastColor('#73350A', 'light'),
orange_800: contrastColor('#542608', 'light'),
orange_900: contrastColor('#341805', 'light'),
// yellow
yellow_50: contrastColor('#FBF9DA', 'dark'),
yellow_100: contrastColor('#F0E973', 'dark'),
yellow_200: contrastColor('#E4D700', 'dark'),
yellow_300: contrastColor('#C6AE00', 'dark'),
yellow_400: contrastColor('#AF9000', 'dark'),
yellow_500: contrastColor('#977000', 'dark'),
yellow_600: contrastColor('#815200', 'light'),
yellow_700: contrastColor('#6F3A00', 'light'),
yellow_800: contrastColor('#5C2000', 'light'),
yellow_900: contrastColor('#460200', 'light'),
// red
red_50: contrastColor('#F4E1E7', 'dark'),
red_100: contrastColor('#EED2DB', 'dark'),
red_200: contrastColor('#E4B8C6', 'dark'),
red_300: contrastColor('#D691A7', 'dark'),
red_400: contrastColor('#C76B89', 'dark'),
red_500: contrastColor('#B74166', 'dark'),
red_600: contrastColor('#A51140', 'light'),
red_700: contrastColor('#7D0D31', 'light'),
red_800: contrastColor('#5C0A24', 'light'),
red_900: contrastColor('#380616', 'light'),
};
exports.colors = {
white: exports.baseColors.gray_0.background,
black: exports.baseColors.gray_1000.background,
text: {
light: exports.baseColors.gray_0.background,
dark: exports.baseColors.gray_1000.background,
},
};
exports.backgrounds = {
light: {
level0: exports.baseColors.gray_0,
level1: exports.baseColors.gray_50,
level2: exports.baseColors.gray_100,
level3: exports.baseColors.gray_150,
},
dark: {
level0: exports.baseColors.gray_1000,
level1: exports.baseColors.gray_850,
level2: exports.baseColors.gray_700,
level3: exports.baseColors.gray_600,
},
};
var themes = {
light: {
spacings: sizes_1.spacings,
interactive: {
interactive_0: {
default: exports.baseColors.blue_500,
hover: exports.baseColors.blue_600,
active: exports.baseColors.blue_200,
disabled: exports.baseColors.blue_100,
outline: exports.baseColors.cyan_200,
destructive: exports.baseColors.red_600,
},
interactive_1: {
default: exports.baseColors.gray_600,
hover: exports.baseColors.gray_500,
active: exports.baseColors.gray_900,
disabled: exports.baseColors.gray_200,
outline: exports.baseColors.blue_500,
destructive: exports.baseColors.red_600,
},
interactive_2: {
default: exports.baseColors.gray_0,
hover: exports.baseColors.blue_100,
active: exports.baseColors.blue_200,
disabled: exports.baseColors.gray_0,
outline: exports.baseColors.blue_500,
destructive: exports.baseColors.red_600,
},
interactive_3: {
default: exports.baseColors.blue_100,
hover: exports.baseColors.blue_200,
active: exports.baseColors.blue_200,
disabled: exports.baseColors.gray_100,
outline: exports.baseColors.blue_700,
destructive: exports.baseColors.red_600,
},
interactive_destructive: {
default: exports.baseColors.red_600,
hover: exports.baseColors.red_500,
active: exports.baseColors.red_900,
disabled: exports.baseColors.red_100,
outline: exports.baseColors.blue_500,
destructive: exports.baseColors.red_600,
},
},
transport: {
transport_city: {
primary: exports.baseColors.green_300,
secondary: exports.baseColors.green_400,
},
transport_region: {
primary: exports.baseColors.blue_500,
secondary: exports.baseColors.blue_600,
},
transport_airport_express: {
primary: exports.baseColors.red_600,
secondary: exports.baseColors.red_700,
},
transport_boat: {
primary: exports.baseColors.cyan_200,
secondary: exports.baseColors.cyan_400,
},
transport_train: {
primary: exports.baseColors.burgundy_800,
secondary: exports.baseColors.burgundy_900,
},
transport_airport: {
primary: exports.baseColors.orange_500,
secondary: exports.baseColors.orange_600,
},
transport_plane: {
primary: exports.baseColors.gray_800,
secondary: exports.baseColors.gray_900,
},
transport_flexible: {
primary: exports.baseColors.orange_500,
secondary: exports.baseColors.orange_600,
},
transport_bike: {
primary: exports.baseColors.red_700,
secondary: exports.baseColors.red_800,
},
transport_scooter: {
primary: exports.baseColors.green_700,
secondary: exports.baseColors.green_800,
},
transport_car: {
primary: exports.baseColors.burgundy_700,
secondary: exports.baseColors.burgundy_800,
},
transport_other: {
primary: exports.baseColors.gray_600,
secondary: exports.baseColors.gray_800,
},
},
static: {
background: {
background_0: exports.baseColors.gray_0,
background_1: exports.baseColors.gray_50,
background_2: exports.baseColors.gray_100,
background_3: exports.baseColors.gray_150,
background_accent_0: exports.baseColors.gray_700,
background_accent_1: exports.baseColors.gray_600,
background_accent_2: exports.baseColors.blue_100,
background_accent_3: exports.baseColors.blue_500,
background_accent_4: exports.baseColors.green_100,
background_accent_5: exports.baseColors.blue_200,
},
zone_selection: {
from: exports.baseColors.green_300,
to: exports.baseColors.cyan_200,
},
},
status: {
valid: {
primary: exports.baseColors.green_400,
secondary: exports.baseColors.green_100,
},
info: {
primary: exports.baseColors.blue_500,
secondary: exports.baseColors.cyan_50,
},
warning: {
primary: exports.baseColors.yellow_200,
secondary: exports.baseColors.yellow_50,
},
error: {
primary: exports.baseColors.red_500,
secondary: exports.baseColors.red_50,
},
},
text: {
colors: {
primary: exports.baseColors.gray_1000.background,
secondary: exports.baseColors.gray_600.background,
disabled: exports.baseColors.gray_300.background,
},
},
border: {
primary: exports.baseColors.gray_50.background,
secondary: exports.colors.text.dark,
focus: exports.baseColors.blue_500.background,
radius: sizes_1.borderRadius,
width: sizes_1.borderWidth,
},
icon: {
size: sizes_1.iconSizes,
},
geofencingZones: {
Allowed: {
color: exports.baseColors.blue_500,
fillOpacity: 0.075,
strokeOpacity: 0.5,
layerIndexWeight: 1,
},
Slow: {
color: exports.baseColors.yellow_100,
fillOpacity: 0.6,
strokeOpacity: 0.8,
layerIndexWeight: 2,
},
NoParking: {
color: exports.baseColors.red_400,
fillOpacity: 0.5,
strokeOpacity: 0.7,
layerIndexWeight: 3,
},
NoEntry: {
color: exports.baseColors.red_900,
fillOpacity: 0.55,
strokeOpacity: 0.75,
layerIndexWeight: 5,
},
},
},
dark: {
spacings: sizes_1.spacings,
interactive: {
interactive_0: {
default: exports.baseColors.blue_500,
hover: exports.baseColors.blue_600,
active: exports.baseColors.blue_200,
disabled: exports.baseColors.blue_100,
outline: exports.baseColors.cyan_200,
destructive: exports.baseColors.red_300,
},
interactive_1: {
default: exports.baseColors.gray_600,
hover: exports.baseColors.gray_500,
active: exports.baseColors.gray_900,
disabled: exports.baseColors.gray_200,
outline: exports.baseColors.blue_500,
destructive: exports.baseColors.red_300,
},
interactive_2: {
default: exports.baseColors.gray_1000,
hover: exports.baseColors.blue_900,
active: exports.baseColors.blue_700,
disabled: exports.baseColors.gray_1000,
outline: exports.baseColors.blue_500,
destructive: exports.baseColors.red_300,
},
interactive_3: {
default: exports.baseColors.blue_700,
hover: exports.baseColors.blue_800,
active: exports.baseColors.blue_800,
disabled: exports.baseColors.gray_600,
outline: exports.baseColors.blue_100,
destructive: exports.baseColors.red_600,
},
interactive_destructive: {
default: exports.baseColors.red_600,
hover: exports.baseColors.red_500,
active: exports.baseColors.red_900,
disabled: exports.baseColors.red_100,
outline: exports.baseColors.blue_500,
destructive: exports.baseColors.red_300,
},
},
transport: {
transport_city: {
primary: exports.baseColors.green_300,
secondary: exports.baseColors.green_400,
},
transport_region: {
primary: exports.baseColors.blue_500,
secondary: exports.baseColors.blue_600,
},
transport_airport_express: {
primary: exports.baseColors.red_600,
secondary: exports.baseColors.red_700,
},
transport_boat: {
primary: exports.baseColors.cyan_200,
secondary: exports.baseColors.cyan_400,
},
transport_train: {
primary: exports.baseColors.burgundy_800,
secondary: exports.baseColors.burgundy_900,
},
transport_airport: {
primary: exports.baseColors.orange_500,
secondary: exports.baseColors.orange_600,
},
transport_plane: {
primary: exports.baseColors.gray_800,
secondary: exports.baseColors.gray_900,
},
transport_flexible: {
primary: exports.baseColors.orange_500,
secondary: exports.baseColors.orange_600,
},
transport_bike: {
primary: exports.baseColors.red_600,
secondary: exports.baseColors.red_800,
},
transport_scooter: {
primary: exports.baseColors.green_600,
secondary: exports.baseColors.green_800,
},
transport_car: {
primary: exports.baseColors.burgundy_600,
secondary: exports.baseColors.burgundy_800,
},
transport_other: {
primary: exports.baseColors.gray_200,
secondary: exports.baseColors.gray_400,
},
},
static: {
background: {
background_0: exports.baseColors.gray_1000,
background_1: exports.baseColors.gray_850,
background_2: exports.baseColors.gray_700,
background_3: exports.baseColors.gray_600,
background_accent_0: exports.baseColors.gray_700,
background_accent_1: exports.baseColors.gray_600,
background_accent_2: exports.baseColors.blue_100,
background_accent_3: exports.baseColors.blue_500,
background_accent_4: exports.baseColors.green_100,
background_accent_5: exports.baseColors.gray_800,
},
zone_selection: {
from: exports.baseColors.green_300,
to: exports.baseColors.cyan_200,
},
},
status: {
valid: {
primary: exports.baseColors.green_400,
secondary: exports.baseColors.green_700,
},
info: {
primary: exports.baseColors.blue_500,
secondary: exports.baseColors.blue_800,
},
warning: {
primary: exports.baseColors.yellow_200,
secondary: exports.baseColors.green_900,
},
error: {
primary: exports.baseColors.red_500,
secondary: exports.baseColors.red_900,
},
},
text: {
colors: {
primary: exports.baseColors.gray_0.background,
secondary: exports.baseColors.gray_100.background,
disabled: exports.baseColors.gray_300.background,
},
},
border: {
primary: exports.baseColors.gray_850.background,
secondary: exports.baseColors.gray_0.background,
focus: exports.baseColors.cyan_500.background,
radius: sizes_1.borderRadius,
width: sizes_1.borderWidth,
},
icon: {
size: sizes_1.iconSizes,
},
geofencingZones: {
Allowed: {
color: exports.baseColors.blue_500,
fillOpacity: 0.075,
strokeOpacity: 0.5,
layerIndexWeight: 1,
},
Slow: {
color: exports.baseColors.yellow_100,
fillOpacity: 0.6,
strokeOpacity: 0.8,
layerIndexWeight: 2,
},
NoParking: {
color: exports.baseColors.red_400,
fillOpacity: 0.5,
strokeOpacity: 0.7,
layerIndexWeight: 3,
},
NoEntry: {
color: exports.baseColors.red_900,
fillOpacity: 0.55,
strokeOpacity: 0.75,
layerIndexWeight: 5,
},
},
},
};
exports.default = themes;
export default themes;
//# sourceMappingURL=theme.js.map

4

lib/themes/index.d.ts
export { default as AtBThemes } from './atb-theme/theme';
export { default as NfkThemes } from './nfk-theme/theme';
export { default as FRAMThemes } from './fram-theme/theme';
export { default as TromsThemes } from './troms-theme/theme';
export { default as InnlandetThemes } from './innlandet-theme/theme';

21

lib/themes/index.js

@@ -1,17 +0,6 @@

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.InnlandetThemes = exports.TromsThemes = exports.FRAMThemes = exports.NfkThemes = exports.AtBThemes = void 0;
var theme_1 = require("./atb-theme/theme");
Object.defineProperty(exports, "AtBThemes", { enumerable: true, get: function () { return __importDefault(theme_1).default; } });
var theme_2 = require("./nfk-theme/theme");
Object.defineProperty(exports, "NfkThemes", { enumerable: true, get: function () { return __importDefault(theme_2).default; } });
var theme_3 = require("./fram-theme/theme");
Object.defineProperty(exports, "FRAMThemes", { enumerable: true, get: function () { return __importDefault(theme_3).default; } });
var theme_4 = require("./troms-theme/theme");
Object.defineProperty(exports, "TromsThemes", { enumerable: true, get: function () { return __importDefault(theme_4).default; } });
var theme_5 = require("./innlandet-theme/theme");
Object.defineProperty(exports, "InnlandetThemes", { enumerable: true, get: function () { return __importDefault(theme_5).default; } });
export { default as AtBThemes } from './atb-theme/theme';
// export {default as NfkThemes} from './nfk-theme/theme';
// export {default as FRAMThemes} from './fram-theme/theme';
// export {default as TromsThemes} from './troms-theme/theme';
// export {default as InnlandetThemes} from './innlandet-theme/theme';
//# sourceMappingURL=index.js.map

83

lib/typography/android.js

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

"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.androidTextTypeStyles = exports.androidFontData = void 0;
var primaryBase = {
const primaryBase = {
fontSize: 16,

@@ -20,3 +6,3 @@ lineHeight: 20,

};
var secondaryBase = {
const secondaryBase = {
fontSize: 14,

@@ -26,3 +12,3 @@ lineHeight: 20,

};
var tertiaryBase = {
const tertiaryBase = {
fontSize: 12,

@@ -32,3 +18,3 @@ lineHeight: 16,

};
var labelBase = {
const labelBase = {
fontSize: 10,

@@ -38,13 +24,22 @@ lineHeight: 16,

};
exports.androidFontData = {
export const androidFontData = {
main: {
url: 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap',
fontFamily: "'Roboto', sans-serif",
fontFamily: `'Roboto', sans-serif`,
},
};
exports.androidTextTypeStyles = {
export const androidTextTypeStyles = {
body__primary: primaryBase,
'body__primary--bold': __assign(__assign({}, primaryBase), { fontWeight: '500' }),
'body__primary--strike': __assign(__assign({}, primaryBase), { textDecorationLine: 'line-through' }),
'body__primary--underline': __assign(__assign({}, primaryBase), { textDecorationLine: 'underline' }),
'body__primary--bold': {
...primaryBase,
fontWeight: '500',
},
'body__primary--strike': {
...primaryBase,
textDecorationLine: 'line-through',
},
'body__primary--underline': {
...primaryBase,
textDecorationLine: 'underline',
},
'body__primary--big': {

@@ -73,10 +68,31 @@ fontSize: 24,

body__secondary: secondaryBase,
'body__secondary--bold': __assign(__assign({}, secondaryBase), { fontWeight: '500' }),
'body__secondary--bold': {
...secondaryBase,
fontWeight: '500',
},
body__tertiary: tertiaryBase,
'body__tertiary--bold': __assign(__assign({}, tertiaryBase), { fontWeight: '500' }),
'body__tertiary--strike': __assign(__assign({}, tertiaryBase), { textDecorationLine: 'line-through' }),
'body__tertiary--uppercase': __assign(__assign({}, primaryBase), { textTransform: 'uppercase' }),
heading__title: __assign(__assign({}, primaryBase), { fontWeight: 'bold' }),
heading__component: __assign(__assign({}, primaryBase), { fontWeight: '500' }),
heading__paragraph: __assign(__assign({}, primaryBase), { fontWeight: '500' }),
'body__tertiary--bold': {
...tertiaryBase,
fontWeight: '500',
},
'body__tertiary--strike': {
...tertiaryBase,
textDecorationLine: 'line-through',
},
'body__tertiary--uppercase': {
...primaryBase,
textTransform: 'uppercase',
},
heading__title: {
...primaryBase,
fontWeight: 'bold',
},
heading__component: {
...primaryBase,
fontWeight: '500',
},
heading__paragraph: {
...primaryBase,
fontWeight: '500',
},
'heading--medium': {

@@ -100,4 +116,7 @@ fontSize: 20,

},
label__uppercase: __assign(__assign({}, labelBase), { textTransform: 'uppercase' }),
label__uppercase: {
...labelBase,
textTransform: 'uppercase',
},
};
//# sourceMappingURL=android.js.map

59

lib/typography/index.js

@@ -1,33 +0,15 @@

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
import merge from 'ts-deepmerge';
import { overrideConfig } from '../utils/override-config';
import { androidTextTypeStyles, androidFontData } from './android';
import { iosTextTypeStyles, iosFontData } from './ios';
const mapType = (a) => a === 'ios' ? 'ios' : 'android';
export * from './types';
export const textTypeStyles = {
android: androidTextTypeStyles,
ios: iosTextTypeStyles,
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
export const fonts = {
android: androidFontData,
ios: iosFontData,
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.extendTextTypeStyles = exports.createTextTypeStyles = exports.getFontBook = exports.fonts = exports.textTypeStyles = void 0;
var ts_deepmerge_1 = __importDefault(require("ts-deepmerge"));
var override_config_1 = require("../utils/override-config");
var android_1 = require("./android");
var ios_1 = require("./ios");
var mapType = function (a) {
return a === 'ios' ? 'ios' : 'android';
};
__exportStar(require("./types"), exports);
exports.textTypeStyles = {
android: android_1.androidTextTypeStyles,
ios: ios_1.iosTextTypeStyles,
};
exports.fonts = {
android: android_1.androidFontData,
ios: ios_1.iosFontData,
};
/**

@@ -39,6 +21,5 @@ * Get fonts for platform. Web should use Android as platform.

*/
function getFontBook(type) {
return exports.fonts[mapType(type)];
export function getFontBook(type) {
return fonts[mapType(type)];
}
exports.getFontBook = getFontBook;
/**

@@ -60,8 +41,7 @@ * Create new text type style with optinally overriden defaults.

*/
function createTextTypeStyles(type, overrides) {
export function createTextTypeStyles(type, overrides) {
if (!overrides)
return exports.textTypeStyles[mapType(type)];
return (0, override_config_1.overrideConfig)(exports.textTypeStyles[mapType(type)], overrides);
return textTypeStyles[mapType(type)];
return overrideConfig(textTypeStyles[mapType(type)], overrides);
}
exports.createTextTypeStyles = createTextTypeStyles;
/**

@@ -92,6 +72,5 @@ * Use text type style as base and extend with new properties. Properties

*/
function extendTextTypeStyles(type, extension) {
return (0, ts_deepmerge_1.default)(exports.textTypeStyles[mapType(type)], extension);
export function extendTextTypeStyles(type, extension) {
return merge(textTypeStyles[mapType(type)], extension);
}
exports.extendTextTypeStyles = extendTextTypeStyles;
//# sourceMappingURL=index.js.map

83

lib/typography/ios.js

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

"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.iosTextTypeStyles = exports.iosFontData = void 0;
var primaryBase = {
const primaryBase = {
fontSize: 16,

@@ -20,3 +6,3 @@ lineHeight: 20,

};
var secondaryBase = {
const secondaryBase = {
fontSize: 14,

@@ -26,3 +12,3 @@ lineHeight: 20,

};
var tertiaryBase = {
const tertiaryBase = {
fontSize: 12,

@@ -32,3 +18,3 @@ lineHeight: 16,

};
var labelBase = {
const labelBase = {
fontSize: 10,

@@ -38,12 +24,21 @@ lineHeight: 16,

};
exports.iosFontData = {
export const iosFontData = {
main: {
fontFamily: "'SF Pro Text', -apple-system, BlinkMacSystemFont",
fontFamily: `'SF Pro Text', -apple-system, BlinkMacSystemFont`,
},
};
exports.iosTextTypeStyles = {
export const iosTextTypeStyles = {
body__primary: primaryBase,
'body__primary--bold': __assign(__assign({}, primaryBase), { fontWeight: '600' }),
'body__primary--strike': __assign(__assign({}, primaryBase), { textDecorationLine: 'line-through' }),
'body__primary--underline': __assign(__assign({}, primaryBase), { textDecorationLine: 'underline' }),
'body__primary--bold': {
...primaryBase,
fontWeight: '600',
},
'body__primary--strike': {
...primaryBase,
textDecorationLine: 'line-through',
},
'body__primary--underline': {
...primaryBase,
textDecorationLine: 'underline',
},
'body__primary--big': {

@@ -72,10 +67,31 @@ fontSize: 24,

body__secondary: secondaryBase,
'body__secondary--bold': __assign(__assign({}, secondaryBase), { fontWeight: '600' }),
'body__secondary--bold': {
...secondaryBase,
fontWeight: '600',
},
body__tertiary: tertiaryBase,
'body__tertiary--bold': __assign(__assign({}, tertiaryBase), { fontWeight: '600' }),
'body__tertiary--strike': __assign(__assign({}, tertiaryBase), { textDecorationLine: 'line-through' }),
'body__tertiary--uppercase': __assign(__assign({}, primaryBase), { textTransform: 'uppercase' }),
heading__title: __assign(__assign({}, primaryBase), { fontWeight: 'bold' }),
heading__component: __assign(__assign({}, primaryBase), { fontWeight: '600' }),
heading__paragraph: __assign(__assign({}, primaryBase), { fontWeight: '600' }),
'body__tertiary--bold': {
...tertiaryBase,
fontWeight: '600',
},
'body__tertiary--strike': {
...tertiaryBase,
textDecorationLine: 'line-through',
},
'body__tertiary--uppercase': {
...primaryBase,
textTransform: 'uppercase',
},
heading__title: {
...primaryBase,
fontWeight: 'bold',
},
heading__component: {
...primaryBase,
fontWeight: '600',
},
heading__paragraph: {
...primaryBase,
fontWeight: '600',
},
'heading--medium': {

@@ -99,4 +115,7 @@ fontSize: 20,

},
label__uppercase: __assign(__assign({}, labelBase), { textTransform: 'uppercase' }),
label__uppercase: {
...labelBase,
textTransform: 'uppercase',
},
};
//# sourceMappingURL=ios.js.map

5

lib/typography/types.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.textNames = void 0;
exports.textNames = [
export const textNames = [
'body__primary',

@@ -6,0 +3,0 @@ 'body__primary--strike',

23

lib/utils/override-config.js

@@ -1,18 +0,4 @@

"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.overrideConfig = void 0;
function overrideConfig(base, overrides) {
var result = __assign({}, base);
for (var key in base) {
export function overrideConfig(base, overrides) {
let result = { ...base };
for (let key in base) {
if (isObject(result[key]) && isObject(overrides[key])) {

@@ -27,7 +13,6 @@ result[key] = overrideConfig(result[key], overrides[key]);

}
exports.overrideConfig = overrideConfig;
function isObject(obj) {
if (typeof obj === 'object' && obj !== null) {
if (typeof Object.getPrototypeOf === 'function') {
var prototype = Object.getPrototypeOf(obj);
const prototype = Object.getPrototypeOf(obj);
return prototype === Object.prototype || prototype === null;

@@ -34,0 +19,0 @@ }

18

package.json
{
"name": "@atb-as/theme",
"version": "10.4.1",
"version": "11.0.0-alpha.1",
"private": false,
"description": "AtB Design System Colors",
"license": "EUPL-1.2",
"type": "module",
"main": "lib/index.js",

@@ -17,15 +18,20 @@ "types": "lib/index.d.ts",

"test": "echo \"Error: run tests from root\" && exit 1",
"build": "yarn create-css && yarn copy-css && tsc -p tsconfig.build.json",
"build": "yarn fetch-variables && tsc -p tsconfig.build.json",
"copy-css": "copyfiles -u 1 \"src/**/*.{css,woff,woff2,ttf,eot,svg,png}\" lib/",
"create-css": "ts-node ./tools/create-css.ts"
"create-css": "tsx ./tools/create-css.ts",
"fetch-variables": "tsx ./tools/fetch-figma-variables.ts"
},
"devDependencies": {
"@figma/rest-api-spec": "^0.16.0",
"@types/node": "^14.14.34",
"copyfiles": "^2.4.1",
"ts-node": "^9.1.1",
"style-dictionary": "^4.0.0",
"tsx": "^4.16.2",
"typescript": "^4.4.3"
},
"dependencies": {
"@tfk-samf/figma-to-dtcg": "0.3.1",
"hex-to-rgba": "^2.0.1",
"ts-deepmerge": "^4.0.0"
"ts-deepmerge": "^4.0.0",
"typescript": "^4.4.3"
},

@@ -35,3 +41,3 @@ "publishConfig": {

},
"gitHead": "77a089e7f32631d9699988e55af9a5bebacd3d14"
"gitHead": "eaa7e5dcc3181ed31b07c9702be5f5a0e2e7782d"
}
lib/themes/atb-theme/theme.css
lib/themes/atb-theme/theme.module.css
lib/themes/fram-theme/theme.css
lib/themes/fram-theme/theme.d.ts
lib/themes/fram-theme/theme.js
lib/themes/fram-theme/theme.js.map
lib/themes/fram-theme/theme.module.css
lib/themes/innlandet-theme/theme.css
lib/themes/innlandet-theme/theme.d.ts
lib/themes/innlandet-theme/theme.js
lib/themes/innlandet-theme/theme.js.map
lib/themes/innlandet-theme/theme.module.css
lib/themes/nfk-theme/theme.css
lib/themes/nfk-theme/theme.d.ts
lib/themes/nfk-theme/theme.js
lib/themes/nfk-theme/theme.js.map
lib/themes/nfk-theme/theme.module.css
lib/themes/troms-theme/theme.css
lib/themes/troms-theme/theme.d.ts
lib/themes/troms-theme/theme.js
lib/themes/troms-theme/theme.js.map
lib/themes/troms-theme/theme.module.css
lib/typography.css
lib/typography.module.css
lib/index.js.map

Sorry, the diff of this file is not supported yet

lib/sizes.js.map

Sorry, the diff of this file is not supported yet

lib/theme.js.map

Sorry, the diff of this file is not supported yet

lib/themes/atb-theme/theme.js.map

Sorry, the diff of this file is not supported yet

lib/themes/index.js.map

Sorry, the diff of this file is not supported yet

lib/typography/android.js.map

Sorry, the diff of this file is not supported yet

lib/typography/index.js.map

Sorry, the diff of this file is not supported yet

lib/typography/ios.js.map

Sorry, the diff of this file is not supported yet

lib/typography/types.js.map

Sorry, the diff of this file is not supported yet

lib/utils/override-config.js.map

Sorry, the diff of this file is not supported yet

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