@pinuts/bsr-uikit-relaunch 0.0.21 → 0.0.25

package/dist/styles/variables/_buttons.scss

@@ -1,155 +0,0 @@
-$btn-border-radius: $border-radius-lg;
-$btn-padding-x: $base-gap * 6;
-$btn-padding-y: calc($base-gap * 2 - 1px);
-
-.btn, .pi-form-button button {
-    text-decoration: underline;
-    text-decoration-color: transparent;
-    transition-duration: 0.15s;
-    transition-timing-function: ease-in-out;
-    display: inline-flex;
-    align-items: center;
-    border-width: $bsr-border-width-m;
-
-    &[class*="btn-outline-"]:not([class*="btn-outline-light"]){
-        --bs-btn-bg: #{$bsr-white-100};
-
-        &:hover:not([aria-disabled="true"]){
-            border-color: $bsr-white-100;
-        }
-    }
-    &.btn-outline-light:hover {
-        background-color: $bsr-white-100;;
-        color: $text-secondary;
-        border-color: $bsr-white-100;
-    }
-    &.btn-outline-light:focus-visible {
-        color: $bsr-white-100;
-    }
-
-    &:hover {
-        text-decoration-color: currentColor;
-        
-        &:not([class*="btn-outline-"]):not([class*="teaserBtnAtom"]):not([class*="editingBtnAtom"]):not([class*="iconOnlyBtnAtom"]) {
-
-            background-color: $bsr-white-100;
-            color: $bsr-brick-100;
-            border-color: var(--bs-btn-bg);
-            
-            &[class*="btn-light"] {
-                background-color: $bsr-brick-100;
-                color: $bsr-white-100;
-            }
-
-            &[aria-disabled="true"]:not([class*="btn-outline-light"]) {
-                background-color: $bsr-black-90;
-                color: $bsr-white-100;
-                border-color: $bsr-black-90;
-            }
-        }
-
-    }
-
-    &:active {
-        text-decoration: none;
-    }
-
-    &[aria-disabled="true"], .disabled, &:disabled {
-        text-decoration: none;
-
-        @each $color, $value in $theme-colors {
-            @if $color == "light" {
-                &.btn-#{$color} {
-                    background-color: $value;
-                    border-color: currentColor;
-                    color: $bsr-brick-100;
-                    opacity: .4;
-                    cursor: not-allowed;
-                }
-
-                &.btn-outline-#{$color} {
-                    background-color: transparent;
-                    border-color: $value;
-                    color: $value;
-                    opacity: .4;
-                    cursor: not-allowed;
-                }
-            } @else {
-                &.btn-#{$color} {
-                    background-color: shade-color($value, 100%) !important;
-                    border-color: shade-color($value, 100%);
-                    color: $bsr-black-90;
-                    opacity: .4;
-                    cursor: not-allowed;
-                }
-
-                &.btn-outline-#{$color} {
-                    background-color: transparent;
-                    border-color: shade-color($value, 100%);
-                    color: shade-color($value, 100%);
-                    opacity: .4;
-                    cursor: not-allowed;
-                }
-            }
-        }
-    }
-}
-
-.btn.btn-light {
-    --bs-btn-color: #{$bsr-brick-100};
-    &:hover {
-        &[aria-disabled="true"]{
-            background-color: $bsr-white-100 !important;
-            color: $bsr-brick-100 !important;
-            border-color: $bsr-brick-100 !important;
-        }
-    }
-    &:focus {
-        background-color: $bsr-white-100 !important;
-        color: $bsr-black-90!important;
-        box-shadow: 0 0 0 0.25rem rgba($bsr-white-100, .5)!important;
-    }
-}
-
-.btn.btn-outline-light {
-    --bs-btn-hover-color: #{$bsr-brick-100} !important;
-    background: $bsr-brick-100;
-
-    &.btn:active {
-        --bs-btn-active-color: #{$bsr-brick-100};
-    }
-}
-
-.btn[class*="editingBtnAtom"] {
-    font-size: $editingBtn-font-size;
-    line-height: $editingBtnAtom-line-height;
-    letter-spacing: $letter-spacing-xs;
-    font-weight: $fontweight-bold;
-    &[aria-disabled="true"] {
-        opacity: 0.4;
-    }
-}
-
-.btn[class*="iconOnlyBtnAtom"]:not([class*="btn-outline-brick"]) {
-    padding: 0;
-    background-color: $secondary !important;
-    color: $light !important;
-    border-color: $secondary !important;
-    text-decoration: none;
-
-    &:hover,
-    &:focus,
-    &:active {
-        background-color: $white !important;
-        color: $text-secondary !important;
-        border-color: $secondary !important;
-        text-decoration: underline;
-        border-width: $bsr-border-width-m !important;
-    }
-
-    &:disabled {
-      opacity: 0.4;
-      cursor: not-allowed;
-    }
-
-}

