@bspk/ui 1.1.32 → 1.1.34

package/src/progress-bar.scss

@@ -1,48 +0,0 @@
-[data-bspk='progress-bar'] {
-    /*! --width: is set via inline style */
-
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    gap: var(--spacing-sizing-01);
-
-    progress {
-        opacity: 0;
-        position: absolute;
-    }
-
-    [data-bar] {
-        width: 100%;
-        height: var(--spacing-sizing-02);
-        background-color: var(--surface-neutral-t3-low);
-        border-radius: var(--radius-small);
-
-        &::after {
-            content: '';
-            display: block;
-            height: 100%;
-            background-color: var(--foreground-brand-primary);
-            border-radius: var(--radius-small);
-            width: var(--width);
-            transition: width 0.3s;
-        }
-    }
-
-    &[data-size='small'] {
-        [data-bar] {
-            height: var(--spacing-sizing-01);
-        }
-    }
-
-    label {
-        font-size: var(--labels-small);
-        width: 100%;
-        text-align: center;
-    }
-
-    &[data-align='left'] label {
-        text-align: left;
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/progression-stepper-bar.scss

@@ -1,39 +0,0 @@
-[data-bspk='progression-stepper-bar'] {
-    &[data-size='large'] {
-        --height: var(--spacing-sizing-02);
-    }
-
-    &[data-size='small'] {
-        --height: var(--spacing-sizing-01);
-    }
-
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    gap: var(--spacing-sizing-01);
-
-    [data-steps] {
-        display: flex;
-        flex-direction: row;
-        gap: var(--spacing-sizing-01);
-        height: var(--height);
-
-        [data-step] {
-            width: 100%;
-            height: var(--height);
-            min-width: var(--spacing-sizing-02);
-            border-radius: var(--radius-small);
-            background: var(--surface-neutral-t3-low);
-
-            &[data-complete] {
-                background: var(--surface-brand-primary);
-            }
-        }
-    }
-
-    label {
-        font: var(--labels-small);
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/radio-group.scss

@@ -1,5 +0,0 @@
-[data-bspk='radio-group'] {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacing-sizing-01);
-}

package/src/radio.scss

@@ -1,81 +0,0 @@
-[data-bspk='radio'] {
-    display: block;
-    position: relative;
-    width: var(--spacing-sizing-06);
-    aspect-ratio: 1/1;
-    padding: 2px;
-
-    input[type='radio'] {
-        position: absolute;
-        opacity: 0;
-        z-index: 2;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        cursor: pointer;
-    }
-
-    span {
-        --stroke: var(--stroke-neutral-base);
-        --inner: var(--foreground-brand-primary);
-        --background: none;
-
-        position: relative;
-        z-index: 1;
-        box-sizing: border-box;
-        display: flex;
-        width: var(--spacing-sizing-05);
-        aspect-ratio: 1/1;
-        border-radius: 50%;
-        border: 2px solid var(--stroke);
-        align-items: center;
-        flex-direction: column;
-        justify-content: center;
-        background: var(--background);
-
-        &::before {
-            content: '';
-            display: block;
-            width: var(--spacing-sizing-03);
-            aspect-ratio: 1/1;
-            background: var(--inner);
-            border-radius: var(--radius-circular);
-            opacity: 0;
-        }
-    }
-
-    input[type='radio']:not(:disabled) {
-        &:hover + span {
-            --background: var(--interactions-neutral-hover-opacity);
-        }
-
-        &:active + span {
-            --background: var(--interactions-neutral-press-opacity);
-        }
-
-        &[data-invalid] + span {
-            --stroke: var(--status-error);
-            --inner: var(--status-error);
-        }
-    }
-
-    input[type='radio']:checked + span {
-        --stroke: var(--stroke-brand-primary);
-
-        &::before {
-            opacity: 1;
-        }
-    }
-
-    input[type='radio']:disabled {
-        pointer-events: none;
-
-        & + span {
-            --stroke: var(--stroke-neutral-interactions-disabled-light);
-            --inner: var(--foreground-neutral-disabled-on-surface);
-        }
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/search-bar.scss

@@ -1,7 +0,0 @@
-[data-bspk='search-bar'] {
-    display: flex;
-    width: 100%;
-    min-width: 300px;
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/segmented-control.scss

@@ -1,120 +0,0 @@
-[data-bspk='segmented-control'] {
-    display: flex;
-    flex-direction: row;
-    max-width: 100%;
-
-    --outer-height: var(--spacing-sizing-10);
-    --inner-height: var(--spacing-sizing-08);
-    --svg-width: 20px;
-
-    &[data-width='fill'] {
-        align-items: stretch;
-        width: 100%;
-
-        --btn-flex-grow: 1;
-
-        margin: 0 var(--spacing-sizing-04);
-    }
-
-    &[data-width='hug'] {
-        width: fit-content;
-
-        --btn-flex-grow: 0;
-    }
-
-    &[data-size='small'] {
-        --outer-height: var(--spacing-sizing-08);
-        --inner-height: var(--spacing-sizing-06);
-        --svg-width: 16px;
-    }
-
-    svg {
-        width: var(--svg-width) !important;
-    }
-
-    button {
-        border: 0;
-        cursor: pointer;
-        color: var(--foreground-neutral-on-surface);
-        flex-grow: var(--btn-flex-grow);
-        font: var(--labels-small);
-        margin: 0;
-        height: var(--spacing-sizing-12);
-        background: transparent;
-        position: relative;
-        white-space: nowrap;
-
-        [data-focus-ring] {
-            display: none;
-        }
-
-        [data-outer] {
-            height: var(--outer-height);
-            background: var(--surface-neutral-t3-low);
-            margin: var(--spacing-sizing-01) 0;
-            padding: var(--spacing-sizing-01) 0;
-            display: block;
-        }
-
-        [data-inner] {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            height: var(--inner-height);
-            border-bottom: 1px solid transparent;
-            justify-content: center;
-            gap: var(--spacing-sizing-01);
-            border-radius: var(--radius-small);
-            padding: var(--spacing-sizing-02) var(--spacing-sizing-03);
-        }
-
-        &:first-of-type {
-            [data-outer] {
-                border-top-left-radius: var(--radius-medium);
-                border-bottom-left-radius: var(--radius-medium);
-                padding-left: var(--spacing-sizing-01);
-            }
-        }
-
-        &:last-of-type {
-            [data-outer] {
-                border-top-right-radius: var(--radius-medium);
-                border-bottom-right-radius: var(--radius-medium);
-                padding-right: var(--spacing-sizing-01);
-            }
-        }
-
-        &:not(:disabled) {
-            &:hover {
-                [data-inner] {
-                    background: var(--interactions-neutral-hover-opacity);
-                }
-            }
-
-            &:active {
-                [data-inner] {
-                    background: var(--interactions-neutral-press-opacity);
-                }
-            }
-
-            &[data-selected] {
-                [data-inner] {
-                    background: var(--surface-neutral-t1-base);
-                }
-            }
-
-            &:focus-visible {
-                z-index: 2;
-                outline: solid 2px var(--stroke-neutral-focus);
-            }
-        }
-
-        &:disabled {
-            pointer-events: none;
-            color: var(--foreground-neutral-disabled-on-surface);
-            cursor: not-allowed;
-        }
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/select.scss

@@ -1,117 +0,0 @@
-[data-bspk='select'] {
-    // default -- size medium not disabled or readonly
-
-    --select-background: var(--surface-neutral-t1-base);
-    --select-border-color: var(--stroke-neutral-base);
-    --select-text-color: var(--foreground-neutral-on-surface);
-    --select-height: var(--spacing-sizing-10);
-    --select-font: var(--body-base);
-    --select-clear-height: var(--spacing-sizing-05);
-    --select-padding: var(--spacing-sizing-03);
-    --select-icon-width: var(--spacing-sizing-05);
-
-    position: relative;
-    width: 100%;
-    max-width: 280px;
-    outline: unset;
-    min-height: var(--select-height);
-    max-height: var(--select-height);
-    display: flex;
-    flex-direction: row;
-    gap: var(--spacing-sizing-02);
-    flex-grow: 0;
-    flex-shrink: 0;
-    text-align: left;
-    font: var(--select-font);
-    border: 1px solid var(--select-border-color);
-    border-radius: var(--radius-small);
-    background: var(--select-background);
-    padding: 0 var(--select-padding);
-
-    [data-placeholder] {
-        display: block;
-        max-width: 100%;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        padding: 0;
-
-        [data-inner] {
-            min-height: auto;
-            padding: 0;
-        }
-
-        [data-item-label] [data-text] {
-            color: var(--select-text-color);
-        }
-    }
-
-    [data-icon] {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-
-        svg {
-            transform: rotate(90deg);
-            width: var(--select-icon-width);
-        }
-    }
-
-    [data-bspk='list-item'][data-selected] {
-        background: var(--surface-brand-primary-highlight);
-    }
-
-    &[data-size='small'] {
-        --select-height: var(--spacing-sizing-08);
-        --select-font: var(--body-small);
-        --select-clear-height: var(--spacing-sizing-05);
-        --select-padding: var(--spacing-sizing-02);
-        --select-icon-width: var(--spacing-sizing-05);
-    }
-
-    &[data-size='large'] {
-        --select-height: var(--spacing-sizing-12);
-        --select-font: var(--body-large);
-        --select-clear-height: var(--spacing-sizing-06);
-        --select-icon-width: var(--spacing-sizing-06);
-    }
-
-    &:disabled {
-        --select-text-color: var(--foreground-neutral-disabled-on-surface);
-        --select-border-color: var(--stroke-neutral-disabled-light);
-        --select-background:
-            linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),
-            linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-
-        &[aria-readonly]:not([data-empty]) {
-            --select-text-color: var(--foreground-neutral-on-surface);
-        }
-    }
-
-    &:not(:disabled) {
-        &:focus {
-            --select-border-color: var(--stroke-brand-primary);
-        }
-
-        &:hover {
-            --select-background:
-                linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)),
-                linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-        }
-
-        &:active {
-            --select-background:
-                linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)),
-                linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-        }
-    }
-
-    &[data-invalid] {
-        --select-border-color: var(--status-error);
-    }
-
-    &[data-empty] {
-        --select-text-color: var(--foreground-neutral-on-surface-variant-03);
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/skeleton.scss

@@ -1,83 +0,0 @@
-[data-bspk='skeleton'] {
-    /*! 
-    --text-margin: is set via inline style
-    --text-height: is set via inline style
-    --height: is set via inline style
-    --width: is set via inline style
-    */
-
-    display: flex;
-    flex-direction: column;
-    gap: var(--text-margin);
-    animation: skeleton-pulse 1.5s infinite;
-    background: var(--foreground-neutral-skeleton-element);
-
-    @keyframes skeleton-pulse {
-        0% {
-            opacity: 0.8;
-        }
-
-        50% {
-            opacity: 0.4;
-        }
-
-        100% {
-            opacity: 0.8;
-        }
-    }
-
-    &[data-variant='rectangular'],
-    &[data-variant='photo'] {
-        min-width: var(--spacing-sizing-08);
-        min-height: var(--spacing-sizing-08);
-        height: var(--height, var(--width));
-        width: var(--width, var(--height));
-        border-radius: var(--radius-small);
-    }
-
-    &[data-variant='photo'] {
-        border-radius: var(--radius-medium);
-    }
-
-    &[data-variant='circular'] {
-        border-radius: 100%;
-        width: var(--width);
-        aspect-ratio: 1/1;
-    }
-
-    &[data-variant='profile'] {
-        border-radius: 100%;
-        width: var(--spacing-sizing-10);
-        aspect-ratio: 1/1;
-    }
-
-    &[data-variant='thumbnail'] {
-        width: var(--spacing-sizing-12);
-        height: var(--spacing-sizing-12);
-        border-radius: var(--radius-small);
-    }
-
-    &[data-variant='text'] {
-        background: transparent;
-        min-height: unset;
-        max-height: unset;
-        width: 100%;
-        height: fit-content;
-
-        [data-line] {
-            width: 100%;
-            background: var(--foreground-neutral-skeleton-element);
-            border-radius: var(--radius-small);
-            height: var(--text-height);
-        }
-
-        // if there are 2 lines or more, make the last line 80% width
-        &:has([data-line]:nth-child(2)) {
-            [data-line]:last-child {
-                width: 80%;
-            }
-        }
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/switch.scss

@@ -1,64 +0,0 @@
-[data-bspk='switch'] {
-    --track-width: var(--spacing-sizing-09);
-    --toggle-width: var(--spacing-sizing-04);
-    --track-bg: var(--surface-neutral-t4-high);
-    --toggle-bg: var(--foreground-neutral-on-color);
-
-    display: block;
-    margin: 2px;
-
-    input[type='checkbox'] {
-        position: absolute;
-        opacity: 0;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        z-index: 2;
-        cursor: pointer;
-    }
-
-    box-sizing: border-box;
-    width: var(--track-width);
-    height: var(--spacing-sizing-05);
-    border-radius: var(--spacing-sizing-05);
-    background-color: var(--track-bg);
-    position: relative;
-    z-index: 1;
-
-    span {
-        display: block;
-        width: var(--toggle-width);
-        height: var(--toggle-width);
-        border-radius: var(--radius-circular);
-        background-color: var(--toggle-bg);
-        transition: left 0.2s;
-        box-shadow: var(--drop-shadow-raise);
-        left: 2px;
-        top: 2px;
-        position: absolute;
-    }
-
-    &:has(input[type='checkbox']:checked) {
-        --track-bg: var(--foreground-brand-primary);
-
-        span {
-            left: calc(var(--track-width) - var(--toggle-width) - 2px);
-        }
-    }
-
-    &:has(input[type='checkbox']:disabled) {
-        input[type='checkbox'] {
-            pointer-events: none;
-        }
-
-        --track-bg: var(--interactions-disabled-opacity);
-        --toggle-bg: var(--foreground-neutral-disabled-on-surface);
-
-        &:has(input[type='checkbox']:checked) span {
-            --toggle-bg: var(--foreground-neutral-disabled-on-color-surface);
-        }
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/table.scss

@@ -1,48 +0,0 @@
-[data-bspk='table'] {
-    width: 100%;
-    border-collapse: separate;
-    text-align: left;
-    border-spacing: 2rem 0.125rem;
-    display: grid;
-    color: var(--foreground-neutral-on-surface);
-    font: var(--labels-base);
-    border-radius: var(--radius-medium);
-    border: 1px solid var(--stroke-neutral-low);
-
-    [data-cell] {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-sizing-02);
-        padding: var(--spacing-sizing-04);
-        background-color: var(--surface-neutral-t1-base);
-        border-bottom: var(--stroke-neutral-low) solid 1px;
-        font: var(--labels-small);
-
-        p {
-            margin: 0;
-            padding: 0;
-            font: var(--body-small);
-        }
-    }
-
-    [data-head] {
-        display: flex;
-        align-items: center;
-        flex-direction: row;
-        border-bottom: 1px solid var(--stroke-neutral-base);
-        background: var(--surface-neutral-t2-lowest);
-        height: var(--spacing-sizing-10);
-        padding: 0 var(--spacing-sizing-03);
-        font: var(--labels-base);
-
-        &[data-head='first'] {
-            border-top-left-radius: var(--radius-medium);
-        }
-
-        &[data-head='last'] {
-            border-top-right-radius: var(--radius-medium);
-        }
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/tag.scss

@@ -1,55 +0,0 @@
-[data-bspk='tag'] {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    width: fit-content;
-    position: relative;
-    padding: 0 var(--spacing-sizing-03);
-    border-radius: var(--radius-small);
-    color: var(--foreground) !important;
-    background: var(--background);
-    font: unset;
-    text-decoration: unset;
-    white-space: nowrap;
-    pointer-events: none;
-
-    &[data-wrap] {
-        height: auto;
-    }
-
-    &[data-variant='pill'] {
-        border-radius: var(--radius-circular);
-    }
-
-    &[data-variant='corner-wrap'] {
-        border-bottom-right-radius: 0;
-    }
-
-    &[data-size='small'] {
-        font: var(--labels-small);
-        height: var(--spacing-sizing-08);
-    }
-
-    &[data-size='x-small'] {
-        font: var(--labels-x-small);
-        height: var(--spacing-sizing-06);
-    }
-
-    &[data-color='white'] {
-        box-shadow: var(--drop-shadow-south);
-    }
-
-    [data-triangle] {
-        position: absolute;
-        bottom: -12px;
-        right: 0;
-        width: 0;
-        height: 0;
-        border-style: solid;
-        border-width: 12px 12px 0 0;
-        border-color: var(--foreground) transparent transparent transparent;
-        transform: rotate(0deg);
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */