playbook_ui 14.2.0.pre.alpha.PLAY15063626 → 14.2.0.pre.alpha.PLAY15063633
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +1 -1
- data/app/pb_kits/playbook/pb_badge/_badge.scss +2 -2
- data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +1 -1
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +1 -1
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +2 -2
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +4 -4
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +4 -4
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -1
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +2 -2
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +1 -1
- data/app/pb_kits/playbook/pb_label_value/_label_value.scss +1 -1
- data/app/pb_kits/playbook/pb_message/_message_mixins.scss +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +1 -1
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +3 -3
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +1 -2
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +1 -0
- data/app/pb_kits/playbook/pb_pill/_pill.scss +2 -2
- data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +2 -2
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +2 -2
- data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +3 -3
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -1
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +4 -4
- data/app/pb_kits/playbook/pb_toggle/_toggle.scss +2 -2
- data/dist/chunks/{_weekday_stacked-Cykj5kLZ.js → _weekday_stacked-CQn8079w.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +3 -3
- /data/dist/chunks/{_typeahead-Cq7RLPBA.js → _typeahead-TbjUt4tI.js} +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e48db9937b148530be6766f021df9a9532e1665703f68b4776d192ed6b832765
|
|
4
|
+
data.tar.gz: b7a78b29383929289301b2b0009abe9b16b5419cfaa949a3611836f480cb858b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 436390fe9098533c6ff9170137836ef7150dfca2b3edabd5ddd71a825188f29ac68b054fcabb7924fde5db22194a06107c3ec5b3fb0fcb7341122cacd0732839
|
|
7
|
+
data.tar.gz: 51536155459dc361f02698c0ac3fc8fc2627cff550750242344f7ad0f61f4698ef85b2e60d51d005e04d13723117a1de31f39bbe300955123790ad2ca6051b0c
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
align-items: center;
|
|
12
12
|
justify-content: center;
|
|
13
13
|
border-radius: $border_rad_light;
|
|
14
|
-
padding: 0
|
|
14
|
+
padding: 0 $space_xs/2;
|
|
15
15
|
border-width: 1px;
|
|
16
16
|
border-style: solid;
|
|
17
17
|
border-color: $card_light;
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
height: $pb_badge_height;
|
|
35
35
|
min-height: $pb_badge_height;
|
|
36
36
|
min-width: $pb_badge_height;
|
|
37
|
-
border-radius:
|
|
37
|
+
border-radius: $pb_badge_height / 2;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
&[class*=_notification] {
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
display: flex;
|
|
22
22
|
align-items: center;
|
|
23
23
|
[class*=pb_date_range_inline_arrow] {
|
|
24
|
-
margin-left:
|
|
25
|
-
margin-right:
|
|
24
|
+
margin-left: $space_xs/2;
|
|
25
|
+
margin-right: $space_xs/2;
|
|
26
26
|
}
|
|
27
27
|
[class*=pb_date_range_inline_timezone] {
|
|
28
|
-
margin-left:
|
|
28
|
+
margin-left: $space_xs/2;
|
|
29
29
|
}
|
|
30
30
|
[class*=pb_date_range_inline_icon] {
|
|
31
|
-
margin-right:
|
|
31
|
+
margin-right: $space_xs/2;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
[class^=pb_date_time_stacked] {
|
|
2
2
|
|
|
3
3
|
[class^=padding_month] {
|
|
4
|
-
padding-bottom:
|
|
4
|
+
padding-bottom: $space_xs + 2px !important;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
[class^=padding_day] {
|
|
8
|
-
padding-bottom:
|
|
8
|
+
padding-bottom: $space_xs + 2px !important;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
&[class*=_dark] {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
}
|
|
21
21
|
.date-time-padding {
|
|
22
|
-
padding-right:
|
|
23
|
-
padding-left:
|
|
22
|
+
padding-right: $space_xs / 2;
|
|
23
|
+
padding-left: $space_xs / 2;
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -17,9 +17,9 @@ $form_pill_colors: (
|
|
|
17
17
|
display: inline-flex;
|
|
18
18
|
justify-content: center;
|
|
19
19
|
align-items: center;
|
|
20
|
-
padding: 0
|
|
20
|
+
padding: 0 $space-md/2;
|
|
21
21
|
height: $pb_form_pill_height;
|
|
22
|
-
border-radius:
|
|
22
|
+
border-radius: $pb_form_pill_height/2;
|
|
23
23
|
margin-bottom: 2px;
|
|
24
24
|
margin-top: 2px;
|
|
25
25
|
cursor: pointer;
|
|
@@ -18,7 +18,7 @@ $pb_multiple_users_size_xxs: map-get($avatar-sizes, "xxs");
|
|
|
18
18
|
justify-content: center;
|
|
19
19
|
width: $pb_multiple_users_size;
|
|
20
20
|
height: $pb_multiple_users_size;
|
|
21
|
-
border-radius:
|
|
21
|
+
border-radius: $pb_multiple_users_size / 2 + 2;
|
|
22
22
|
background: tint($primary, 90%);
|
|
23
23
|
border: $pb_multiple_users_border_size solid $white;
|
|
24
24
|
color: $primary;
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.passphrase-label {
|
|
24
|
-
margin-right:
|
|
24
|
+
margin-right: $space_xs / 2;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.passphrase-text-input-wrapper {
|
|
28
28
|
position: relative;
|
|
29
29
|
|
|
30
30
|
.pb_text_input_kit_label {
|
|
31
|
-
margin-bottom:
|
|
31
|
+
margin-bottom: $space_xs / 2;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.passphrase-text-input input {
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.pb_progress_simple_wrapper, .pb_progress_simple_wrapper_dark {
|
|
60
|
-
margin-bottom:
|
|
60
|
+
margin-bottom: $space_xs/2;
|
|
61
61
|
|
|
62
62
|
&.progress-empty-input {
|
|
63
63
|
visibility: hidden;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
@import "intl-tel-input/build/css/intlTelInput.css";
|
|
2
1
|
@import "../tokens/colors";
|
|
3
2
|
|
|
4
3
|
$transform-rotate-deg: 135deg;
|
|
@@ -100,7 +99,7 @@ $flag-min-resolution: 192dpi;
|
|
|
100
99
|
}
|
|
101
100
|
|
|
102
101
|
.iti__arrow.iti__arrow--up::before {
|
|
103
|
-
transform: rotate(-
|
|
102
|
+
transform: rotate(-($transform-rotate-deg/3));
|
|
104
103
|
top: $space_xs + 4px;
|
|
105
104
|
color: $primary_action;
|
|
106
105
|
}
|
|
@@ -2,6 +2,7 @@ import React, { forwardRef, useEffect, useRef, useState, useImperativeHandle } f
|
|
|
2
2
|
import classnames from 'classnames'
|
|
3
3
|
|
|
4
4
|
import intlTelInput from 'intl-tel-input'
|
|
5
|
+
import 'intl-tel-input/build/css/intlTelInput.css'
|
|
5
6
|
import 'intl-tel-input/build/js/utils.js'
|
|
6
7
|
|
|
7
8
|
import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
|
|
@@ -9,9 +9,9 @@ $pb_pill_height: 22px;
|
|
|
9
9
|
display: inline-flex;
|
|
10
10
|
justify-content: center;
|
|
11
11
|
align-items: center;
|
|
12
|
-
padding: 0
|
|
12
|
+
padding: 0 $space-sm/1.8;
|
|
13
13
|
height: $pb_pill_height;
|
|
14
|
-
border-radius:
|
|
14
|
+
border-radius: $pb_pill_height/2;
|
|
15
15
|
white-space: nowrap;
|
|
16
16
|
|
|
17
17
|
&[class*=lowercase] {
|
|
@@ -21,7 +21,7 @@ $pb_progress_simple_height: 4px;
|
|
|
21
21
|
[class^=pb_progress_simple_kit] {
|
|
22
22
|
width: 100%;
|
|
23
23
|
height: $pb_progress_simple_height;
|
|
24
|
-
border-radius:
|
|
24
|
+
border-radius: $pb_progress_simple_height/2;
|
|
25
25
|
background: rgba($primary, $opacity-1);
|
|
26
26
|
&[class*=_positive] {
|
|
27
27
|
.progress_simple_value {
|
|
@@ -42,7 +42,7 @@ $pb_progress_simple_height: 4px;
|
|
|
42
42
|
[class^=progress_simple_value] {
|
|
43
43
|
width: 0%;
|
|
44
44
|
height: 100%;
|
|
45
|
-
border-radius:
|
|
45
|
+
border-radius: $pb_progress_simple_height/2;
|
|
46
46
|
background: $primary;
|
|
47
47
|
}
|
|
48
48
|
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
.trix-button--icon {
|
|
107
107
|
height: $space_lg;
|
|
108
108
|
width: $space_lg;
|
|
109
|
-
margin:
|
|
109
|
+
margin: $space_xs / 2;
|
|
110
110
|
border-radius: $border_rad_heavier;
|
|
111
111
|
&::before {
|
|
112
112
|
background-size: auto;
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
background: $white;
|
|
117
117
|
border: 1px solid #E4E8F0;
|
|
118
118
|
border-bottom: none;
|
|
119
|
-
padding:
|
|
119
|
+
padding: $space_xs / 2;
|
|
120
120
|
border-top-left-radius: $border_rad_heavier;
|
|
121
121
|
border-top-right-radius: $border_rad_heavier;
|
|
122
122
|
.trix-button-group {
|
|
@@ -43,7 +43,7 @@ $pb_selectable_card_border: 2px;
|
|
|
43
43
|
align-items: center;
|
|
44
44
|
height: $pb_selectable_card_indicator_size;
|
|
45
45
|
width: $pb_selectable_card_indicator_size;
|
|
46
|
-
border-radius:
|
|
46
|
+
border-radius: $pb_selectable_card_indicator_size/2 + $pb_selectable_card_border/2;
|
|
47
47
|
border-width: $pb_selectable_card_border;
|
|
48
48
|
border-style: solid;
|
|
49
49
|
border-color: $white;
|
|
@@ -52,8 +52,8 @@ $pb_selectable_card_border: 2px;
|
|
|
52
52
|
font-size: $font_smaller;
|
|
53
53
|
text-align: center;
|
|
54
54
|
position: absolute;
|
|
55
|
-
top: -
|
|
56
|
-
right: -
|
|
55
|
+
top: -($pb_selectable_card_indicator_size/2);
|
|
56
|
+
right: -($pb_selectable_card_indicator_size/2);
|
|
57
57
|
opacity: 0;
|
|
58
58
|
}
|
|
59
59
|
}
|
|
@@ -22,14 +22,14 @@
|
|
|
22
22
|
display: flex;
|
|
23
23
|
align-items: center;
|
|
24
24
|
[class*=pb_time_range_inline_arrow] {
|
|
25
|
-
margin-left:
|
|
26
|
-
margin-right:
|
|
25
|
+
margin-left: $space_xs/2;
|
|
26
|
+
margin-right: $space_xs/2;
|
|
27
27
|
}
|
|
28
28
|
[class*=pb_time_range_inline_timezone] {
|
|
29
|
-
margin-left:
|
|
29
|
+
margin-left: $space_xs/2;
|
|
30
30
|
}
|
|
31
31
|
[class*=pb_time_range_inline_icon] {
|
|
32
|
-
margin-right:
|
|
32
|
+
margin-right: $space_xs/2;
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -27,7 +27,7 @@ $transition: .2s ease-in-out;
|
|
|
27
27
|
&:after {
|
|
28
28
|
transition: $transition;
|
|
29
29
|
content: "";
|
|
30
|
-
width:
|
|
30
|
+
width: $width / 2 - 4px;
|
|
31
31
|
height: $height - 4px;
|
|
32
32
|
background-color: $color_checkbox_default;
|
|
33
33
|
border-radius: 50%;
|
|
@@ -68,7 +68,7 @@ $transition: .2s ease-in-out;
|
|
|
68
68
|
background-color: $color_checkbox_success;
|
|
69
69
|
|
|
70
70
|
&:after {
|
|
71
|
-
left:
|
|
71
|
+
left: $width / 2 + 2px;
|
|
72
72
|
background-color: $white;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as requireLazysizes}from"./lazysizes-B7xYodB-.js";import{jsx,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{useEffect,createContext,useContext,useState,useCallback,createElement,useRef,forwardRef,useImperativeHandle,Fragment as Fragment$1,useReducer,useMemo,useLayoutEffect,isValidElement}from"react";import{h as buildAriaProps,i as buildDataProps,j as buildHtmlProps,k as classnames,l as globalProps,m as buildCss,F as Flex,I as Icon,n as FlexItem,o as Body$1,p as Caption,A as Avatar,q as domSafeProps,r as Title,s as getAllIcons,S as SectionSeparator,t as Draggable,u as TextInput,v as PropTypes,w as Card,x as noop$3,y as PbReactPopover,z as CircleIconButton,E as Button,H as HighchartsReact,J as Badge,K as joinPresent,N as titleize,O as IconCircle,Q as Image,U as Checkbox,V as Radio}from"./_typeahead-
|
|
1
|
+
import{r as requireLazysizes}from"./lazysizes-B7xYodB-.js";import{jsx,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{useEffect,createContext,useContext,useState,useCallback,createElement,useRef,forwardRef,useImperativeHandle,Fragment as Fragment$1,useReducer,useMemo,useLayoutEffect,isValidElement}from"react";import{h as buildAriaProps,i as buildDataProps,j as buildHtmlProps,k as classnames,l as globalProps,m as buildCss,F as Flex,I as Icon,n as FlexItem,o as Body$1,p as Caption,A as Avatar,q as domSafeProps,r as Title,s as getAllIcons,S as SectionSeparator,t as Draggable,u as TextInput,v as PropTypes,w as Card,x as noop$3,y as PbReactPopover,z as CircleIconButton,E as Button,H as HighchartsReact,J as Badge,K as joinPresent,N as titleize,O as IconCircle,Q as Image,U as Checkbox,V as Radio}from"./_typeahead-TbjUt4tI.js";import{g as PbTable,D as DateTime$1,a as datePickerHelper,u as useDropdown,o as omitBy,i as isEmpty,m as map,p as partial,j as find$1,k as commonjsGlobal,l as getDefaultExportFromCjs,n as highchartsDarkTheme,q as highchartsTheme,r as noop$4,s as colors,h as PbTextarea}from"./lib-DErGXNy3.js";import*as ReactDOM from"react-dom";import ReactDOM__default,{createPortal}from"react-dom";var ls_attrchange={exports:{}};(function(module){(function(window2,factory){if(!window2){return}var globalInstall=function(){factory(window2.lazySizes);window2.removeEventListener("lazyunveilread",globalInstall,true)};factory=factory.bind(null,window2,window2.document);if(module.exports){factory(requireLazysizes())}else if(window2.lazySizes){globalInstall()}else{window2.addEventListener("lazyunveilread",globalInstall,true)}})(typeof window!="undefined"?window:0,(function(window2,document2,lazySizes){var addObserver=function(){var connect,disconnect,observer,connected;var lsCfg=lazySizes.cfg;var attributes={"data-bgset":1,"data-include":1,"data-poster":1,"data-bg":1,"data-script":1};var regClassTest="(\\s|^)("+lsCfg.loadedClass;var docElem=document2.documentElement;var setClass=function(target){lazySizes.rAF((function(){lazySizes.rC(target,lsCfg.loadedClass);if(lsCfg.unloadedClass){lazySizes.rC(target,lsCfg.unloadedClass)}lazySizes.aC(target,lsCfg.lazyClass);if(target.style.display=="none"||target.parentNode&&target.parentNode.style.display=="none"){setTimeout((function(){lazySizes.loader.unveil(target)}),0)}}))};var onMutation=function(mutations){var i,len,mutation,target;for(i=0,len=mutations.length;i<len;i++){mutation=mutations[i];target=mutation.target;if(!target.getAttribute(mutation.attributeName)){continue}if(target.localName=="source"&&target.parentNode){target=target.parentNode.querySelector("img")}if(target&®ClassTest.test(target.className)){setClass(target)}}};if(lsCfg.unloadedClass){regClassTest+="|"+lsCfg.unloadedClass}regClassTest+="|"+lsCfg.loadingClass+")(\\s|$)";regClassTest=new RegExp(regClassTest);attributes[lsCfg.srcAttr]=1;attributes[lsCfg.srcsetAttr]=1;if(window2.MutationObserver){observer=new MutationObserver(onMutation);connect=function(){if(!connected){connected=true;observer.observe(docElem,{subtree:true,attributes:true,attributeFilter:Object.keys(attributes)})}};disconnect=function(){if(connected){connected=false;observer.disconnect()}}}else{docElem.addEventListener("DOMAttrModified",function(){var runs;var modifications=[];var callMutations=function(){onMutation(modifications);modifications=[];runs=false};return function(e){if(connected&&attributes[e.attrName]&&e.newValue){modifications.push({target:e.target,attributeName:e.attrName});if(!runs){setTimeout(callMutations);runs=true}}}}(),true);connect=function(){connected=true};disconnect=function(){connected=false}}addEventListener("lazybeforeunveil",disconnect,true);addEventListener("lazybeforeunveil",connect);addEventListener("lazybeforesizes",disconnect,true);addEventListener("lazybeforesizes",connect);connect();removeEventListener("lazybeforeunveil",addObserver)};addEventListener("lazybeforeunveil",addObserver)}))})(ls_attrchange);
|
|
2
2
|
/**
|
|
3
3
|
* table-core
|
|
4
4
|
*
|
data/dist/chunks/vendor.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./_weekday_stacked-
|
|
1
|
+
import"./_weekday_stacked-CQn8079w.js";import"./lazysizes-B7xYodB-.js";import"./_typeahead-TbjUt4tI.js";import"./lib-DErGXNy3.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";
|