package/dist/styles/variables/_colors.scss

@@ -1,112 +0,0 @@
-/* colors
-================================================== */
-
-$min-contrast-ratio: 4.5;
-
-// Primary
-$bsr-orange-100: #F66504;
-$bsr-orange-90: #F6741D;
-$bsr-orange-80: #F68234;
-$bsr-orange-70: #F6914D;
-$bsr-orange-60: #F69F64;
-$bsr-orange-50: #F5AC7C;
-$bsr-orange-40: #F4BA94;
-
-// Secondary
-$bsr-brick-100: #D74116;
-
-// Black & White
-$bsr-black-90: #1E1E1E;
-$bsr-white-100: #FFFFFF;
-
-// Additional
-$bsr-red-orange-100: #E5271A;
-$bsr-bright-blue-100: #0092BD;
-$bsr-blue-100: #0055AA;
-$bsr-light-green-100: #94C11C;
-$bsr-green-100: #018850;
-$bsr-yellow-100: #fdc900;
-$bsr-sun-orange-100: #E9530E;
-$bsr-rust-orange-100: #BD461E;
-$bsr-brown-100: #712d24;
-$bsr-light-brown-100: #7A4A39;
-$bsr-grey-100: #5f6a72;
-$bsr-red-100: #E42C1B;
-
-// Neutrals
-$bsr-black-60: #808080;
-$bsr-black-50: #A0A0A0;
-$bsr-black-40: #B4B4B4;
-$bsr-black-30: #CACACA;
-$bsr-black-20: #DDDDDD;
-$bsr-black-10: #EEEEEE;
-
-// Theme colors
-$primary: $bsr-orange-100;
-$secondary: $bsr-brick-100;
-$success: $bsr-green-100;
-$info: $bsr-bright-blue-100;
-$warning: $bsr-yellow-100;
-$danger: $bsr-red-orange-100;
-$error: $bsr-red-100;
-$light: $bsr-white-100;
-$dark: $bsr-black-90;
-$white: $bsr-white-100;
-$black: $bsr-black-90;
-
-$colors: (
-    "primary":    $primary,
-    "secondary":  $secondary,
-    "success":    $success,
-    "info":       $info,
-    "warning":    $warning,
-    "danger":     $danger,
-    "light":      $light,
-    "dark":       $dark,
-);
-
-$theme-colors: (
-    "primary":    $primary,
-    "primary-100":$primary,
-    "primary-90": $bsr-orange-90,
-    "primary-80": $bsr-orange-80,
-    "primary-70": $bsr-orange-70,
-    "primary-60": $bsr-orange-60,
-    "primary-50": $bsr-orange-50,
-    "secondary":  $secondary,
-    "success":    $success,
-    "info":       $info,
-    "warning":    $warning,
-    "danger":     $danger,
-    "light":      $light,
-    "dark":       $dark,
-    "black":      $bsr-black-90,
-    "white":      $bsr-white-100,
-    "brick":      $bsr-brick-100,
-    "bright-blue":$bsr-bright-blue-100,
-    "blue":       $bsr-blue-100,
-    "light-green":$bsr-light-green-100,
-    "green":      $bsr-green-100,
-    "yellow":     $bsr-yellow-100,
-    "orange":     $bsr-orange-100,
-    "sun-orange": $bsr-sun-orange-100,
-    "rust-orange":$bsr-rust-orange-100,
-    "brown":      $bsr-brown-100,
-    "light-brown":$bsr-light-brown-100,
-    "grey":       $bsr-grey-100,
-    "black-10":   $bsr-black-10,
-);
-
-// Text colors
-$text-dark: $bsr-black-90;
-$text-light: $bsr-white-100;
-$text-primary: $bsr-orange-100;
-$text-secondary: $bsr-brick-100;
-
-:export {
-    grey100: $bsr-grey-100;
-    white: $bsr-white-100;
-}
-// Background-shadow (Modal)
-// $modal-bg-color: rgb(30, 30, 30, 0.8); // #1E1E1ECC
-$modal-bg-color: $bsr-white-100

package/dist/styles/variables/_focus.scss

@@ -1,9 +0,0 @@
-/*********
-FOCUS
-*********/
-
-@mixin buttonFocus {
-  outline: solid 2px currentColor!important;
-  border: none;
-  box-shadow: none;
-}

package/dist/styles/variables/_fonts.scss

@@ -1,109 +0,0 @@
-$fontsize-base: 18px;
-
-$fontfamily-base: "TradeGothicNextLT", sans-serif;
-$fontfamily-heading: "TradeGothicNextSR", sans-serif;
-
-// Font sizes
-$h1-fontsize: 48px;
-$h2-fontsize: 36px;
-$h3-fontsize: 28px;
-
-$h1-fontsize-sm: 32px;
-$h2-fontsize-sm: 24px;
-$h3-fontsize-sm: 20px;
-
-$sub-headline-font-size: 24px;
-$sub-headline-font-size-sm: 18px;
-
-$quote-font-size: 28px;
-$quote-font-size-sm: 22px;
-
-$intro-text-font-size: 20px;
-$intro-text-font-size-sm: 18px;
-
-$copy-text-small-font-size: 16px;
-
-$label-forms-font-size: 14px;
-$supporting-text-font-size: 14px;
-
-$nav-e1-font-size: 20px;
-$nav-e1-font-size-sm: 18px;
-
-$nav-e2-font-size: 20px;
-$nav-e2-font-size-sm: 18px;
-
-$nav-e3-font-size: 16px;
-
-$navigation-navLinks-font-size: 20px;
-$navigation-navLinks-font-size-sm: 18px;
-$navigation-linkList-font-size: 16px;
-$navigation-teaserText-font-size: 16px;
-$navigation-additionalLinks-font-size: 14px;
-
-
-$inputField-font-size: 18px;
-$input-label-font-size: 14px;
-$editingBtn-font-size: 14px;
-$textlink-subline-font-size: 14px;
-
-$listItem-font-size: 18px;
-
-// Line heights
-$lineheight-base: 26px;
-
-$h1-lineheight: 56px;
-$h2-lineheight: 52px;
-$h3-lineheight: 36px;
-
-$h1-lineheight-sm: 40px;
-$h2-lineheight-sm: 32px;
-$h3-lineheight-sm: 28px;
-
-$sub-headline-line-height: 36px;
-$sub-headline-line-height-sm: 28px;
-
-$quote-line-height: 36px;
-$quote-line-height-sm: 30px;
-
-$intro-text-line-height: 28px;
-$intro-text-line-height-sm: 26px;
-
-$copy-text-default-line-height: 26px;
-
-$copy-text-small-line-height: 24px;
-
-$label-forms-line-height: 20px;
-
-$supporting-text-line-height: 20px;
-
-$nav-e1-line-height: 24px;
-
-$nav-e2-line-height: 24px;
-
-$nav-e3-line-height: 20px;
-$nav-e3-line-height-sm: 22px;
-
-$button-text-line-height: 24px;
-
-$navigation-navLinks-line-height: 24px;
-$navigation-linkList-line-height: 20px;
-$navigation-additionalLinks-line-height: 20px;
-
-$inputField-line-height: 26px;
-$input-label-line-height: 20px;
-$editingBtnAtom-line-height: 20px;
-$textlink-line-height: 26px;
-
-$listItem-line-height: 26px;
-
-// Font weights
-$fontweight-normal: 400;
-$fontweight-bold: 700;
-
-// Letter spacing
-$letter-spacing-xs: 0.2px;
-$letter-spacing-sm: 0.32px;
-$letter-spacing-md: 0.4px;
-$letter-spacing-lg: 1px;
-
-$letter-spacing-button-text: 0.036px;

package/dist/styles/variables/_gaps.scss

@@ -1,26 +0,0 @@
-// bsr-spacing-1x
-$base-gap: 4px;
-
-// default module gap large
-$module-gap-lg: 10 * $base-gap;
-
-// default module gap small
-$module-gap-sm: 5 * $base-gap;
-
-$grid-gutter-width: 20px;
-
-// Text Margins
-$default-text-margin-bottom: $base-gap * 10;
-$default-text-margin-bottom-sm: $base-gap * 8;
-
-$box-padding-inline-xs: $base-gap * 6;
-$box-padding-block-xs: $base-gap * 7.5;
-
-$box-padding-inline-s: $base-gap * 6;
-$box-padding-block-s: $base-gap * 10;
-
-$box-padding-inline-m: $base-gap * 10;
-$box-padding-block-m: $base-gap * 10;
-
-$box-padding-inline-l: $base-gap * 16;
-$box-padding-block-l: $base-gap * 12;

package/dist/styles/variables/_images.scss

