@genesislcap/rapid-design-system 14.389.0 → 14.390.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +151 -151
- package/dist/dts/_config/values/color.d.ts +2 -2
- package/dist/dts/_config/values/color.d.ts.map +1 -1
- package/dist/dts/combobox/combobox.styles.d.ts.map +1 -1
- package/dist/dts/multiselect/multiselect.styles.d.ts.map +1 -1
- package/dist/dts/number-field/number-field.styles.d.ts.map +1 -1
- package/dist/dts/search-bar/search-bar-combobox.styles.d.ts.map +1 -1
- package/dist/dts/select/select.styles.d.ts.map +1 -1
- package/dist/dts/text-area/text-area.styles.d.ts.map +1 -1
- package/dist/dts/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/esm/_config/values/color.js +2 -2
- package/dist/esm/combobox/combobox.styles.js +13 -7
- package/dist/esm/multiselect/multiselect.styles.js +14 -7
- package/dist/esm/number-field/number-field.styles.js +12 -8
- package/dist/esm/search-bar/search-bar-combobox.styles.js +12 -6
- package/dist/esm/select/select.styles.js +13 -7
- package/dist/esm/text-area/text-area.styles.js +13 -7
- package/dist/esm/text-field/text-field.styles.js +14 -7
- package/package.json +11 -11
|
@@ -943,6 +943,154 @@
|
|
|
943
943
|
}
|
|
944
944
|
]
|
|
945
945
|
},
|
|
946
|
+
{
|
|
947
|
+
"kind": "javascript-module",
|
|
948
|
+
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
949
|
+
"declarations": [
|
|
950
|
+
{
|
|
951
|
+
"kind": "function",
|
|
952
|
+
"name": "rapidAccordionItemStyles",
|
|
953
|
+
"return": {
|
|
954
|
+
"type": {
|
|
955
|
+
"text": "ElementStyles"
|
|
956
|
+
}
|
|
957
|
+
},
|
|
958
|
+
"parameters": [
|
|
959
|
+
{
|
|
960
|
+
"name": "context",
|
|
961
|
+
"type": {
|
|
962
|
+
"text": "ElementDefinitionContext"
|
|
963
|
+
}
|
|
964
|
+
},
|
|
965
|
+
{
|
|
966
|
+
"name": "definition",
|
|
967
|
+
"type": {
|
|
968
|
+
"text": "FoundationElementDefinition"
|
|
969
|
+
}
|
|
970
|
+
}
|
|
971
|
+
]
|
|
972
|
+
}
|
|
973
|
+
],
|
|
974
|
+
"exports": [
|
|
975
|
+
{
|
|
976
|
+
"kind": "js",
|
|
977
|
+
"name": "rapidAccordionItemStyles",
|
|
978
|
+
"declaration": {
|
|
979
|
+
"name": "rapidAccordionItemStyles",
|
|
980
|
+
"module": "src/accordion-item/accordion-item.styles.ts"
|
|
981
|
+
}
|
|
982
|
+
}
|
|
983
|
+
]
|
|
984
|
+
},
|
|
985
|
+
{
|
|
986
|
+
"kind": "javascript-module",
|
|
987
|
+
"path": "src/accordion-item/accordion-item.template.ts",
|
|
988
|
+
"declarations": [
|
|
989
|
+
{
|
|
990
|
+
"kind": "function",
|
|
991
|
+
"name": "rapidAccordionItemTemplate",
|
|
992
|
+
"return": {
|
|
993
|
+
"type": {
|
|
994
|
+
"text": "ViewTemplate<AccordionItem>"
|
|
995
|
+
}
|
|
996
|
+
},
|
|
997
|
+
"parameters": [
|
|
998
|
+
{
|
|
999
|
+
"name": "context",
|
|
1000
|
+
"type": {
|
|
1001
|
+
"text": "ElementDefinitionContext"
|
|
1002
|
+
}
|
|
1003
|
+
},
|
|
1004
|
+
{
|
|
1005
|
+
"name": "definition",
|
|
1006
|
+
"type": {
|
|
1007
|
+
"text": "FoundationElementDefinition"
|
|
1008
|
+
}
|
|
1009
|
+
}
|
|
1010
|
+
]
|
|
1011
|
+
}
|
|
1012
|
+
],
|
|
1013
|
+
"exports": [
|
|
1014
|
+
{
|
|
1015
|
+
"kind": "js",
|
|
1016
|
+
"name": "rapidAccordionItemTemplate",
|
|
1017
|
+
"declaration": {
|
|
1018
|
+
"name": "rapidAccordionItemTemplate",
|
|
1019
|
+
"module": "src/accordion-item/accordion-item.template.ts"
|
|
1020
|
+
}
|
|
1021
|
+
}
|
|
1022
|
+
]
|
|
1023
|
+
},
|
|
1024
|
+
{
|
|
1025
|
+
"kind": "javascript-module",
|
|
1026
|
+
"path": "src/accordion-item/accordion-item.ts",
|
|
1027
|
+
"declarations": [
|
|
1028
|
+
{
|
|
1029
|
+
"kind": "class",
|
|
1030
|
+
"description": "",
|
|
1031
|
+
"name": "AccordionItem",
|
|
1032
|
+
"superclass": {
|
|
1033
|
+
"name": "foundationAccordionItem",
|
|
1034
|
+
"package": "@genesislcap/foundation-ui"
|
|
1035
|
+
},
|
|
1036
|
+
"tagName": "%%prefix%%-accordion-item",
|
|
1037
|
+
"customElement": true
|
|
1038
|
+
},
|
|
1039
|
+
{
|
|
1040
|
+
"kind": "variable",
|
|
1041
|
+
"name": "rapidAccordionItem"
|
|
1042
|
+
}
|
|
1043
|
+
],
|
|
1044
|
+
"exports": [
|
|
1045
|
+
{
|
|
1046
|
+
"kind": "js",
|
|
1047
|
+
"name": "AccordionItem",
|
|
1048
|
+
"declaration": {
|
|
1049
|
+
"name": "AccordionItem",
|
|
1050
|
+
"module": "src/accordion-item/accordion-item.ts"
|
|
1051
|
+
}
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"kind": "js",
|
|
1055
|
+
"name": "rapidAccordionItem",
|
|
1056
|
+
"declaration": {
|
|
1057
|
+
"name": "rapidAccordionItem",
|
|
1058
|
+
"module": "src/accordion-item/accordion-item.ts"
|
|
1059
|
+
}
|
|
1060
|
+
}
|
|
1061
|
+
]
|
|
1062
|
+
},
|
|
1063
|
+
{
|
|
1064
|
+
"kind": "javascript-module",
|
|
1065
|
+
"path": "src/accordion-item/index.ts",
|
|
1066
|
+
"declarations": [],
|
|
1067
|
+
"exports": [
|
|
1068
|
+
{
|
|
1069
|
+
"kind": "js",
|
|
1070
|
+
"name": "*",
|
|
1071
|
+
"declaration": {
|
|
1072
|
+
"name": "*",
|
|
1073
|
+
"package": "./accordion-item"
|
|
1074
|
+
}
|
|
1075
|
+
},
|
|
1076
|
+
{
|
|
1077
|
+
"kind": "js",
|
|
1078
|
+
"name": "*",
|
|
1079
|
+
"declaration": {
|
|
1080
|
+
"name": "*",
|
|
1081
|
+
"package": "./accordion-item.styles"
|
|
1082
|
+
}
|
|
1083
|
+
},
|
|
1084
|
+
{
|
|
1085
|
+
"kind": "js",
|
|
1086
|
+
"name": "*",
|
|
1087
|
+
"declaration": {
|
|
1088
|
+
"name": "*",
|
|
1089
|
+
"package": "./accordion-item.template"
|
|
1090
|
+
}
|
|
1091
|
+
}
|
|
1092
|
+
]
|
|
1093
|
+
},
|
|
946
1094
|
{
|
|
947
1095
|
"kind": "javascript-module",
|
|
948
1096
|
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
@@ -1515,154 +1663,6 @@
|
|
|
1515
1663
|
}
|
|
1516
1664
|
]
|
|
1517
1665
|
},
|
|
1518
|
-
{
|
|
1519
|
-
"kind": "javascript-module",
|
|
1520
|
-
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
1521
|
-
"declarations": [
|
|
1522
|
-
{
|
|
1523
|
-
"kind": "function",
|
|
1524
|
-
"name": "rapidAccordionItemStyles",
|
|
1525
|
-
"return": {
|
|
1526
|
-
"type": {
|
|
1527
|
-
"text": "ElementStyles"
|
|
1528
|
-
}
|
|
1529
|
-
},
|
|
1530
|
-
"parameters": [
|
|
1531
|
-
{
|
|
1532
|
-
"name": "context",
|
|
1533
|
-
"type": {
|
|
1534
|
-
"text": "ElementDefinitionContext"
|
|
1535
|
-
}
|
|
1536
|
-
},
|
|
1537
|
-
{
|
|
1538
|
-
"name": "definition",
|
|
1539
|
-
"type": {
|
|
1540
|
-
"text": "FoundationElementDefinition"
|
|
1541
|
-
}
|
|
1542
|
-
}
|
|
1543
|
-
]
|
|
1544
|
-
}
|
|
1545
|
-
],
|
|
1546
|
-
"exports": [
|
|
1547
|
-
{
|
|
1548
|
-
"kind": "js",
|
|
1549
|
-
"name": "rapidAccordionItemStyles",
|
|
1550
|
-
"declaration": {
|
|
1551
|
-
"name": "rapidAccordionItemStyles",
|
|
1552
|
-
"module": "src/accordion-item/accordion-item.styles.ts"
|
|
1553
|
-
}
|
|
1554
|
-
}
|
|
1555
|
-
]
|
|
1556
|
-
},
|
|
1557
|
-
{
|
|
1558
|
-
"kind": "javascript-module",
|
|
1559
|
-
"path": "src/accordion-item/accordion-item.template.ts",
|
|
1560
|
-
"declarations": [
|
|
1561
|
-
{
|
|
1562
|
-
"kind": "function",
|
|
1563
|
-
"name": "rapidAccordionItemTemplate",
|
|
1564
|
-
"return": {
|
|
1565
|
-
"type": {
|
|
1566
|
-
"text": "ViewTemplate<AccordionItem>"
|
|
1567
|
-
}
|
|
1568
|
-
},
|
|
1569
|
-
"parameters": [
|
|
1570
|
-
{
|
|
1571
|
-
"name": "context",
|
|
1572
|
-
"type": {
|
|
1573
|
-
"text": "ElementDefinitionContext"
|
|
1574
|
-
}
|
|
1575
|
-
},
|
|
1576
|
-
{
|
|
1577
|
-
"name": "definition",
|
|
1578
|
-
"type": {
|
|
1579
|
-
"text": "FoundationElementDefinition"
|
|
1580
|
-
}
|
|
1581
|
-
}
|
|
1582
|
-
]
|
|
1583
|
-
}
|
|
1584
|
-
],
|
|
1585
|
-
"exports": [
|
|
1586
|
-
{
|
|
1587
|
-
"kind": "js",
|
|
1588
|
-
"name": "rapidAccordionItemTemplate",
|
|
1589
|
-
"declaration": {
|
|
1590
|
-
"name": "rapidAccordionItemTemplate",
|
|
1591
|
-
"module": "src/accordion-item/accordion-item.template.ts"
|
|
1592
|
-
}
|
|
1593
|
-
}
|
|
1594
|
-
]
|
|
1595
|
-
},
|
|
1596
|
-
{
|
|
1597
|
-
"kind": "javascript-module",
|
|
1598
|
-
"path": "src/accordion-item/accordion-item.ts",
|
|
1599
|
-
"declarations": [
|
|
1600
|
-
{
|
|
1601
|
-
"kind": "class",
|
|
1602
|
-
"description": "",
|
|
1603
|
-
"name": "AccordionItem",
|
|
1604
|
-
"superclass": {
|
|
1605
|
-
"name": "foundationAccordionItem",
|
|
1606
|
-
"package": "@genesislcap/foundation-ui"
|
|
1607
|
-
},
|
|
1608
|
-
"tagName": "%%prefix%%-accordion-item",
|
|
1609
|
-
"customElement": true
|
|
1610
|
-
},
|
|
1611
|
-
{
|
|
1612
|
-
"kind": "variable",
|
|
1613
|
-
"name": "rapidAccordionItem"
|
|
1614
|
-
}
|
|
1615
|
-
],
|
|
1616
|
-
"exports": [
|
|
1617
|
-
{
|
|
1618
|
-
"kind": "js",
|
|
1619
|
-
"name": "AccordionItem",
|
|
1620
|
-
"declaration": {
|
|
1621
|
-
"name": "AccordionItem",
|
|
1622
|
-
"module": "src/accordion-item/accordion-item.ts"
|
|
1623
|
-
}
|
|
1624
|
-
},
|
|
1625
|
-
{
|
|
1626
|
-
"kind": "js",
|
|
1627
|
-
"name": "rapidAccordionItem",
|
|
1628
|
-
"declaration": {
|
|
1629
|
-
"name": "rapidAccordionItem",
|
|
1630
|
-
"module": "src/accordion-item/accordion-item.ts"
|
|
1631
|
-
}
|
|
1632
|
-
}
|
|
1633
|
-
]
|
|
1634
|
-
},
|
|
1635
|
-
{
|
|
1636
|
-
"kind": "javascript-module",
|
|
1637
|
-
"path": "src/accordion-item/index.ts",
|
|
1638
|
-
"declarations": [],
|
|
1639
|
-
"exports": [
|
|
1640
|
-
{
|
|
1641
|
-
"kind": "js",
|
|
1642
|
-
"name": "*",
|
|
1643
|
-
"declaration": {
|
|
1644
|
-
"name": "*",
|
|
1645
|
-
"package": "./accordion-item"
|
|
1646
|
-
}
|
|
1647
|
-
},
|
|
1648
|
-
{
|
|
1649
|
-
"kind": "js",
|
|
1650
|
-
"name": "*",
|
|
1651
|
-
"declaration": {
|
|
1652
|
-
"name": "*",
|
|
1653
|
-
"package": "./accordion-item.styles"
|
|
1654
|
-
}
|
|
1655
|
-
},
|
|
1656
|
-
{
|
|
1657
|
-
"kind": "js",
|
|
1658
|
-
"name": "*",
|
|
1659
|
-
"declaration": {
|
|
1660
|
-
"name": "*",
|
|
1661
|
-
"package": "./accordion-item.template"
|
|
1662
|
-
}
|
|
1663
|
-
}
|
|
1664
|
-
]
|
|
1665
|
-
},
|
|
1666
1666
|
{
|
|
1667
1667
|
"kind": "javascript-module",
|
|
1668
1668
|
"path": "src/anchor/anchor.styles.ts",
|
|
@@ -19764,7 +19764,7 @@
|
|
|
19764
19764
|
{
|
|
19765
19765
|
"kind": "variable",
|
|
19766
19766
|
"name": "multiselectStyles",
|
|
19767
|
-
"default": "css`\n ${foundationMultiselectStyles}\n\n .control {\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n min-height: 0;\n outline: none;\n border:
|
|
19767
|
+
"default": "css`\n ${foundationMultiselectStyles}\n\n .control {\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n min-height: 0;\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));\n background-color: var(--neutral-fill-input-rest);\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n box-sizing: border-box;\n }\n\n :host(:focus-within:not([disabled])) .control {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));\n background-color: var(--neutral-fill-input-focus);\n }\n\n .control:hover:not(:focus):not([disabled]) {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));\n background: var(--neutral-fill-input-hover);\n }\n\n #display-field {\n min-height: unset;\n padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);\n font-family: var(--body-font);\n background-color: transparent;\n }\n\n #display-field:focus {\n outline: none;\n background: unset;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: none;\n }\n\n .indicator {\n width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n left: calc(\n 100% -\n ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *\n 1px\n );\n background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n #arrow-icon {\n width: calc(var(--design-unit) * 3.5px);\n height: calc(var(--design-unit) * 3.5px);\n fill: var(--neutral-foreground-rest);\n }\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n overflow-x: hidden;\n }\n\n rapid-checkbox {\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)\n calc((var(--design-unit) + 1) * 1px);\n margin: 0;\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n rapid-checkbox[disabled] {\n cursor: not-allowed;\n }\n`"
|
|
19768
19768
|
}
|
|
19769
19769
|
],
|
|
19770
19770
|
"exports": [
|
|
@@ -39673,7 +39673,7 @@
|
|
|
39673
39673
|
"type": {
|
|
39674
39674
|
"text": "number"
|
|
39675
39675
|
},
|
|
39676
|
-
"default": "
|
|
39676
|
+
"default": "5"
|
|
39677
39677
|
},
|
|
39678
39678
|
{
|
|
39679
39679
|
"kind": "variable",
|
|
@@ -39689,7 +39689,7 @@
|
|
|
39689
39689
|
"type": {
|
|
39690
39690
|
"text": "number"
|
|
39691
39691
|
},
|
|
39692
|
-
"default": "
|
|
39692
|
+
"default": "10"
|
|
39693
39693
|
},
|
|
39694
39694
|
{
|
|
39695
39695
|
"kind": "variable",
|
|
@@ -14,9 +14,9 @@ export declare const neutralFillHoverDeltaValue = 10;
|
|
|
14
14
|
export declare const neutralFillActiveDeltaValue = 5;
|
|
15
15
|
export declare const neutralFillFocusDeltaValue = 0;
|
|
16
16
|
export declare const neutralFillInputRestDeltaValue = 0;
|
|
17
|
-
export declare const neutralFillInputHoverDeltaValue =
|
|
17
|
+
export declare const neutralFillInputHoverDeltaValue = 5;
|
|
18
18
|
export declare const neutralFillInputActiveDeltaValue = 0;
|
|
19
|
-
export declare const neutralFillInputFocusDeltaValue =
|
|
19
|
+
export declare const neutralFillInputFocusDeltaValue = 10;
|
|
20
20
|
export declare const neutralFillStealthRestDeltaValue = 0;
|
|
21
21
|
export declare const neutralFillStealthHoverDeltaValue = 5;
|
|
22
22
|
export declare const neutralFillStealthActiveDeltaValue = 3;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/_config/values/color.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,iDAAmC,CAAC;AACnE,eAAO,MAAM,mBAAmB,iDAAmC,CAAC;AAEpE,eAAO,MAAM,uBAAuB,MAA6B,CAAC;AAElE,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,KAAK,CAAC;AACnD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAE5C,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,+BAA+B,
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/_config/values/color.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,iDAAmC,CAAC;AACnE,eAAO,MAAM,mBAAmB,iDAAmC,CAAC;AAEpE,eAAO,MAAM,uBAAuB,MAA6B,CAAC;AAElE,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,KAAK,CAAC;AACnD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAE5C,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAElD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,kCAAkC,IAAI,CAAC;AACpD,eAAO,MAAM,iCAAiC,IAAI,CAAC;AAEnD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAElD,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAEhD,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAChD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,eAAO,MAAM,kCAAkC,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA+EF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,iDAsG7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,sBAAsB,GACjC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,sBAAsB,GACjC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA+FF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar-combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,4BAA4B,GACvC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"search-bar-combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,4BAA4B,GACvC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAqCF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,iBAAiB,GAC5B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,iBAAiB,GAC5B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAgFF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.styles.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"text-area.styles.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAuCF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAuDF,CAAC"}
|
|
@@ -17,9 +17,9 @@ export const neutralFillHoverDeltaValue = 10;
|
|
|
17
17
|
export const neutralFillActiveDeltaValue = 5;
|
|
18
18
|
export const neutralFillFocusDeltaValue = 0;
|
|
19
19
|
export const neutralFillInputRestDeltaValue = 0;
|
|
20
|
-
export const neutralFillInputHoverDeltaValue =
|
|
20
|
+
export const neutralFillInputHoverDeltaValue = 5;
|
|
21
21
|
export const neutralFillInputActiveDeltaValue = 0;
|
|
22
|
-
export const neutralFillInputFocusDeltaValue =
|
|
22
|
+
export const neutralFillInputFocusDeltaValue = 10;
|
|
23
23
|
export const neutralFillStealthRestDeltaValue = 0;
|
|
24
24
|
export const neutralFillStealthHoverDeltaValue = 5;
|
|
25
25
|
export const neutralFillStealthActiveDeltaValue = 3;
|
|
@@ -4,21 +4,27 @@ import { css } from '@microsoft/fast-element';
|
|
|
4
4
|
export const rapidComboboxStyles = (context, definition) => css `
|
|
5
5
|
${foundationComboboxStyles(context, definition)}
|
|
6
6
|
:host {
|
|
7
|
-
border:
|
|
8
|
-
|
|
7
|
+
border-style: solid;
|
|
8
|
+
border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
|
|
9
|
+
border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
|
|
10
|
+
background-color: var(--neutral-fill-input-rest);
|
|
9
11
|
height: calc(
|
|
10
12
|
(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
|
|
11
13
|
);
|
|
12
14
|
}
|
|
13
15
|
|
|
14
16
|
:host(:focus-within:not([disabled])) {
|
|
15
|
-
|
|
16
|
-
border:
|
|
17
|
+
border-style: solid;
|
|
18
|
+
border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
|
|
19
|
+
border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
|
|
20
|
+
background-color: var(--neutral-fill-input-focus);
|
|
17
21
|
}
|
|
18
22
|
|
|
19
23
|
:host(:hover:not([disabled]):not([open])) {
|
|
20
|
-
border-
|
|
21
|
-
|
|
24
|
+
border-style: solid;
|
|
25
|
+
border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
|
|
26
|
+
border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
|
|
27
|
+
background: var(--neutral-fill-input-hover);
|
|
22
28
|
}
|
|
23
29
|
|
|
24
30
|
:host([open][position='below']) .listbox {
|
|
@@ -43,7 +49,7 @@ export const rapidComboboxStyles = (context, definition) => css `
|
|
|
43
49
|
.indicator {
|
|
44
50
|
width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
|
|
45
51
|
height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
|
|
46
|
-
background-color: var(--neutral-fill-rest);
|
|
52
|
+
background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));
|
|
47
53
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
48
54
|
display: flex;
|
|
49
55
|
justify-content: center;
|
|
@@ -9,8 +9,10 @@ export const multiselectStyles = css `
|
|
|
9
9
|
);
|
|
10
10
|
min-height: 0;
|
|
11
11
|
outline: none;
|
|
12
|
-
border:
|
|
13
|
-
|
|
12
|
+
border-style: solid;
|
|
13
|
+
border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
|
|
14
|
+
border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
|
|
15
|
+
background-color: var(--neutral-fill-input-rest);
|
|
14
16
|
color: var(--neutral-foreground-rest);
|
|
15
17
|
font-size: var(--type-ramp-base-font-size);
|
|
16
18
|
line-height: var(--type-ramp-base-line-height);
|
|
@@ -18,15 +20,20 @@ export const multiselectStyles = css `
|
|
|
18
20
|
box-sizing: border-box;
|
|
19
21
|
}
|
|
20
22
|
|
|
21
|
-
|
|
23
|
+
:host(:focus-within:not([disabled])) .control {
|
|
22
24
|
outline: none;
|
|
23
|
-
border:
|
|
24
|
-
|
|
25
|
+
border-style: solid;
|
|
26
|
+
border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
|
|
27
|
+
border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
|
|
28
|
+
background-color: var(--neutral-fill-input-focus);
|
|
25
29
|
}
|
|
26
30
|
|
|
27
31
|
.control:hover:not(:focus):not([disabled]) {
|
|
28
32
|
outline: none;
|
|
29
|
-
border:
|
|
33
|
+
border-style: solid;
|
|
34
|
+
border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
|
|
35
|
+
border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
|
|
36
|
+
background: var(--neutral-fill-input-hover);
|
|
30
37
|
}
|
|
31
38
|
|
|
32
39
|
#display-field {
|
|
@@ -53,7 +60,7 @@ export const multiselectStyles = css `
|
|
|
53
60
|
((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *
|
|
54
61
|
1px
|
|
55
62
|
);
|
|
56
|
-
background-color: var(--neutral-fill-rest);
|
|
63
|
+
background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));
|
|
57
64
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
58
65
|
display: flex;
|
|
59
66
|
justify-content: center;
|
|
@@ -22,28 +22,32 @@ export const rapidNumberFieldStyles = (context, definition) => css `
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
:host .root {
|
|
25
|
-
--focus-stroke-outer: transparent;
|
|
26
|
-
|
|
27
25
|
display: flex;
|
|
28
26
|
box-sizing: border-box;
|
|
29
27
|
position: relative;
|
|
30
28
|
align-items: center;
|
|
31
29
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
32
|
-
border:
|
|
33
|
-
|
|
30
|
+
border-style: solid;
|
|
31
|
+
border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
|
|
32
|
+
border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
|
|
33
|
+
background-color: var(--neutral-fill-input-rest);
|
|
34
34
|
height: calc(
|
|
35
35
|
(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
|
|
36
36
|
);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
:host(:hover:not([disabled])) .root {
|
|
40
|
-
border-
|
|
41
|
-
|
|
40
|
+
border-style: solid;
|
|
41
|
+
border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
|
|
42
|
+
border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
|
|
43
|
+
background: var(--neutral-fill-input-hover);
|
|
42
44
|
}
|
|
43
45
|
|
|
44
46
|
:host(:focus-within:not([disabled])) .root {
|
|
45
|
-
|
|
46
|
-
border:
|
|
47
|
+
border-style: solid;
|
|
48
|
+
border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
|
|
49
|
+
border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
|
|
50
|
+
background-color: var(--neutral-fill-input-focus);
|
|
47
51
|
box-shadow: none;
|
|
48
52
|
}
|
|
49
53
|
|
|
@@ -4,21 +4,27 @@ export const rapidSearchBarComboboxStyles = (context, definition) => css `
|
|
|
4
4
|
${foundationSearchBarComboboxStyles(context, definition)}
|
|
5
5
|
|
|
6
6
|
:host {
|
|
7
|
-
border:
|
|
8
|
-
|
|
7
|
+
border-style: solid;
|
|
8
|
+
border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
|
|
9
|
+
border-color: var(--neutral-stroke-fill-rest, var(--neutral-stroke-rest));
|
|
10
|
+
background-color: var(--neutral-fill-input-rest);
|
|
9
11
|
height: calc(
|
|
10
12
|
(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
|
|
11
13
|
);
|
|
12
14
|
}
|
|
13
15
|
|
|
14
16
|
:host(:focus-within:not([disabled])) {
|
|
15
|
-
|
|
16
|
-
border:
|
|
17
|
+
border-style: solid;
|
|
18
|
+
border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
|
|
19
|
+
border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
|
|
20
|
+
background-color: var(--neutral-fill-input-focus);
|
|
17
21
|
}
|
|
18
22
|
|
|
19
23
|
:host(:hover:not([disabled]):not([open])) {
|
|
20
|
-
border-
|
|
21
|
-
|
|
24
|
+
border-style: solid;
|
|
25
|
+
border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
|
|
26
|
+
border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
|
|
27
|
+
background: var(--neutral-fill-input-hover);
|
|
22
28
|
}
|
|
23
29
|
|
|
24
30
|
:host([open][position='below']) .listbox {
|
|
@@ -5,21 +5,27 @@ export const rapidSelectStyles = (context, definition) => css `
|
|
|
5
5
|
${foundationSelectStyles(context, definition)}
|
|
6
6
|
:host {
|
|
7
7
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
8
|
-
border:
|
|
9
|
-
|
|
8
|
+
border-style: solid;
|
|
9
|
+
border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
|
|
10
|
+
border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
|
|
11
|
+
background-color: var(--neutral-fill-input-rest);
|
|
10
12
|
height: calc(
|
|
11
13
|
(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
|
|
12
14
|
);
|
|
13
15
|
}
|
|
14
16
|
|
|
15
17
|
:host(:focus-within:not([disabled])) {
|
|
16
|
-
|
|
17
|
-
border:
|
|
18
|
+
border-style: solid;
|
|
19
|
+
border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
|
|
20
|
+
border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
|
|
21
|
+
background-color: var(--neutral-fill-input-focus);
|
|
18
22
|
}
|
|
19
23
|
|
|
20
24
|
:host(:hover:not([disabled]):not(.open)) {
|
|
21
|
-
border-
|
|
22
|
-
|
|
25
|
+
border-style: solid;
|
|
26
|
+
border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
|
|
27
|
+
border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
|
|
28
|
+
background: var(--neutral-fill-input-hover);
|
|
23
29
|
}
|
|
24
30
|
|
|
25
31
|
:host([open][position='below']) .listbox {
|
|
@@ -40,7 +46,7 @@ export const rapidSelectStyles = (context, definition) => css `
|
|
|
40
46
|
.indicator {
|
|
41
47
|
width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
|
|
42
48
|
height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
|
|
43
|
-
background-color: var(--neutral-fill-rest);
|
|
49
|
+
background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));
|
|
44
50
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
45
51
|
display: flex;
|
|
46
52
|
justify-content: center;
|
|
@@ -11,20 +11,26 @@ export const rapidTextAreaStyles = (context, definition) => css `
|
|
|
11
11
|
|
|
12
12
|
:host .control {
|
|
13
13
|
height: 100%;
|
|
14
|
-
border:
|
|
15
|
-
|
|
14
|
+
border-style: solid;
|
|
15
|
+
border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
|
|
16
|
+
border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
|
|
17
|
+
background-color: var(--neutral-fill-input-rest);
|
|
16
18
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
17
19
|
padding: calc(var(--design-unit) * 2px);
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
:host(:hover:not([disabled])) .control {
|
|
21
|
-
border-
|
|
22
|
-
|
|
23
|
+
border-style: solid;
|
|
24
|
+
border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
|
|
25
|
+
border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
|
|
26
|
+
background: var(--neutral-fill-input-hover);
|
|
23
27
|
}
|
|
24
28
|
|
|
25
|
-
:host(:focus-within:not([disabled])) .control {
|
|
26
|
-
|
|
27
|
-
border:
|
|
29
|
+
:host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .control {
|
|
30
|
+
border-style: solid;
|
|
31
|
+
border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
|
|
32
|
+
border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
|
|
33
|
+
background-color: var(--neutral-fill-input-focus);
|
|
28
34
|
box-shadow: none;
|
|
29
35
|
}
|
|
30
36
|
|
|
@@ -16,21 +16,28 @@ export const rapidTextFieldStyles = (context, definition) => css `
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
:host .root {
|
|
19
|
-
border:
|
|
20
|
-
|
|
19
|
+
border-style: solid;
|
|
20
|
+
border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
|
|
21
|
+
border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
|
|
22
|
+
background-color: var(--neutral-fill-input-rest);
|
|
21
23
|
height: calc(
|
|
22
24
|
(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
|
|
23
25
|
);
|
|
24
26
|
}
|
|
25
27
|
|
|
26
28
|
:host(:hover:not([disabled])) .root {
|
|
27
|
-
border-
|
|
28
|
-
|
|
29
|
+
border-style: solid;
|
|
30
|
+
border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
|
|
31
|
+
border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
|
|
32
|
+
background: var(--neutral-fill-input-hover);
|
|
33
|
+
box-shadow: none;
|
|
29
34
|
}
|
|
30
35
|
|
|
31
|
-
:host(:focus-within:not([disabled])) .root {
|
|
32
|
-
|
|
33
|
-
border:
|
|
36
|
+
:host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .root {
|
|
37
|
+
border-style: solid;
|
|
38
|
+
border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
|
|
39
|
+
border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
|
|
40
|
+
background-color: var(--neutral-fill-input-focus);
|
|
34
41
|
box-shadow: none;
|
|
35
42
|
}
|
|
36
43
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/rapid-design-system",
|
|
3
3
|
"description": "Rapid Design System",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.390.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -35,17 +35,17 @@
|
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
38
|
-
"@genesislcap/genx": "14.
|
|
39
|
-
"@genesislcap/rollup-builder": "14.
|
|
40
|
-
"@genesislcap/ts-builder": "14.
|
|
41
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
42
|
-
"@genesislcap/vite-builder": "14.
|
|
43
|
-
"@genesislcap/webpack-builder": "14.
|
|
38
|
+
"@genesislcap/genx": "14.390.0",
|
|
39
|
+
"@genesislcap/rollup-builder": "14.390.0",
|
|
40
|
+
"@genesislcap/ts-builder": "14.390.0",
|
|
41
|
+
"@genesislcap/uvu-playwright-builder": "14.390.0",
|
|
42
|
+
"@genesislcap/vite-builder": "14.390.0",
|
|
43
|
+
"@genesislcap/webpack-builder": "14.390.0"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@genesislcap/foundation-logger": "14.
|
|
47
|
-
"@genesislcap/foundation-ui": "14.
|
|
48
|
-
"@genesislcap/foundation-utils": "14.
|
|
46
|
+
"@genesislcap/foundation-logger": "14.390.0",
|
|
47
|
+
"@genesislcap/foundation-ui": "14.390.0",
|
|
48
|
+
"@genesislcap/foundation-utils": "14.390.0",
|
|
49
49
|
"@microsoft/fast-colors": "5.3.1",
|
|
50
50
|
"@microsoft/fast-components": "2.30.6",
|
|
51
51
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"access": "public"
|
|
63
63
|
},
|
|
64
64
|
"customElements": "dist/custom-elements.json",
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "5e0d0ec68306f956c6f91b5ff1e3fcd9644784cb"
|
|
66
66
|
}
|