@@ -1,18 +0,0 @@
-@use "sass:math";
-
-//  Aspect Ratio
-$aspect-ratio-16-9: math.div(16, 9);
-$aspect-ratio-4-3: math.div(4, 3);
-
-.aspect-16-9, .aspect-4-3 {
-    width: 100%;
-    object-fit: cover;
-}
-
-.aspect-16-9 {
-    aspect-ratio: $aspect-ratio-16-9;
-}
-
-.aspect-4-3 {
-    aspect-ratio: $aspect-ratio-4-3;
-}

package/dist/styles/variables/_responsive.scss

@@ -1,23 +0,0 @@
-/* - BS3 variables - */
-
-$screen-sm-min: 375px;
-$screen-sm-max: 767px;
-$screen-md-min: 768px;
-$screen-md-max: 1023px;
-$screen-lg-min: 1024px;
-$screen-lg-max: 1439px;
-$screen-xl-min: 1440px;
-
-$grid-breakpoints: (
-  xs: 0,
-  sm: $screen-sm-min,
-  md: $screen-md-min,
-  lg: $screen-lg-min,
-  xl: $screen-xl-min,
-);
-
-$container-max-widths: (
-  sm: $screen-md-min,
-  md: $screen-lg-min,
-  lg: $screen-xl-min,
-);

package/dist/styles/variables/_shadows.scss

@@ -1,5 +0,0 @@
-// box shadow
-$bsr-shadow-default: 0px 2px 12px 0px rgba(0, 0, 0, 0.10);
-$bsr-shadow-hover: 0px 2px 12px 0px rgba(0, 0, 0, 0.30);
-
-$bsr-shadow-iconbtn: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);

package/dist/styles/variables/_variables.scss

@@ -1,15 +0,0 @@
-@import 'colors';
-@import 'gaps';
-@import 'responsive';
-@import 'shadows';
-@import 'borders';
-@import 'fonts';
-@import 'images';
-@import 'fonts';
-@import 'buttons';
-@import 'focus';
-
-$font-family-main: 'Manrope';
-$base-transition: all 0.2s ease-in;
-$transition-duration-base: 0.2s;
-$transition-duration-short: 0.1s;

package/node_modules/@types/prop-types/LICENSE

@@ -1,21 +0,0 @@
-    MIT License
-
-    Copyright (c) Microsoft Corporation.
-
-    Permission is hereby granted, free of charge, to any person obtaining a copy
-    of this software and associated documentation files (the "Software"), to deal
-    in the Software without restriction, including without limitation the rights
-    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-    copies of the Software, and to permit persons to whom the Software is
-    furnished to do so, subject to the following conditions:
-
-    The above copyright notice and this permission notice shall be included in all
-    copies or substantial portions of the Software.
-
-    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-    SOFTWARE

package/node_modules/@types/prop-types/README.md

@@ -1,15 +0,0 @@
-# Installation
-> `npm install --save @types/prop-types`
-
-# Summary
-This package contains type definitions for prop-types (https://github.com/facebook/prop-types).
-
-# Details
-Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/prop-types.
-
-### Additional Details
- * Last updated: Mon, 16 Sep 2024 19:07:13 GMT
- * Dependencies: none
-
-# Credits
-These definitions were written by [DovydasNavickas](https://github.com/DovydasNavickas), [Ferdy Budhidharma](https://github.com/ferdaber), and [Sebastian Silbermann](https://github.com/eps1lon).

package/node_modules/@types/prop-types/index.d.ts

@@ -1,114 +0,0 @@
-// eslint-disable-next-line @definitelytyped/export-just-namespace
-export = PropTypes;
-
-declare namespace PropTypes {
-    type ReactComponentLike =
-        | string
-        | ((props: any, context?: any) => any)
-        | (new(props: any, context?: any) => any);
-
-    interface ReactElementLike {
-        type: ReactComponentLike;
-        props: any;
-        key: string | null;
-    }
-
-    interface ReactNodeArray extends Iterable<ReactNodeLike> {}
-
-    type ReactNodeLike =
-        | ReactElementLike
-        | ReactNodeArray
-        | string
-        | number
-        | boolean
-        | null
-        | undefined;
-
-    const nominalTypeHack: unique symbol;
-
-    type IsOptional<T> = undefined extends T ? true : false;
-
-    type RequiredKeys<V> = {
-        [K in keyof V]-?: Exclude<V[K], undefined> extends Validator<infer T> ? IsOptional<T> extends true ? never : K
-            : never;
-    }[keyof V];
-    type OptionalKeys<V> = Exclude<keyof V, RequiredKeys<V>>;
-    type InferPropsInner<V> = { [K in keyof V]-?: InferType<V[K]> };
-
-    interface Validator<T> {
-        (
-            props: { [key: string]: any },
-            propName: string,
-            componentName: string,
-            location: string,
-            propFullName: string,
-        ): Error | null;
-        [nominalTypeHack]?: {
-            type: T;
-        } | undefined;
-    }
-
-    interface Requireable<T> extends Validator<T | undefined | null> {
-        isRequired: Validator<NonNullable<T>>;
-    }
-
-    type ValidationMap<T> = { [K in keyof T]?: Validator<T[K]> };
-
-    /**
-     * Like {@link ValidationMap} but treats `undefined`, `null` and optional properties the same.
-     * This type is only added as a migration path in React 19 where this type was removed from React.
-     * Runtime and compile time types would mismatch since you could see `undefined` at runtime when your types don't expect this type.
-     */
-    type WeakValidationMap<T> = {
-        [K in keyof T]?: null extends T[K] ? Validator<T[K] | null | undefined>
-            : undefined extends T[K] ? Validator<T[K] | null | undefined>
-            : Validator<T[K]>;
-    };
-
-    type InferType<V> = V extends Validator<infer T> ? T : any;
-    type InferProps<V> =
-        & InferPropsInner<Pick<V, RequiredKeys<V>>>
-        & Partial<InferPropsInner<Pick<V, OptionalKeys<V>>>>;
-
-    const any: Requireable<any>;
-    const array: Requireable<any[]>;
-    const bool: Requireable<boolean>;
-    const func: Requireable<(...args: any[]) => any>;
-    const number: Requireable<number>;
-    const object: Requireable<object>;
-    const string: Requireable<string>;
-    const node: Requireable<ReactNodeLike>;
-    const element: Requireable<ReactElementLike>;
-    const symbol: Requireable<symbol>;
-    const elementType: Requireable<ReactComponentLike>;
-    function instanceOf<T>(expectedClass: new(...args: any[]) => T): Requireable<T>;
-    function oneOf<T>(types: readonly T[]): Requireable<T>;
-    function oneOfType<T extends Validator<any>>(types: T[]): Requireable<NonNullable<InferType<T>>>;
-    function arrayOf<T>(type: Validator<T>): Requireable<T[]>;
-    function objectOf<T>(type: Validator<T>): Requireable<{ [K in keyof any]: T }>;
-    function shape<P extends ValidationMap<any>>(type: P): Requireable<InferProps<P>>;
-    function exact<P extends ValidationMap<any>>(type: P): Requireable<Required<InferProps<P>>>;
-
-    /**
-     * Assert that the values match with the type specs.
-     * Error messages are memorized and will only be shown once.
-     *
-     * @param typeSpecs Map of name to a ReactPropType
-     * @param values Runtime values that need to be type-checked
-     * @param location e.g. "prop", "context", "child context"
-     * @param componentName Name of the component for error messages
-     * @param getStack Returns the component stack
-     */
-    function checkPropTypes(
-        typeSpecs: any,
-        values: any,
-        location: string,
-        componentName: string,
-        getStack?: () => any,
-    ): void;
-
-    /**
-     * Only available if NODE_ENV=production
-     */
-    function resetWarningCache(): void;
-}

package/node_modules/@types/prop-types/package.json

@@ -1,35 +0,0 @@
-{
-    "name": "@types/prop-types",
-    "version": "15.7.13",
-    "description": "TypeScript definitions for prop-types",
-    "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/prop-types",
-    "license": "MIT",
-    "contributors": [
-        {
-            "name": "DovydasNavickas",
-            "githubUsername": "DovydasNavickas",
-            "url": "https://github.com/DovydasNavickas"
-        },
-        {
-            "name": "Ferdy Budhidharma",
-            "githubUsername": "ferdaber",
-            "url": "https://github.com/ferdaber"
-        },
-        {
-            "name": "Sebastian Silbermann",
-            "githubUsername": "eps1lon",
-            "url": "https://github.com/eps1lon"
-        }
-    ],
-    "main": "",
-    "types": "index.d.ts",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/DefinitelyTyped/DefinitelyTyped.git",
-        "directory": "types/prop-types"
-    },
-    "scripts": {},
-    "dependencies": {},
-    "typesPublisherContentHash": "463997a2d1b4bb7e18554d9d12146cc74169e8bda6a4b9008306c38797ae14d3",
-    "typeScriptVersion": "4.8"
-}